/* Graphik */

@font-face {
  font-family: "Graphik";
  src: url("https://static2.tinkoffjournal.ru/fonts/Graphik-Regular-Converted.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Graphik";
  src: url("https://static-cdn.tinkoffjournal.ru/fonts/graphik-medium.woff2") format("woff2"),
       url("https://static-cdn.tinkoffjournal.ru/fonts/graphik-medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Graphik";
  src: url("https://static2.tinkoffjournal.ru/fonts/Graphik-Semibold-Converted.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

/* Charter */

@font-face {
  font-family: "Charter";
  src: url("https://static-cdn.tinkoffjournal.ru/fonts/charter-regular.woff2") format("woff2"),
       url("https://static-cdn.tinkoffjournal.ru/fonts/charter-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Ruble Sans */

@font-face {
  font-family: "Ruble Sans";
  src: url("https://static-cdn.tinkoffjournal.ru/fonts/ruble-sans-regular.v2.woff2") format("woff2"),
       url("https://static-cdn.tinkoffjournal.ru/fonts/ruble-sans-regular.v2.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ruble Sans";
  src: url("https://static-cdn.tinkoffjournal.ru/fonts/ruble-sans-medium.v2.woff2") format("woff2"),
       url("https://static-cdn.tinkoffjournal.ru/fonts/ruble-sans-medium.v2.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ruble Sans";
  src: url("https://static-cdn.tinkoffjournal.ru/fonts/ruble-sans-semibold.v2.woff2") format("woff2"),
       url("https://static-cdn.tinkoffjournal.ru/fonts/ruble-sans-semibold.v2.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Ruble Serif */

@font-face {
  font-family: "Ruble Serif";
  src: url("https://static-cdn.tinkoffjournal.ru/fonts/ruble-serif-regular.v2.woff2") format("woff2"),
       url("https://static-cdn.tinkoffjournal.ru/fonts/ruble-serif-regular.v2.woff") format("woff");
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul, menu {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

[hidden] {
  display: none !important;
}

button {
  /*
    В Safari 15 сделали цвет для кнопок по умолчанию -apple-system-blue,
    раньше он был черным, как и остается в других браузерах
  */
  color: black;
}

:root {
  /* Fonts metrics */
  --onload-font-size: 13.5px;
  --base-font-size: 15px;
  --base-line-height: 18px;

  /* Layout metrics */
  --max-article-column-width: 1400px;
  --article-column-margin: 30px;
  --max-article-body-width: calc(var(--max-article-column-width) + var(--article-column-margin) * 2);

  /* Fonts */
  --grotesque-font-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --grotesque-font: Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --serif-font-fallback: Georgia, "Times New Roman", Times, serif;
  --serif-font: Charter, Georgia, "Times New Roman", Times, serif;
  --ruble-sans-font: "Ruble Sans";
  --ruble-serif-font: "Ruble Serif";

  /* Colors */
  --link-color-raw: 4, 85, 119;
  --link-hover-color-raw: 189, 29, 0;
  --color-red-raw: 255, 0, 0;
  --link-color: #045577;
  --link-hover-color: #bd1d00;
  --color-red: #ff0000;
  --link-border-color: rgba(4, 85, 119, .13);
  --link-hover-border-color: rgba(189, 29, 0, .10);
  --beige: #f6f6ee;
  --tinkoff-yellow: #ffe500;
  --chemodan-yellow: #f4ff00;
  --color-blue: #0f01a1;
  --color-dark-blue: #0c0188;
  --color-panel-bg: #4c4cff;
}

/* Брекпоинты на светлое будущее, старайся использовать их */

/* landscape phones etc. */

/* tablets etc. */

/* laptops etc. (considering scrollbar) */

/* large desktops etc. (considering scrollbar) */

/* Article layout breakpoints */

/* УСТАРЕВШИЕ БРЕКПОИНТЫ, НЕ ИСПОЛЬЗУЙ ИХ!!!! */

/* Global-wide breakpoints */

/* УСТАРЕВШИЕ БРЕКПОИНТЫ, НЕ ИСПОЛЬЗУЙ ИХ!!!! */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

*::before, *::after {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  font-weight: 400;
  font-size: 15px;
  font-size: var(--base-font-size);
  line-height: 18px;
  line-height: var(--base-line-height);
  overflow-x: hidden
}

@media (max-width: 590px) {

body {
    -webkit-text-size-adjust: none
}
  }

.body--dark {
  color: white;
}

.body--dark  *:focus {
  outline-color: rgba(255, 255, 255, 0.25);
}

.body--dark .header a, .body--dark .article a, .body--dark .serp-container a, .body--dark .recommender a {
  color: white;
}

.body--dark .header a, .body--dark .article a, .body--dark .serp-container a, .body--dark .recommender a, .body--dark .header a u, .body--dark .article a u, .body--dark .serp-container a u, .body--dark .recommender a u {
  background-image: linear-gradient(rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.18));
}

.body--dark .header a:hover, .body--dark .article a:hover, .body--dark .serp-container a:hover, .body--dark .recommender a:hover, .body--dark .header a.hover, .body--dark .article a.hover, .body--dark .serp-container a.hover, .body--dark .recommender a.hover, .body--dark .header a:hover u, .body--dark .article a:hover u, .body--dark .serp-container a:hover u, .body--dark .recommender a:hover u, .body--dark .header a.hover u, .body--dark .article a.hover u, .body--dark .serp-container a.hover u, .body--dark .recommender a.hover u {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(rgba(189, 29, 0, 0.3), rgba(189, 29, 0, 0.3));
  background-image: linear-gradient(rgba(var(--link-hover-color-raw), 0.3), rgba(var(--link-hover-color-raw), 0.3));
}

.body--dark .header, .article, .serp-container, .recommender a.birmanized-anchor {
  background-image: none !important;
}

/*@import 'global!*.css';*/

a, u {
  text-decoration: none;
}

.emoji {
  position: relative;
}

.emoji::before {
  content: '';
  display: block;
  background-size: cover;
  z-index: 10;
}

.emoji--big::before {
  position: absolute;
  bottom: 17px;
  left: 0;
  width: 127px;
  height: 94px;
  filter: drop-shadow(4px 3px 6px rgba(0, 0, 0, .5))
}

@media(max-width: 590px) {

.emoji--big::before {
    bottom: 0
}
  }

.emoji--big.is-apple-like::before {
  font-size: 143px;
  bottom: -40px;
  left: -9px;
  background-image: none !important;
}

.u-nobr {
  white-space: nowrap;
}

.showbigtablet {
  display: none !important
}

@media (min-width: 991px) and (max-width: 1156px) {

.showbigtablet {
    display: block !important
}
  }

@media (min-width: 991px) and (max-width: 1156px) {

.hidebigtablet {
    display: none !important
}
  }

.showtablet {
  display: none !important
}

@media (min-width: 591px) and (max-width: 990px) {

.showtablet {
    display: block !important
}
  }

@media (min-width: 591px) and (max-width: 990px) {

.hidetablet {
    display: none !important
}
  }

.showmobile-and-tablet {
  display: none !important
}

@media (max-width: 990px) {

.showmobile-and-tablet {
    display: block !important
}
  }

.hidemobile-and-tablet {
  display: none !important
}

@media (min-width: 990px) {

.hidemobile-and-tablet {
    display: block !important
}
  }

.showmobile {
  display: none !important
}

@media (max-width: 590px) {

.showmobile {
    display: block !important
}
  }

@media (max-width: 590px) {

.hidemobile {
    display: none !important
}
  }

/* Apply thin underline style for any element */

/*@define-extend thin-underline $underlineColor {  */

.paginator__item, .paginator__item u {
  /*background-image: linear-gradient($underlineColor, $underlineColor);*/
  background-repeat: repeat-x;
  background-size: 100% 1px;
  background-position: 0 100%;
  padding-bottom: 2px;
}

/*!* Basic link styling extend *!*/

/*@define-extend anchor $color: black, $hoverColor: var(--link-hover-color), $underlineOpacity: 10%, $underlineHoverOpacity: 10% {*/

/*  color: $color;*/

/*  &, & u {*/

/*    @extend thin-underline color($color a($underlineOpacity));*/

/*  }*/

/*  &:hover, &.hover,*/

/*  &:hover u, &.hover u {*/

/*    color: $hoverColor;*/

/*    background-image: linear-gradient(color($hoverColor a($underlineHoverOpacity)), color($hoverColor a($underlineHoverOpacity)));*/

/*  }*/

/*  &.birmanized-anchor {*/

/*    background-image: none !important;*/

/*  }*/

/*}*/

/* Inner article link: blue, light blue underline */

/*!* White link *!*/

/*@define-extend inverted-anchor {*/

/*  @extend anchor white, var(--link-hover-color), 18%, 30%;*/

/*}*/

/*!* Dashed link *!*/

/*@define-extend dashed-anchor $dashSize: 3px, $gapSize: 2px, $underlineOpacity: 30%, $underlineHoverOpacity: 10%, $dashColor: var(--link-color), $dashHoverColor: var(--link-hover-color) {*/

/*  color: $dashColor;*/

/*  background-image: linear-gradient(to right, color($dashColor a($underlineOpacity)) $dashSize, transparent $dashSize);*/

/*  background-repeat: repeat-x;*/

/*  background-position: 0 100%;*/

/*  background-size: calc($dashSize + $gapSize) 1px;*/

/*  &:hover, &.hover {*/

/*    color: $dashHoverColor;*/

/*    background-image: linear-gradient(to right, color($dashHoverColor a($underlineHoverOpacity)) $dashSize, transparent $dashSize);*/

/*  }*/

/*}*/

/*@define-extend dashed-anchor-black $dashSize, $gapSize, $hoverColor {*/

/*  @extend dashed-anchor $dashSize, $gapSize, 30%, 15%, black, $hoverColor;*/

/*}*/

/*@define-extend dashed-anchor-white $dashSize, $gapSize, $hoverColor {*/

/*  @extend dashed-anchor $dashSize, $gapSize, 30%, 15%, white, $hoverColor;*/

/*}*/

/* Link w. container-fullsize clickable area */

/*@define-extend fullsize-clickable $zIndex: 99, $pseudoEl: after {*/

/*  &::$(pseudoEl) {*/

/*    content: "";*/

/*    display: block;*/

/*    position: absolute;*/

/*    top: 0;*/

/*    right: 0;*/

/*    bottom: 0;*/

/*    left: 0;*/

/*    z-index: $zIndex;*/

/*  }*/

/*}*/

/* Reset link styles */

/*@define-extend button-reset $bgColor: none {*/

/*@define-extend focus-outline $color: var(--link-color), $opacity: 25%, $offset: 2px {*/

/*@define-extend white-underline {*/

/*  background-image: linear-gradient(rgba(255, 255, 255, .53), rgba(255, 255, 255, .53));*/

/*  background-repeat: repeat-x;*/

/*  background-position: 0 100%;*/

/*  background-size: 1px 1px;*/

/*  & .is-apple-like {*/

/*    background-position-x: 0;*/

/*    background-position-y: 100% !important;*/

/*  }*/

/*}*/

/*@define-extend spinner $borderColor: var(--tinkoff-yellow), $borderWidth: 2px {*/

/*@define-extend webp $image, $important {*/

/*  .webpalpha & {*/

/*    background-image: url("$(image).webp") $important;*/

/*  }*/

/*  .no-webpalpha & {*/

/*    background-image: url("$(image)") $important;*/

/*  }*/

/*}*/

/*@define-extend eyes $offset: 7px {*/

/*@define-extend thumbup $offset: 4px {*/

/*  padding-left: 20px;*/

/*  background: url("shares.inline.png") no-repeat 0 $offset;*/

/*  background-size: 15px auto;*/

/*  @media (--mobile) {*/

/*    padding-left: 15px;*/

/*    background-size: 10px auto;*/

/*  }*/

/*}*/

/*@define-extend bubble $offset: 4px {*/

/*  padding-left: 25px;*/

/*  background: url("comment.inline.png") no-repeat 0 $offset;*/

/*  background-size: 20px auto;*/

/*  @media (--mobile) {*/

/*    padding-left: 16px;*/

/*    background-size: 12px auto;*/

/*    background-position-y: calc($offset + 1px);*/

/*  }*/

/*}*/

/*@define-extend small-title {*/

/*  font-size: 23px;*/

/*  line-height: 30px;*/

/*  font-weight: 600;*/

/*  @media (--mobile) {*/

/*    font-size: 17px;*/

/*    line-height: 27px;*/

/*  }*/

/*}*/

/*@define-extend normal-grotesque {*/

/*  font-size: 17px;*/

/*  line-height: 25px;*/

/*}*/

/*@define-extend card-title-serif {*/

/*  font-size: 21px;*/

/*  line-height: 30px;*/

/*}*/

/*@define-extend meta {*/

/*  .meta {*/

/*    display: flex;*/

/*    align-items: center;*/

/*    font-size: 12px;*/

/*    line-height: 30px;*/

/*    letter-spacing: 1.2px;*/

/*    text-transform: uppercase;*/

/*    @media (--mobile) {*/

/*      font-size: 10px;*/

/*      line-height: 24px;*/

/*      letter-spacing: 1px;*/

/*      margin-bottom: 4px;*/

/*    }*/

/*    &__badge {*/

/*      background-position: 0 80%;*/

/*      text-transform: uppercase;*/

/*      letter-spacing: 1.2px;*/

/*      @media (--mobile) {*/

/*        font-size: 10px;*/

/*        letter-spacing: 1px;*/

/*        margin: 0;*/

/*      }*/

/*    }*/

/*    &__badge,*/

/*    &__date,*/

/*    &__views,*/

/*    &__shares {*/

/*      margin-right: 22px;*/

/*      white-space: nowrap;*/

/*      @media (--mobile) {*/

/*        margin-right: 11px;*/

/*      }*/

/*    }*/

/*    &__views,*/

/*    &__shares,*/

/*    &__comments {*/

/*      &:empty,*/

/*      &[data-value="0"] {*/

/*        display: none;*/

/*      }*/

/*    }*/

/*    &__views {*/

/*      @extend eyes;*/

/*    }*/

/*    &__comments {*/

/*      @extend bubble;*/

/*    }*/

/*  }*/

/*}*/

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

/*!* extends for category icons *!*/

/*@define-extend group-news {*/

/*  background-image: url(rubric-icon/news.svg);*/

/*}*/

/*@define-extend group-ask {*/

/*  background-image: url(rubric-icon/ask.svg);*/

/*}*/

/*@define-extend group-omg {*/

/*  background-image: url(rubric-icon/omg.svg);*/

/*}*/

/*@define-extend article-meta $fontSize: 12px, $spacing: 22px  {*/

/*  &__meta {*/

/*    display: flex;*/

/*    align-items: center;*/

/*    font-size: $fontSize;*/

/*    line-height: 30px;*/

/*    letter-spacing: 1.2px;*/

/*    text-transform: uppercase;*/

/*    @media (--mobile) {*/

/*      font-size: 10px;*/

/*      line-height: 24px;*/

/*      letter-spacing: 1px;*/

/*      margin-bottom: 4px;*/

/*    }*/

/*  }*/

/*  &__badge,*/

/*  &__date,*/

/*  &__views,*/

/*  &__shares {*/

/*    margin-right: $spacing;*/

/*    white-space: nowrap;*/

/*    @media (--mobile) {*/

/*      margin-right: 11px;*/

/*    }*/

/*  }*/

/*  &__views,*/

/*  &__shares,*/

/*  &__comments {*/

/*    &:empty,*/

/*    &[data-value="0"] {*/

/*      display: none;*/

/*    }*/

/*  }*/

/*  &__views {*/

/*    @extend eyes;*/

/*  }*/

/*  &__shares {*/

/*    @extend thumbup;*/

/*  }*/

/*  &__comments {*/

/*    @extend bubble;*/

/*  }*/

/*}*/

/*@define-extend article-subheading $fontWeight: bold, $fontSize: 23px {*/

/*@define-extend input-square $size: 15px {*/

/*  appearance: none;*/

/*  display: inline-block;*/

/*  width: $size;*/

/*  height: $size;*/

/*  border: 1px solid #9e9e9e;*/

/*  box-shadow: inset 0 1px 1px rgba(0,0,0,.2);*/

/*  &:hover,*/

/*  &.hover {*/

/*    border-color: #4778d9;*/

/*  }*/

/*  &:disabled,*/

/*  &:disabled + label {*/

/*    opacity: .5;*/

/*    user-select: none;*/

/*    pointer-events: none;*/

/*  }*/

/*  &::after {*/

/*    content: "";*/

/*    display: block;*/

/*  }*/

/*}*/

/*@define-extend checkbox $size: 15px {*/

/*  @extend input-square $size;*/

/*  border-radius: 2px;*/

/*  &::after {*/

/*    position: absolute;*/

/*    left: 3px;*/

/*    top: -3px;*/

/*    width: 14px;*/

/*    height: 13px;*/

/*    background: url("tick/black.inline.svg") 0 0 no-repeat transparent !important;*/

/*    opacity: 0;*/

/*    transition: opacity .2s ease-out;*/

/*  }*/

/*  &:checked {*/

/*    &::after {*/

/*      opacity: 1;*/

/*    }*/

/*  }*/

/*}*/

/*@define-extend radio $size: 15px {*/

/*  @extend input-square $size;*/

/*  border-radius: 100%;*/

/*  &:hover,*/

/*  &.hover {*/

/*    &::after {*/

/*      width: 9px;*/

/*      height: 9px;*/

/*      border-radius: 100%;*/

/*      margin: 2px auto 0;*/

/*      background-color: #4778d9;*/

/*    }*/

/*  }*/

/*  &:checked {*/

/*    &::after {*/

/*      width: 9px;*/

/*      height: 9px;*/

/*      border-radius: 100%;*/

/*      margin: 2px auto 0 auto;*/

/*      background: black;*/

/*    }*/

/*  }*/

/*}*/

/*@define-extend layout-outsider {*/

/*  width: 100vw;*/

/*  left: calc(var(--article-column-margin) * -1);*/

/*  @media (--maximum) {*/

/*    left: calc((100vw - var(--max-article-body-width) + var(--article-column-margin) * 2) / -2);*/

/*  }*/

/*  @media (--mobile) {*/

/*    left: calc(var(--article-column-margin) * -0.5);*/

/*  }*/

/*}*/

/*@define-extend card-xlarge {*/

/*  margin-bottom: 77px;*/

/*  @media (--mobile) {*/

/*    margin-bottom: 19px;*/

/*  }*/

/*  .card__image {*/

/*    padding-bottom: 65%;*/

/*    @media (--mobile) {*/

/*      padding-bottom: 114.1%;*/

/*      margin-bottom: 16px;*/

/*    }*/

/*  }*/

/*  .card__title {*/

/*    font-size: 36px;*/

/*    line-height: 40px;*/

/*    margin-bottom: 12px;*/

/*    @media (--mobile) {*/

/*      font-size: 22px;*/

/*      line-height: 28px;*/

/*    }*/

/*  }*/

/*  a.card__link {*/

/*    padding-bottom: 2px;*/

/*  }*/

/*}*/

/*@define-extend placeholder-color $color: black {*/

/*  &::-webkit-input-placeholder {*/

/*    color: $color;*/

/*  }*/

/*  &::-moz-placeholder {*/

/*    color: $color;*/

/*  }*/

/*  &:-ms-input-placeholder {*/

/*    color: $color;*/

/*  }*/

/*  &:-moz-placeholder {*/

/*    color: $color;*/

/*  }*/

/*}*/

/*@define-extend redaction-photo {*/

/*  width: 37px;*/

/*  height: 37px;*/

/*  border-radius: 50%;*/

/*  background-color: var(--color-blue);*/

/*  background-position: center;*/

/*  background-size: cover;*/

/*  margin-right: 15px;*/

/*  flex-shrink: 0;*/

/*}*/

/*@define-extend redaction-title {*/

/*  font-size: 21px;*/

/*  line-height: 30px;*/

/*  @media (--small) {*/

/*    font-size: 25px;*/

/*  }*/

/*}*/

/*@define-extend redaction-button {*/

/*  display: block;*/

/*  background-color: var(--color-blue);*/

/*  border-radius: 2px;*/

/*  color: #fff;*/

/*  font-family: var(--grotesque-font);*/

/*  font-size: 14px;*/

/*  line-height: 20px;*/

/*  font-weight: bold;*/

/*  text-align: center;*/

/*  padding: 8px 14px 7px;*/

/*  cursor: pointer;*/

/*  border: none;*/

/*  background-image: none;*/

/*  flex-shrink: 0;*/

/*  &:hover {*/

/*    color: #fff;*/

/*    background-image: none;*/

/*    background-color: var(--color-dark-blue);*/

/*  }*/

/*  @media (--small) {*/

/*    margin-top: 8px;*/

/*  }*/

/*}*/

/*@define-extend text-default {*/

/*  font-size: 17px;*/

/*  line-height: 25px;*/

/*  @media (--small) {*/

/*    font-size: 21px;*/

/*    line-height: 30px;*/

/*  }*/

/*}*/

/*@define-extend label {*/

/*  font-size: 12px;*/

/*  line-height: 20px;*/

/*  font-weight: 400;*/

/*  color: #000;*/

/*  text-transform: uppercase;*/

/*  letter-spacing: 1px;*/

/*  @media (--mobile) {*/

/*    font-size: 10px;*/

/*    line-height: 20px;*/

/*    letter-spacing: 0.9px;*/

/*  }*/

/*}*/

/*@import 'layouts!*.css';*/

.layout-supernova {
  max-width: calc(1400px + 30px * 2);
  max-width: var(--max-article-body-width);
  padding-left: 30px;
  padding-left: var(--article-column-margin);
  padding-right: 30px;
  padding-right: var(--article-column-margin);
  margin-left: auto;
  margin-right: auto;
  outline: none
}

@media (max-width: 590px) {

.layout-supernova {
    width: auto;
    min-width: 290px;
    padding-left: calc(30px / 2);
    padding-left: calc(var(--article-column-margin) / 2);
    padding-right: calc(30px / 2);
    padding-right: calc(var(--article-column-margin) / 2)
}
  }

/* Хак, объясняющий этот стиль */

/* https://css-tricks.com/full-width-containers-limited-width-parents/#aa-no-calc-needed */

.remove-layout {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/*@import 'common!*.css';*/

.articles-feed .article {
    margin-bottom: 100px;
}

.articles-feed .article--card {
    margin-bottom: 15px
}

@media (min-width: 576px) {

.articles-feed .article--card {
        margin-bottom: 30px
}
    }

.laquo {
  margin-left: -0.5em
}

@media (max-width: 590px) {

.laquo {
    margin-left: 0
}
  }

h2 > .laquo {
  margin-left: -0.6em;
}

.nobr {
  white-space: nowrap;
}

.paginator {
  font-size: 0;
}

.paginator__list {
  margin-left: -10px;
}

.paginator__item {
  display: inline-block;
  font-size: 21px;
  padding: 10px;
  position: relative;
}

.paginator__item a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}

.paginator__item a {
  color: black;
}

.paginator__item, .paginator__item u {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.paginator__item:hover, .paginator__item.hover, .paginator__item:hover u, .paginator__item.hover u {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(rgba(189, 29, 0, 0.1), rgba(189, 29, 0, 0.1));
  background-image: linear-gradient(rgba(var(--link-hover-color-raw), 0.1), rgba(var(--link-hover-color-raw), 0.1));
}

.paginator__item.birmanized-anchor {
  background-image: none !important;
}

.paginator__item a:active, .paginator__item a.clicked {
  outline: none !important;
}

.paginator__item b {
  font-weight: bold;
}

.body--with-wallpaper {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: top center;
}

/*@import 'article!**!*.css';*/
:root {
  /* Fonts metrics */
  --onload-font-size: 13.5px;
  --base-font-size: 15px;
  --base-line-height: 18px;

  /* Layout metrics */
  --max-article-column-width: 1400px;
  --article-column-margin: 30px;
  --max-article-body-width: calc(var(--max-article-column-width) + var(--article-column-margin) * 2);

  /* Fonts */
  --grotesque-font-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --grotesque-font: Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --serif-font-fallback: Georgia, "Times New Roman", Times, serif;
  --serif-font: Charter, Georgia, "Times New Roman", Times, serif;
  --ruble-sans-font: "Ruble Sans";
  --ruble-serif-font: "Ruble Serif";

  /* Colors */
  --link-color-raw: 4, 85, 119;
  --link-hover-color-raw: 189, 29, 0;
  --color-red-raw: 255, 0, 0;
  --link-color: #045577;
  --link-hover-color: #bd1d00;
  --color-red: #ff0000;
  --link-border-color: rgba(4, 85, 119, .13);
  --link-hover-border-color: rgba(189, 29, 0, .10);
  --beige: #f6f6ee;
  --tinkoff-yellow: #ffe500;
  --chemodan-yellow: #f4ff00;
  --color-blue: #0f01a1;
  --color-dark-blue: #0c0188;
  --color-panel-bg: #4c4cff;
}
/* Брекпоинты на светлое будущее, старайся использовать их */
/* landscape phones etc. */
/* tablets etc. */
/* laptops etc. (considering scrollbar) */
/* large desktops etc. (considering scrollbar) */
/* Article layout breakpoints */
/* УСТАРЕВШИЕ БРЕКПОИНТЫ, НЕ ИСПОЛЬЗУЙ ИХ!!!! */
/* Global-wide breakpoints */
/* УСТАРЕВШИЕ БРЕКПОИНТЫ, НЕ ИСПОЛЬЗУЙ ИХ!!!! */
.article .featureContainer:not(.featureContainer--inline), .article--feature p, .article--feature a, .article--quiz .article__quiz-sharer-header, input.serp-form__field, .bs-sponsor__link, .calc, .calc-chart, .tj-input-wrapper, .tj-monthpicker, .article-body p.quiz__card-question, .quiz__card ul.quiz__card-answers--buttons li  .quiz__card-answer-stat-number, .quiz__card  small, .quiz__card  button, p.quiz__result-title, .quiz__result-value, .quiz__text-block .quiz__text-block-heading, .quiz__find-correct-image-answers, .quiz__find-correct-image-answers-comment, .images-variant .images-variant__checked-text, .scores-list__element, .quiz__range-info, .quiz__range-answer, .article-body  .heading, .article-body  .subheading, .article-body  .table-heading, .article-body  .small-label, .paragraph-editorial, .shown .article-conclusions__mask, .article-body .article-sidebar, .aside-subscribe, b.bold, strong.bold, .button, a.button, .button.button--smooth, .article-body .contents-heading, .fix-counter, .math, .label-counter, .cut, .details, .article-body .dictionary .heading, .article-body .example-with-heading .heading, .article-body .highlight--with-aside aside .aside__text p, .article-body .highlight--feature, .hints__item, .incut, i.italic, em.italic, .article-body .lawcard__timer, .article-body .lawcard__description, .list.list--bullet_bold > li:first-child::before, .list.list--bullet_bold > li::before, .news-cut__pseudolink, .panel__inner, .article-body .pulled-caption, .share-button, .small, .strikethrough__text, .superlink, .article-body .template--with-title a.template__img, .tile, .votebox__thumbs-percentage, .youtube-pseudobar__progress-timing {
  font-family: Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--grotesque-font);
}
.article-body, .bs-blockquote blockquote, .article-body  b.aside__number, .article-body .desktop-table--text th, .article-body table.desktop-table--text + .mobile-table strong, .article-body table.desktop-table--text + .mobile-table .mobile-table__key, .article-body table.desktop-table--text + .mobile-table .mobile-table__value {
  font-family: Charter, Georgia, "Times New Roman", Times, serif;
  font-family: var(--serif-font);
}
/* Apply thin underline style for any element */
/*@define-extend thin-underline $underlineColor {  */
article a, article a u, .article--quiz .article-body  a, .article--quiz .article-body  a u, .article-body a, .article-body a u, .article-header--dark  a, .article-header--dark  a u, .article-header--enquery + .article-body .highlight:first-of-type a, .article-header--enquery + .article-body .highlight:first-of-type a u, .serp-container a, .serp-container a u, .quiz--normal .quiz__card.answered li.correct  a, .quiz--normal .quiz__card.answered li.checked:not(.correct)  a, .quiz--normal .quiz__card.answered li.correct  a u, .quiz--normal .quiz__card.answered li.checked:not(.correct)  a u, .article-body .highlight--black a, .article-body .highlight--black a u, .superlink__anchor, .superlink__anchor u {
  /*background-image: linear-gradient($underlineColor, $underlineColor);*/
  background-repeat: repeat-x;
  background-size: 100% 1px;
  background-position: 0 100%;
  padding-bottom: 2px;
}
/*!* Basic link styling extend *!*/
/*@define-extend anchor $color: black, $hoverColor: var(--link-hover-color), $underlineOpacity: 10%, $underlineHoverOpacity: 10% {*/
/*  color: $color;*/
/*  &, & u {*/
/*    @extend thin-underline color($color a($underlineOpacity));*/
/*  }*/
/*  &:hover, &.hover,*/
/*  &:hover u, &.hover u {*/
/*    color: $hoverColor;*/
/*    background-image: linear-gradient(color($hoverColor a($underlineHoverOpacity)), color($hoverColor a($underlineHoverOpacity)));*/
/*  }*/
/*  &.birmanized-anchor {*/
/*    background-image: none !important;*/
/*  }*/
/*}*/
/* Inner article link: blue, light blue underline */
.article--quiz .article-body  a, .article-body a {
  /*@extend anchor var(--link-color), var(--link-hover-color), 13%, 10%;*/
  padding-bottom: 2px;
}
/*!* White link *!*/
/*@define-extend inverted-anchor {*/
/*  @extend anchor white, var(--link-hover-color), 18%, 30%;*/
/*}*/
/*!* Dashed link *!*/
/*@define-extend dashed-anchor $dashSize: 3px, $gapSize: 2px, $underlineOpacity: 30%, $underlineHoverOpacity: 10%, $dashColor: var(--link-color), $dashHoverColor: var(--link-hover-color) {*/
/*  color: $dashColor;*/
/*  background-image: linear-gradient(to right, color($dashColor a($underlineOpacity)) $dashSize, transparent $dashSize);*/
/*  background-repeat: repeat-x;*/
/*  background-position: 0 100%;*/
/*  background-size: calc($dashSize + $gapSize) 1px;*/
/*  &:hover, &.hover {*/
/*    color: $dashHoverColor;*/
/*    background-image: linear-gradient(to right, color($dashHoverColor a($underlineHoverOpacity)) $dashSize, transparent $dashSize);*/
/*  }*/
/*}*/
/*@define-extend dashed-anchor-black $dashSize, $gapSize, $hoverColor {*/
/*  @extend dashed-anchor $dashSize, $gapSize, 30%, 15%, black, $hoverColor;*/
/*}*/
/*@define-extend dashed-anchor-white $dashSize, $gapSize, $hoverColor {*/
/*  @extend dashed-anchor $dashSize, $gapSize, 30%, 15%, white, $hoverColor;*/
/*}*/
/* Link w. container-fullsize clickable area */
/*@define-extend fullsize-clickable $zIndex: 99, $pseudoEl: after {*/
/*  &::$(pseudoEl) {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    z-index: $zIndex;*/
/*  }*/
/*}*/
/* Reset link styles */
a.apply-banner, .article-body a.media-container__link, .table-of-contents__item.active a {
  color: inherit;
  background: none;
}
/*@define-extend button-reset $bgColor: none {*/
.ytp-frame__control, button.serp-form__button, .quiz__card  button, button.details__button, .screencast-frame__control, .votebox__thumb-btn {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  /*background: $bgColor;*/
  background: none;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;

  /*&:focus {*/
  /*  outline: none;*/
  /*}*/
}
/*@define-extend focus-outline $color: var(--link-color), $opacity: 25%, $offset: 2px {*/
button.details__button:focus {
  /*outline-offset: $offset;*/
  /*outline-width: 2px;*/
  /*outline-color: color($color a($opacity));*/
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: rgba(4, 85, 119, 0.25);
  outline-color: rgba(var(--link-color-raw), 0.25);
}
/*@define-extend white-underline {*/
/*  background-image: linear-gradient(rgba(255, 255, 255, .53), rgba(255, 255, 255, .53));*/
/*  background-repeat: repeat-x;*/
/*  background-position: 0 100%;*/
/*  background-size: 1px 1px;*/
/*  & .is-apple-like {*/
/*    background-position-x: 0;*/
/*    background-position-y: 100% !important;*/
/*  }*/
/*}*/
/*@define-extend spinner $borderColor: var(--tinkoff-yellow), $borderWidth: 2px {*/
.ytp-frame::after, .screencast-frame.loading::after {
  content: "";
  display: block;

  /*border-width: $borderWidth;*/
  border-width: 2px;

  border-style: solid;

  /*border-color: $borderColor;*/
  border-color: #ffe500;
  border-color: var(--tinkoff-yellow);

  border-bottom-color: transparent;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  -webkit-animation: rotate .5s linear infinite;
          animation: rotate .5s linear infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
}
/*@define-extend webp $image, $important {*/
/*  .webpalpha & {*/
/*    background-image: url("$(image).webp") $important;*/
/*  }*/
/*  .no-webpalpha & {*/
/*    background-image: url("$(image)") $important;*/
/*  }*/
/*}*/
/*@define-extend eyes $offset: 7px {*/
.article-header__views, .serp-item__views {
  padding-left: 25px;
  /*background: url("views.inline.png") no-repeat 0 $offset;*/
  background: url(data:image/png;base64,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) no-repeat 0 7px;
  background-size: 18px auto
}
/*@define-extend thumbup $offset: 4px {*/
/*  padding-left: 20px;*/
/*  background: url("shares.inline.png") no-repeat 0 $offset;*/
/*  background-size: 15px auto;*/
/*  @media (--mobile) {*/
/*    padding-left: 15px;*/
/*    background-size: 10px auto;*/
/*  }*/
/*}*/
/*@define-extend bubble $offset: 4px {*/
/*  padding-left: 25px;*/
/*  background: url("comment.inline.png") no-repeat 0 $offset;*/
/*  background-size: 20px auto;*/
/*  @media (--mobile) {*/
/*    padding-left: 16px;*/
/*    background-size: 12px auto;*/
/*    background-position-y: calc($offset + 1px);*/
/*  }*/
/*}*/
/*@define-extend small-title {*/
/*  font-size: 23px;*/
/*  line-height: 30px;*/
/*  font-weight: 600;*/
/*  @media (--mobile) {*/
/*    font-size: 17px;*/
/*    line-height: 27px;*/
/*  }*/
/*}*/
/*@define-extend normal-grotesque {*/
/*  font-size: 17px;*/
/*  line-height: 25px;*/
/*}*/
/*@define-extend card-title-serif {*/
/*  font-size: 21px;*/
/*  line-height: 30px;*/
/*}*/
.aside, .article-author, .article-body .fotorama__caption, .article-body .desktop-table:not(.desktop-table--text) th, .article-body .desktop-table:not(.desktop-table--text) td, .article-body .mobile-table__key, .article-body .mobile-table__value, .article-body .u-signature {
  font-family: Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--grotesque-font);
  font-size: 14px;
  line-height: 20px
}
/*@define-extend meta {*/
/*  .meta {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    font-size: 12px;*/
/*    line-height: 30px;*/
/*    letter-spacing: 1.2px;*/
/*    text-transform: uppercase;*/
/*    @media (--mobile) {*/
/*      font-size: 10px;*/
/*      line-height: 24px;*/
/*      letter-spacing: 1px;*/
/*      margin-bottom: 4px;*/
/*    }*/
/*    &__badge {*/
/*      background-position: 0 80%;*/
/*      text-transform: uppercase;*/
/*      letter-spacing: 1.2px;*/
/*      @media (--mobile) {*/
/*        font-size: 10px;*/
/*        letter-spacing: 1px;*/
/*        margin: 0;*/
/*      }*/
/*    }*/
/*    &__badge,*/
/*    &__date,*/
/*    &__views,*/
/*    &__shares {*/
/*      margin-right: 22px;*/
/*      white-space: nowrap;*/
/*      @media (--mobile) {*/
/*        margin-right: 11px;*/
/*      }*/
/*    }*/
/*    &__views,*/
/*    &__shares,*/
/*    &__comments {*/
/*      &:empty,*/
/*      &[data-value="0"] {*/
/*        display: none;*/
/*      }*/
/*    }*/
/*    &__views {*/
/*      @extend eyes;*/
/*    }*/
/*    &__comments {*/
/*      @extend bubble;*/
/*    }*/
/*  }*/
/*}*/
.details-content {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.details.unfolded + .details-content {
  position: static;
  height: auto;
  width: auto;
  overflow: visible;
  clip: unset;
}
/*!* extends for category icons *!*/
/*@define-extend group-news {*/
/*  background-image: url(rubric-icon/news.svg);*/
/*}*/
/*@define-extend group-ask {*/
/*  background-image: url(rubric-icon/ask.svg);*/
/*}*/
/*@define-extend group-omg {*/
/*  background-image: url(rubric-icon/omg.svg);*/
/*}*/
/*@define-extend article-meta $fontSize: 12px, $spacing: 22px  {*/
/*  &__meta {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    font-size: $fontSize;*/
/*    line-height: 30px;*/
/*    letter-spacing: 1.2px;*/
/*    text-transform: uppercase;*/
/*    @media (--mobile) {*/
/*      font-size: 10px;*/
/*      line-height: 24px;*/
/*      letter-spacing: 1px;*/
/*      margin-bottom: 4px;*/
/*    }*/
/*  }*/
/*  &__badge,*/
/*  &__date,*/
/*  &__views,*/
/*  &__shares {*/
/*    margin-right: $spacing;*/
/*    white-space: nowrap;*/
/*    @media (--mobile) {*/
/*      margin-right: 11px;*/
/*    }*/
/*  }*/
/*  &__views,*/
/*  &__shares,*/
/*  &__comments {*/
/*    &:empty,*/
/*    &[data-value="0"] {*/
/*      display: none;*/
/*    }*/
/*  }*/
/*  &__views {*/
/*    @extend eyes;*/
/*  }*/
/*  &__shares {*/
/*    @extend thumbup;*/
/*  }*/
/*  &__comments {*/
/*    @extend bubble;*/
/*  }*/
/*}*/
/*@define-extend article-subheading $fontWeight: bold, $fontSize: 23px {*/
.article-body  .subheading, .article-body .contents-heading, .cut__link, .details__link, .details__pseudolink {
  /*font-size: $fontSize;*/
  font-size: 23px;
  /*font-weight: $fontWeight;*/
  font-weight: bold;

  line-height: 30px

  /*a {*/
  /*  outline-offset: 3px;*/
  /*  padding-bottom: 3px;*/
  /*}*/
}
/*@define-extend input-square $size: 15px {*/
/*  appearance: none;*/
/*  display: inline-block;*/
/*  width: $size;*/
/*  height: $size;*/
/*  border: 1px solid #9e9e9e;*/
/*  box-shadow: inset 0 1px 1px rgba(0,0,0,.2);*/
/*  &:hover,*/
/*  &.hover {*/
/*    border-color: #4778d9;*/
/*  }*/
/*  &:disabled,*/
/*  &:disabled + label {*/
/*    opacity: .5;*/
/*    user-select: none;*/
/*    pointer-events: none;*/
/*  }*/
/*  &::after {*/
/*    content: "";*/
/*    display: block;*/
/*  }*/
/*}*/
/*@define-extend checkbox $size: 15px {*/
/*  @extend input-square $size;*/
/*  border-radius: 2px;*/
/*  &::after {*/
/*    position: absolute;*/
/*    left: 3px;*/
/*    top: -3px;*/
/*    width: 14px;*/
/*    height: 13px;*/
/*    background: url("tick/black.inline.svg") 0 0 no-repeat transparent !important;*/
/*    opacity: 0;*/
/*    transition: opacity .2s ease-out;*/
/*  }*/
/*  &:checked {*/
/*    &::after {*/
/*      opacity: 1;*/
/*    }*/
/*  }*/
/*}*/
/*@define-extend radio $size: 15px {*/
/*  @extend input-square $size;*/
/*  border-radius: 100%;*/
/*  &:hover,*/
/*  &.hover {*/
/*    &::after {*/
/*      width: 9px;*/
/*      height: 9px;*/
/*      border-radius: 100%;*/
/*      margin: 2px auto 0;*/
/*      background-color: #4778d9;*/
/*    }*/
/*  }*/
/*  &:checked {*/
/*    &::after {*/
/*      width: 9px;*/
/*      height: 9px;*/
/*      border-radius: 100%;*/
/*      margin: 2px auto 0 auto;*/
/*      background: black;*/
/*    }*/
/*  }*/
/*}*/
/*@define-extend layout-outsider {*/
/*  width: 100vw;*/
/*  left: calc(var(--article-column-margin) * -1);*/
/*  @media (--maximum) {*/
/*    left: calc((100vw - var(--max-article-body-width) + var(--article-column-margin) * 2) / -2);*/
/*  }*/
/*  @media (--mobile) {*/
/*    left: calc(var(--article-column-margin) * -0.5);*/
/*  }*/
/*}*/
/*@define-extend card-xlarge {*/
/*  margin-bottom: 77px;*/
/*  @media (--mobile) {*/
/*    margin-bottom: 19px;*/
/*  }*/
/*  .card__image {*/
/*    padding-bottom: 65%;*/
/*    @media (--mobile) {*/
/*      padding-bottom: 114.1%;*/
/*      margin-bottom: 16px;*/
/*    }*/
/*  }*/
/*  .card__title {*/
/*    font-size: 36px;*/
/*    line-height: 40px;*/
/*    margin-bottom: 12px;*/
/*    @media (--mobile) {*/
/*      font-size: 22px;*/
/*      line-height: 28px;*/
/*    }*/
/*  }*/
/*  a.card__link {*/
/*    padding-bottom: 2px;*/
/*  }*/
/*}*/
/*@define-extend placeholder-color $color: black {*/
/*  &::-webkit-input-placeholder {*/
/*    color: $color;*/
/*  }*/
/*  &::-moz-placeholder {*/
/*    color: $color;*/
/*  }*/
/*  &:-ms-input-placeholder {*/
/*    color: $color;*/
/*  }*/
/*  &:-moz-placeholder {*/
/*    color: $color;*/
/*  }*/
/*}*/
/*@define-extend redaction-photo {*/
/*  width: 37px;*/
/*  height: 37px;*/
/*  border-radius: 50%;*/
/*  background-color: var(--color-blue);*/
/*  background-position: center;*/
/*  background-size: cover;*/
/*  margin-right: 15px;*/
/*  flex-shrink: 0;*/
/*}*/
/*@define-extend redaction-title {*/
/*  font-size: 21px;*/
/*  line-height: 30px;*/
/*  @media (--small) {*/
/*    font-size: 25px;*/
/*  }*/
/*}*/
/*@define-extend redaction-button {*/
/*  display: block;*/
/*  background-color: var(--color-blue);*/
/*  border-radius: 2px;*/
/*  color: #fff;*/
/*  font-family: var(--grotesque-font);*/
/*  font-size: 14px;*/
/*  line-height: 20px;*/
/*  font-weight: bold;*/
/*  text-align: center;*/
/*  padding: 8px 14px 7px;*/
/*  cursor: pointer;*/
/*  border: none;*/
/*  background-image: none;*/
/*  flex-shrink: 0;*/
/*  &:hover {*/
/*    color: #fff;*/
/*    background-image: none;*/
/*    background-color: var(--color-dark-blue);*/
/*  }*/
/*  @media (--small) {*/
/*    margin-top: 8px;*/
/*  }*/
/*}*/
/*@define-extend text-default {*/
/*  font-size: 17px;*/
/*  line-height: 25px;*/
/*  @media (--small) {*/
/*    font-size: 21px;*/
/*    line-height: 30px;*/
/*  }*/
/*}*/
/*@define-extend label {*/
/*  font-size: 12px;*/
/*  line-height: 20px;*/
/*  font-weight: 400;*/
/*  color: #000;*/
/*  text-transform: uppercase;*/
/*  letter-spacing: 1px;*/
/*  @media (--mobile) {*/
/*    font-size: 10px;*/
/*    line-height: 20px;*/
/*    letter-spacing: 0.9px;*/
/*  }*/
/*}*/
[data-component-name="comments"], .recommender-showcase {
  position: relative;

  /*&::after {*/
  /*  content: '';*/
  /*  display: block;*/
  /*  position: absolute;*/
  /*  width: 100vw;*/
  /*  left: 50%;*/
  /*  transform: translateX(-50%);*/
  /*  top: 0;*/
  /*  bottom: 0;*/
  /*  background: white;*/
  /*  z-index: -1;*/
  /*}*/
}
[data-component-name="comments"]::after, .recommender-showcase::after {
 content: '';
 display: block;
 position: absolute;
 width: 100vw;
 left: 50%;
 transform: translateX(-50%);
 top: 0;
 bottom: 0;
 background: white;
 z-index: -1;
}
.article-body, .article-footer, .article-body .highlight--wide .with-aside, .article-body .highlight--wide > .heading, .article-body .highlight--wide > .subheading, .article-body .highlight--wide > p {
  /* Default layout: 5/10 columns */;
  width: 50%;

  /*!* 5/8 columns *!*/
  /*@media (--columns8) {*/
  /*  width: calc(100% / 8 * 5);*/
  /*}*/

  /*!* 3/4 columns *!*/
  /*@media (--columns4) {*/
  /*  width: calc(100% / 4 * 3);*/
  /*}*/

  /*!* Full-width column *!*/
  /*@media (--column1) {*/
  /*  width: 100%;*/
  /*}*/
}
.aside, .article-author {
  position: absolute;
  top: 10px;
  width: 40%;
  left: 120%;
}
.aside__text, .article-author__text {
  max-width: 240px;

  /*@media (--columns4) {*/
  /*  max-width: 300px;*/
  /*}*/
}
/*@define-mixin article-outsider $max-width: 200% {*/
.article .outsider-box, .article-header--faqcard + .article-body .highlight:first-of-type, .article-header--enquery + .article-body .highlight:first-of-type, .article-body .highlight--wide {
  /*width: $max-width;*/
  width: 200%;

  /*@media (--maximum) {*/
  /*  .article-body--with-sidebar & {*/
  /*    width: 160%;*/
  /*  }*/
  /*}*/

  /*@media (--columns8) {*/
  /*  width: 160%;*/
  /*}*/

  /*@media (--columns4) {*/
  /*  width: 133.333%;*/
  /*}*/

  /*@media (--column1) {*/
  /*  width: 100%;*/
  /*}*/
}
.article-header--faqcard + .article-body .highlight:first-of-type, .article-header--enquery + .article-body .highlight:first-of-type {
  padding-right: 100%
}
.article-header__title, .article-header__subtitle, .serp-container {
  width: 70%
}
/*@define-mixin article-title $textTransform: inherit {*/
.article-header__title, .serp-header__title, input.serp-form__field, .serp-empty, .serp-item__title {
  position: relative;
  font-size: 55px;
  font-weight: 600;
  line-height: 60px;
  /*text-transform: $textTransform;*/
  text-transform: inherit

  /*a {*/
  /*  outline-offset: 5px;*/
  /*}*/
}
/*@define-mixin article-subtitle $topOffset: auto {*/
.article-header__subtitle, .serp-item__subtitle {
  position: relative;
  font-size: 34px;
  line-height: 40px;
  font-weight: 400;
  /*top: $topOffset;*/
  top: auto
}
/*@define-mixin article-meta $container {*/
/*  &__meta {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    font-size: 12px;*/
/*    line-height: 30px;*/
/*    letter-spacing: 1.2px;*/
/*    text-transform: uppercase;*/
/*    @media (--mobile) {*/
/*      font-size: 10px;*/
/*      line-height: 24px;*/
/*      letter-spacing: 1px;*/
/*      margin-bottom: 4px;*/
/*      margin-top: 7px;*/
/*    }*/
/*    */
/*    &.article-header__meta--secondary {*/
/*      display: flex;*/
/*      flex-direction: column;*/
/*      align-items: flex-start;*/
/*      margin: 0;*/
/*      @media (--small) {*/
/*        flex-direction: row;*/
/*      }*/
/*    }*/
/*  }*/
/*  &__badge,*/
/*  &__date,*/
/*  &__views,*/
/*  &__shares,*/
/*  &__metaItem {*/
/*    margin-right: 22px;*/
/*    white-space: nowrap;*/
/*    @media (--mobile) {*/
/*      margin-right: 11px;*/
/*    }*/
/*  }*/
/*  &__views {*/
/*    @mixin eyes;*/
/*  }*/
/*  &__comments {*/
/*    @mixin bubble;*/
/*    &:empty,*/
/*    &[data-value="0"] {*/
/*      display: none;*/
/*    }*/
/*  }*/
/*  &__metaItem {*/
/*    line-height: 15px;*/
/*    margin-bottom: 4px;*/
/*    @media (--small) {*/
/*      line-height: 20px;*/
/*      margin-bottom: 0;*/
/*    }*/
/*  }*/
/*}*/
/*@define-mixin eyes $offset: 7px {*/
/*  padding-left: 25px;*/
/*  background: url("views.inline.png") no-repeat 0 $offset;*/
/*  background-size: 18px auto;*/
/*  @media (--mobile) {*/
/*    padding-left: 16px;*/
/*    background-size: 12px auto;*/
/*  }*/
/*}*/
/*@define-mixin bubble $offset: 5px {*/
.article-header__comments, .serp-item__comments {
  padding-left: 25px;
  /*background: url("comment.inline.png") no-repeat 0 $offset;*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAABw5JREFUWAntmGto11UYx8+u7n5xbjaMwAuB5attUGw1tCYM3wSB0ZvYCxF7ETJJcRrhRIQaUaj4QsoInCydF0biMERmQgudb5z4ZhRpmrW5Oeecu/7X9/PT59/5//3tVkIQHjg753cuz/M5z/Ocy3/OPUv/cwsk/Nv1bd68OXPp0qWZ85RGRkaSEhMTIw8fPhwZGxsb3LJly5DkT/4bHXMGPHr06Evp6emVycnJr6ampr6osjApKSlXYKkCSVSOTExMjCoPCLJnfHy8S+Wl4eHhC83NzZ3KE3MBnhXg2rVrk2pqat4S2PvKrxUUFKRnZmY6AbqUlBQnQJeQkBDkSCTiJicnHaXg3OjoqHvw4IG7e/fuqCA7ZN1vbt269e26devuzwZ0RsDjx4+X5OTkfJqfn18lMCdAl5aWFsDJelE4XxmABgmoLOjkfic4NzAw4Pr7+zvv37//cXV1dYs/L6w+LeDJkyffmz9//t6FCxfmYbGsrKwADqvJpYHFwoRam4FSyuUB5NDQUAAqi0b6+vo+k/U/WrVq1bjNiS+T4hvs+9ixY+sLCwu/LCoqysjNzXWyosvIyIhxqY2dqjS3U7IgLE4m6TtB+6picHCwaMmSJa1tbW2hmykU8MiRI6sWLFjQKJemZmdnOzKuRTiK5poAJBmoxSzul8wyGWDg8OHD7WFyn9B28ODBbFlqr2IuDSgym8GEhgmZTZtZkwUSIsSxyZcBdpw4cWJ5mJwnADW4RpZbIfNH4w04kh9T1P9JMiviDRZOVpznCPbDMHkxgPX19WkCW8/qAGQygsxF8QLigWf69ucjk4Wbd1S+3djY+Lw/hnoMoG6EEq1kBS5gInmuMedDxivj27c8gBiArDjMV2i9GT8nBlBAb8jFiQCSERAG6ENQt8PZlFs/7fHZ+szVBonXBLpyWkDBlBmcD2iQJhwhVqeM/47vCwY8/mPjAfQh0SHAl7m1/PFRCx44cCBFgxYziVWZ9QyOdhLfpoRvg6Gdw9jG0WeysGK8HOtnDJl+6Sxes2ZNNn2WooBqyFUuoIPBNtFK2qlfv37dbd261e3atYv7leZgfEdHh9u4caPbv39/cAeb0ra2NldbW+uamppiFkY/ycZRl95suTocUKucJ2uksVrfQkwk0Yaw9vZ2d/HiRXfu3Dl39erVIMBZ0OnTp921a9fcqVOnnB4DgQeY09LS4jo7O52uzWBBeMbgTG6g4NGfZD0w5nnf7tG9oxZdOWM6nMdwE9lADYxJ1MvKylxFRUVwDC1fvjwYh8KqqirX3d3tdBK44uLiaLtcFswrKSlxeXl5oYtHFzpRocVGqFiKAt64ceOeBPfq5fEcrw+eSkzy3Q3gsmXL3M6dO4N2rGELAbq0tDTY/QAzlrR69WpXWVkZHFl8W7tfGqD08iQbZpylaAzu27dvRH2/0k/mHWeQBoFi6rbDUWLuYjGcmyQbTz91azeltJOZ42fp61Put3GUUUA+9F7r4HEpdzueRbzh4iEZZwqsTkminQS0gfNt431wwJBtb0VKGeWXDRs28DMhmmIAZbkzvb29ET0mA0gemED6LjcIk+CDWJtfGpyVQAJGxkt4y96I0vWjP5d6DGBXV1eHrPcTgHr1OkoE+JDxFkXxbCABw2os9rG1Arl4jHznzp0x6fkuHjDm1L58+XJk5cqVf0rpu9ocCWwCsm0UJpslKC35bVPVLdbMciwaMH4CEFI9PT3fa6N+rnPzb8FSEAOIwrNnz3Zp1y3StVOKUKzjAzLGh8Ay02UDowyDw1M6nh6qrKmrq7uFfD9Fjxm/UTGxRb8XeEC+7ruG3yVc6raLgbfsz4+vI4NFGSCWu3fvXnBwK+YJp+26bS7Fz+P7CQvSKDOPlJeXn5HlXtHKXyCYsYBvKd8yZh0ALFu/fduGIK61eAeYLDepcsemTZsa0BuWpv1Vt2fPnnK5+oLiMJHnOb/q+H2CJfnmUav+aAiYNbEWiZJFAUnMEWsAEnfaFL+pvnXbtm1NYWDWFupi65QFbwtgSIqzOHLYfZS4GUAyh7BBEqskH4w5nATMA07u7Fa9UZb7oqGh4abpmqqcFlCxliwA/t8SwGENOxaAFHi3rMszLUdlMA5FjLPFyHLDyn8oX1Fbq6x4ajZgBjwT4GJd8MELx85DXIXLZIFmxVWtBCXqqV4kq+WLMVVlcN8JZkz9/Rrbqw1xW1fpgCmdSzktoF431fp9nEDsEPTAUeod+JWeXR+0traOPFY2o6vmAuWPnRJQ/8Uq1H8T3sG9QOEyxdCw4HbV19d/IiExzyJf6NOsTwmoGNuuTbCIHceRoJO+XXB1u3fv/uFpAswkK/SYOXToUIniqk0uHdWuuyLIr8+fP9/suXQmuU+tP9SCukl+Flz5zZs3++TO35+atmeC/gML/AXOimBR0OP3YwAAAABJRU5ErkJggg==) no-repeat 0 5px;
  background-size: 20px auto
}
.article {
  position: relative;
  /*
    z-index футер 2, в статье содержатся попапы,
    которые должны перекрывать и футер
  */
  z-index: 3;
}
.article input:focus, .article button:focus {
  outline: none;
}
@media (min-width: 1460px) {
  .article-body--with-sidebar .article .outsider-box {
    width: 160%;
  }
}
.article .featureContainer:not(.featureContainer--inline) .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article--card {
  background-color: #f8f8f8;
  max-width: 775px;
  border-radius: 2px;
}
article a {
  color: black;
}
article a, article a u {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
article a:hover, article a.hover, article a:hover u, article a.hover u {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(rgba(189, 29, 0, 0.1), rgba(189, 29, 0, 0.1));
  background-image: linear-gradient(rgba(var(--link-hover-color-raw), 0.1), rgba(var(--link-hover-color-raw), 0.1));
}
article a.birmanized-anchor {
  background-image: none !important;
}
article a:active, article a.clicked {
  outline: none !important;
}
iframe[loading="lazy"] {
  width: 100%;
  min-height: 300px;
}
.article--feature p, .article--feature a {
  font-size: inherit;
  line-height: inherit;
}
.article--feature >.article-header {
  padding-left: 0;
  margin-bottom: 36px
}
@media (max-width: 800px) {
.article--feature >.article-header {
    margin-bottom: 15px
}
  }
.article--feature-single > .article-header {
  margin-bottom: 0;
}
.article--feature-single p:not([class]) {
  top: 0;
  font-size: 15px;
  line-height: 23px
}
@media (min-width: 992px) {
.article--feature-single p:not([class]) {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 10px
}
  }
:root {
  --max-quiz-width: 700px;
  --cover-height: 500px;
  --cover-top-offset: 90px;
  --cover-mobile-height: 240px;
  --cover-mobile-top-offset: 16px;
}
.article--quiz {
  padding-top: 90px;
  padding-top: var(--cover-top-offset)
}
@media (max-width: 760px) {
.article--quiz {
    padding-top: 16px;
    padding-top: var(--cover-mobile-top-offset);
    margin-top: 30px
}
  }
.article--quiz .article-header {
  max-width: 700px;
  max-width: var(--max-quiz-width);
  margin: 0 auto !important;
  text-align: center;
  color: black;
  padding: calc(500px - 90px + 32px) 20px 44px 20px;
  padding: calc(var(--cover-height) - var(--cover-top-offset) + 32px) 20px 44px 20px;
  background: white !important;
  border-radius: 2px 2px 0 0
}
@media (max-width: 760px) {
.article--quiz .article-header {
    padding-top: calc(240px - 16px + 20px);
    padding-top: calc(var(--cover-mobile-height) - var(--cover-mobile-top-offset) + 20px);
    padding-bottom: 26px
}
  }
.article--quiz .article-header__image-wrapper--align-center {
  margin-top: 0;
}
.article--quiz .article-header__meta {
  justify-content: center
}
@media (max-width: 760px) {
.article--quiz .article-header__meta {
    margin-bottom: -2px
}
  }
.article--quiz .article-header__title, .article--quiz .article-header__subtitle {
  width: 100%;
}
.article--quiz .article-header__title {
  font-size: 36px;
  line-height: 40px
}
@media (max-width: 590px) {
.article--quiz .article-header__title {
    font-size: 24px;
    line-height: 32px
}
  }
.article--quiz .article-header__subtitle {
  display: none;
}
.article--quiz .article-header__image-wrapper {
  position: absolute;
  width: 100vw;
  max-width: none !important;
  height: 500px;
  height: var(--cover-height);
  top: 0;
  left: calc((100vw - 700px) / -2);
  left: calc((100vw - var(--max-quiz-width)) / -2);
  margin-top: calc(90px * -1);
  margin-top: calc(var(--cover-top-offset) * -1);
  overflow: hidden
}
@media (max-width: 760px) {
.article--quiz .article-header__image-wrapper {
    left: calc(30px * -1);
    left: calc(var(--article-column-margin) * -1);
    height: 240px;
    height: var(--cover-mobile-height);
    margin-top: calc(16px * -1);
    margin-top: calc(var(--cover-mobile-top-offset) * -1)
}
  }
@media (max-width: 590px) {
.article--quiz .article-header__image-wrapper {
    left: calc(30px * -0.5);
    left: calc(var(--article-column-margin) * -0.5)
}
  }
.article--quiz .article-header__image {
  height: 100%;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
.article--quiz .article-header__image-ratiobox {
  padding: 0 !important;
  height: 100%;
}
.article--quiz .article-header__wallpaper {
  display: none;
}
.article--quiz .article-header--dark .article-header__badge-link {
  color: black;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  padding-bottom: 3px;
}
.article--quiz .article-body {
  width: 100%;
  max-width: 700px;
  max-width: var(--max-quiz-width);
  margin: 0 auto;

  color: black;
}
.article--quiz .article-body > p {
  padding: 0 20px 20px 20px;
  margin-bottom: 0;
  background: white;
  top: 0
}
@media (max-width: 760px) {
.article--quiz .article-body > p {
    padding-left: 10px;
    padding-right: 10px
}
  }
.article--quiz .article-body > p:last-of-type {
  padding-bottom: 40px;
  border-radius: 0 0 2px 2px
}
@media (max-width: 760px) {
.article--quiz .article-body > p:last-of-type {
    padding-bottom: 26px
}
  }
.article--quiz .article-body  a {
  color: #045577;
  color: var(--link-color);
}
.article--quiz .article-body  a, .article--quiz .article-body  a u {
  background-image: linear-gradient(rgba(4, 85, 119, 0.13), rgba(4, 85, 119, 0.13));
  background-image: linear-gradient(rgba(var(--link-color-raw), 0.13), rgba(var(--link-color-raw), 0.13));
}
.article--quiz .article-body  a:hover, .article--quiz .article-body  a.hover, .article--quiz .article-body  a:hover u, .article--quiz .article-body  a.hover u {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(rgba(189, 29, 0, 0.1), rgba(189, 29, 0, 0.1));
  background-image: linear-gradient(rgba(var(--link-hover-color-raw), 0.1), rgba(var(--link-hover-color-raw), 0.1));
}
.article--quiz .article-body  a.birmanized-anchor {
  background-image: none !important;
}
.article--quiz .article__quiz-sharer {
  display: none;
  background: #f6f6ee;
  background: var(--beige);
  color: black;
  padding: 22px 20px 46px 20px;
  border-radius: 0 0 2px 2px;
  margin-bottom: 26px
}
@media (max-width: 760px) {
.article--quiz .article__quiz-sharer {
    padding: 15px 10px 28px 10px
}
  }
.article--quiz .article__quiz-sharer-header {
  text-align: center;
  font-size: 17px;
  margin-bottom: 15px
}
@media (max-width: 800px) {
.article--quiz .article__quiz-sharer-header {
    font-size: 14px;
    margin-bottom: 9px
}
  }
.article--quiz .article__quiz-sharer-buttons {
  display: flex;
  justify-content: center;
}
.article--quiz .article__quiz-sharer-button {
  display: block;
  margin-left: 11px;
  margin-right: 11px;
  transition: opacity .33s;
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}
@media (max-width: 800px) {
.article--quiz .article__quiz-sharer-button {
    margin-left: 8px;
    margin-right: 8px
}
  }
.article--quiz .article__quiz-sharer-button:hover {
  opacity: .7;
}
.article--quiz .article__quiz-sharer-button--vk {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3ctitle%3evk%3c/title%3e%3cpath d='M34.6%2c0H65.2C93.4%2c0%2c100%2c6.613%2c100%2c34.669V65.331C100%2c93.387%2c93.4%2c100%2c65.4%2c100H34.8C6.8%2c100%2c0%2c93.587%2c0%2c65.531V34.87C0%2c6.613%2c6.6%2c0%2c34.6%2c0Z' style='fill:%235181b8'/%3e%3cpath d='M81.8%2c34.4c.4-1.6%2c0-2.6-2.2-2.6H72.4a3.242%2c3.242%2c0%2c0%2c0-3.2%2c2s-3.8%2c9-9%2c15c-1.8%2c1.6-2.4%2c2.2-3.4%2c2.2-.4%2c0-1.2-.6-1.2-2V34.6c0-1.8-.6-2.6-2-2.6H42.2a1.635%2c1.635%2c0%2c0%2c0-1.8%2c1.6c0%2c1.8%2c2.6%2c2.2%2c2.8%2c7.2V51.6c0%2c2.4-.4%2c2.8-1.4%2c2.8-2.4%2c0-8.4-9-12-19.4-.8-2-1.4-2.8-3.2-2.8H19.2c-2%2c0-2.4%2c1-2.4%2c2%2c0%2c2%2c2.4%2c11.6%2c11.6%2c24.2C34.4%2c67%2c43%2c71.8%2c50.6%2c71.8c4.6%2c0%2c5.2-1%2c5.2-2.8V62c0-2%2c.4-2.4%2c2-2.4%2c1%2c0%2c3%2c.6%2c7.2%2c4.8%2c5%2c5%2c5.8%2c7.2%2c8.6%2c7.2h7.2c2%2c0%2c3.2-1%2c2.6-3.2-.6-2-3-5-6.2-8.6-1.8-2-4.2-4.2-5-5.2-1-1.4-.8-2%2c0-3.2C72%2c51.2%2c81%2c38.8%2c81.8%2c34.4Z' style='fill:white'/%3e%3c/svg%3e");
}
.article--quiz .article__quiz-sharer-button--twt {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 50'%3e%3ctitle%3etwtr%3c/title%3e%3cpath d='M18.7%2c49.2c22.5%2c0%2c34.7-18.6%2c34.7-34.7V12.9a24.343%2c24.343%2c0%2c0%2c0%2c6.1-6.3%2c23.392%2c23.392%2c0%2c0%2c1-7%2c1.9%2c12.67%2c12.67%2c0%2c0%2c0%2c5.4-6.8%2c26.315%2c26.315%2c0%2c0%2c1-7.8%2c3A12.171%2c12.171%2c0%2c0%2c0%2c29%2c13a12.65%2c12.65%2c0%2c0%2c0%2c.3%2c2.8A34.819%2c34.819%2c0%2c0%2c1%2c4.1%2c3.1%2c12.6%2c12.6%2c0%2c0%2c0%2c2.5%2c9.2%2c12.5%2c12.5%2c0%2c0%2c0%2c7.9%2c19.4a12.51%2c12.51%2c0%2c0%2c1-5.5-1.5v.2a12.233%2c12.233%2c0%2c0%2c0%2c9.8%2c12%2c11.236%2c11.236%2c0%2c0%2c1-3.2.4%2c16.413%2c16.413%2c0%2c0%2c1-2.3-.2%2c12.259%2c12.259%2c0%2c0%2c0%2c11.4%2c8.5A24.305%2c24.305%2c0%2c0%2c1%2c2.9%2c44%2c26.416%2c26.416%2c0%2c0%2c1%2c0%2c43.8a34.97%2c34.97%2c0%2c0%2c0%2c18.7%2c5.4' style='fill:%231da1f2'/%3e%3c/svg%3e");
  width: 60px;
}
.article--quiz .article__quiz-sharer-button--telegram {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 50'%3e%3cdefs%3e%3clinearGradient id='a' x1='-1873.966' y1='-38.68' x2='-1874.021' y2='-38.551' gradientTransform='translate(424990.495 8779.478) scale(226.77)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%2337aee2'/%3e%3cstop offset='1' stop-color='%231e96c8'/%3e%3c/linearGradient%3e%3clinearGradient id='b' x1='-1865.867' y1='-30.507' x2='-1865.825' y2='-30.426' gradientTransform='translate(230086.573 3180.54) scale(123.299 103.416)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%23eff7fc'/%3e%3cstop offset='1' stop-color='white'/%3e%3c/linearGradient%3e%3c/defs%3e%3ctitle%3etlg%3c/title%3e%3ccircle cx='25' cy='25' r='25' style='fill:url(%23a)'/%3e%3cpath d='M20.4%2c36.5c-.8%2c0-.7-.3-1-1.1L17%2c27.6%2c35.3%2c16.7Z' style='fill:%23c8daea'/%3e%3cpath d='M20.4%2c36.5a1.559%2c1.559%2c0%2c0%2c0%2c1.2-.6l3.3-3.2-4.2-2.5Z' style='fill:%23a9c9dd'/%3e%3cpath d='M20.8%2c30.1l10.1%2c7.4c1.1.6%2c2%2c.3%2c2.3-1.1l4.1-19.3c.4-1.7-.6-2.4-1.7-1.9L11.5%2c24.5c-1.6.7-1.6%2c1.6-.3%2c2l6.2%2c1.9%2c14.3-9c.7-.4%2c1.3-.2.8.3Z' style='fill:url(%23b)'/%3e%3c/svg%3e");
}
.article--quiz.finished .article__quiz-sharer{
  display: block;
}
.article--quiz-reduced .article-header__meta, .article--quiz-reduced .article-header__title {
  display: none;
}
.article--quiz-reduced .article-body > p {
  display: none;
}
.article-body-wrapper {
  position: relative;
}
.article-body {
  position: relative;
  font-size: 21px;
  line-height: 30px;
  color: black
}
@media (max-width: 590px) {
.article-body {
    font-size: 17px;
    line-height: 25px
}
  }
@media (max-width: 1310px) {
.article-body {
    width: calc(100% / 8 * 5)
}
  }
@media (max-width: 1150px) {
.article-body {
    width: calc(100% / 4 * 3)
}
  }
@media (max-width: 980px) {
.article-body {
    width: 100%
}
  }
.article-body .ruble {
  font-family: "Ruble Serif", Charter, Georgia, "Times New Roman", Times, serif;
  font-family: var(--ruble-serif-font), var(--serif-font);
}
.article--card .article-body {
  width: 100%;
  padding: 0 10px 20px
}
@media (min-width: 576px) {
.article--card .article-body {
    padding: 0 20px 50px
}
  }
@media (min-width: 1460px) {
.article-body--with-sidebar {
    left: 20%
}
  }
.article-body:last-child {
  margin-bottom: 100px;
}
.article-body a {
  color: #045577;
  color: var(--link-color);
}
.article-body a, .article-body a u {
  background-image: linear-gradient(rgba(4, 85, 119, .13), rgba(4, 85, 119, .13));
  background-image: linear-gradient(var(--link-border-color), var(--link-border-color));
}
.article-body a:hover, .article-body a.hover, .article-body a:hover u, .article-body a.hover u {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(rgba(189, 29, 0, .10), rgba(189, 29, 0, .10));
  background-image: linear-gradient(var(--link-hover-border-color), var(--link-hover-border-color));
}
.article-body a.birmanized-anchor {
  background-image: none !important;
}
@media (max-width: 1310px) {
  .article-body {
    width: 62.5%
  }
}
@media (max-width: 1150px) {
  .article-body {
    width: 75%
  }
}
@media (max-width: 980px) {
  .article-body {
    width: 100%
  }
}
.article-footer {
  position: relative;
  z-index: 2;
  margin-top: 70px
}
@media (max-width: 590px) {
.article-footer {
    margin-top: 40px
}
  }
@media (max-width: 1310px) {
.article-footer {
    width: calc(100% / 8 * 5)
}
  }
@media (max-width: 1150px) {
.article-footer {
    width: calc(100% / 4 * 3)
}
  }
@media (max-width: 980px) {
.article-footer {
    width: 100%
}
  }
.article--card .article-footer {
  width: 100%;
  padding: 0 10px 30px;
  margin-top: 0
}
@media (min-width: 576px) {
.article--card .article-footer {
    padding: 0 20px 35px
}
  }
.article-footer--dark {
  color: #fff;
  background-color: black;
}
.article-footer__sharer {
  margin-top: 10px;
  margin-bottom: 8px;
}
.article-footer__sharer-title {
  max-width: 380px;
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 15px
}
@media (max-width: 590px) {
.article-footer__sharer-title {
    font-size: 14px
}
  }
.article-footer__sharer-title::after {
  content: ":";
}
:root {
  --cremeyellow: #f6f6ee;
  --graphite: #2a2a2a;
}
.article-header {
  position: relative;
  margin-bottom: 69px;
  padding: 20px 20px 30px;
  border-radius: 10px
}
@media (max-width: 590px) {
.article-header {
    padding: 10px 10px 16px;
    margin-bottom: 38px;
    margin-top: 6px;
    display: flex;
    flex-direction: column
}
  }
.article-header__meta {
  position: relative;
  z-index: 2;
}
.article-header__title, .article-header__subtitle, .article-header__image-box {
  position: relative;
  z-index: 1;
}
.article-header__meta {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 1.2px;
  text-transform: uppercase
}
@media (max-width: 590px) {
.article-header__meta {
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 4px;
    margin-top: 7px
}
  }
.article-header__meta.article-header__meta--secondary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0
}
@media (min-width: 576px) {
.article-header__meta.article-header__meta--secondary {
    flex-direction: row
}
  }
.article-header__badge, .article-header__date, .article-header__views, .article-header__shares, .article-header__metaItem {
  margin-right: 22px;
  white-space: nowrap
}
@media (max-width: 590px) {
.article-header__badge, .article-header__date, .article-header__views, .article-header__shares, .article-header__metaItem {
    margin-right: 11px
}
  }
@media (max-width: 590px) {
.article-header__views {
    padding-left: 16px;
    background-size: 12px auto
}
  }
.article-header__comments:empty, .article-header__comments[data-value="0"] {
  display: none;
}
.article-header__metaItem {
  line-height: 15px;
  margin-bottom: 4px
}
@media (min-width: 576px) {
.article-header__metaItem {
    line-height: 20px;
    margin-bottom: 0
}
  }
@media (max-width: 1310px) {
.article-header__title, .article-header__subtitle {
    width: 87.5%
}
  }
@media (max-width: 980px) {
.article-header__title, .article-header__subtitle {
    width: 100%
}
  }
@media (max-width: 590px) {
.article-header__title {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-wrap: break-word;
    font-size: 25px;
    line-height: 30px
}
  }
.article-header__title a {
  outline-offset: 5px;
}
.article-header--hustle .article-header__title {
  font-size: 32px;
  line-height: 40px
}
@media (min-width: 576px) {
.article-header--hustle .article-header__title {
    font-size: 55px;
    line-height: 60px;
    margin-bottom: 13px
}
  }
.article-header--card .article-header__title {
  font-size: 25px
}
@media (min-width: 576px) {
.article-header--card .article-header__title {
    font-size: 34px;
    line-height: 34px
}
  }
.article-header__subtitle {
  margin-bottom: 8px
}
@media (max-width: 590px) {
.article-header__subtitle {
    font-size: 17px;
    line-height: 25px
}
  }
.article-header__meta {
  margin-bottom: 8px
}
@media (max-width: 590px) {
.article-header__meta {
    margin-bottom: 0;
    order:1
}
  }
.article-header--card .article-header__meta {
  margin-top: 3px
}
@media (min-width: 576px) {
.article-header--card .article-header__meta {
    margin-top: 0
}
  }
.article-header__image-wrapper {
  position: relative;
  width: 100%;
  margin-top: 40px;
  overflow: hidden
}
@media (max-width: 590px) {
.article-header__image-wrapper {
    margin-top: 30px;
    order: 2
}
  }
.article-header__image-wrapper--align-left {
  border-radius: 10px;
}
.article-header__image-wrapper--align-center {
  margin-top: 79px;
  margin-left: auto;
  margin-right: auto
}
@media (max-width: 590px) {
.article-header__image-wrapper--align-center {
    margin-top: 13px
}
  }
.article-header__image-ratiobox {
  position: relative;
  height: 0;
}
.article-header__image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.article-header__showcase {
  margin-top: 20px;
}
.article-header__wallpaper {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  border-radius: 10px;
}
.article-header__wallpaper--tiled {
  background-repeat: repeat;
  background-size: auto;
}
.article-header__wallpaper--shaded::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .15);
  border-radius: 10px;
}
.article-header--card .article-header__wallpaper--shaded::after {
  background-color: rgba(0,0,0,.25);
}
.article-header__wallpaper--masked {
  -webkit-mask-image: linear-gradient(to bottom, black 50%, rgba(0,0,0,.25) 100%);
          mask-image: linear-gradient(to bottom, black 50%, rgba(0,0,0,.25) 100%);
}
.article-header--dark {
  color: white;
}
.article-header--dark  a {
  color: white;
}
.article-header--dark  a, .article-header--dark  a u {
  background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
}
.article-header--dark  a:hover, .article-header--dark  a.hover, .article-header--dark  a:hover u, .article-header--dark  a.hover u {
  color: rgba(255, 255, 255, 0.75);
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
}
.article-header--dark  a.birmanized-anchor {
  background-image: none !important;
}
.article-header--bordered {
  box-shadow: inset 0 0 0 1px black;
}
.article-header--creme {
  background: #f6f6ee;
  background: var(--cremeyellow);
  padding-left: 13px !important;
  border-radius: 10px 10px 0 0 !important
}
@media (max-width: 590px) {
.article-header--creme {
    padding-left: 9px !important
}
  }
.article-header--graphite {
  background: #2a2a2a;
  background: var(--graphite);
  padding-left: 13px !important;
  border-radius: 10px 10px 0 0 !important
}
@media (max-width: 590px) {
.article-header--graphite {
    padding-left: 9px !important
}
  }
.article-header--pure {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0
}
@media (max-width: 590px) {
.article-header--pure {
    margin-top: 6px;
    padding-top: 0
}
  }
.article-header--secret {
  background-color: #191919;
}
.article-header--with-wallpaper {
  margin-bottom: 35px
}
@media (max-width: 590px) {
.article-header--with-wallpaper {
    margin-bottom: 20px
}
  }
.article-header:not(.article-header--imageless) {
  margin-bottom: 50px
}
@media (max-width: 590px) {
.article-header:not(.article-header--imageless) {
    margin-bottom: 50px
}
  }
.article-header:not(.article-header--imageless).article-header--pure {
  margin-bottom: 10px
}
@media (max-width: 590px) {
.article-header:not(.article-header--imageless).article-header--pure {
    margin-bottom: 10px
}
  }
.article-header--with-wallpaper.article-header--imageless {
  height: 600px
}
@media (max-width: 590px) {
.article-header--with-wallpaper.article-header--imageless {
    height: 450px
}
  }
.article-header--with-wallpaper.article-header--imageless.article-header--card {
  height: 310px
}
@media (min-width: 576px) {
.article-header--with-wallpaper.article-header--imageless.article-header--card {
    height: 400px
}
  }
.article-header--news, .article-header--story {
  margin-bottom: 37px
}
@media (max-width: 590px) {
.article-header--news, .article-header--story {
    margin-bottom: 4px
}
  }
@media (max-width: 590px) {
.article-header--news {
    margin-bottom: 12px
}
  }
.article-header--faqcard, .article-header--enquery {
  margin-bottom: 0;
}
.article-header--faqcard + .article-body .highlight:first-of-type, .article-header--enquery + .article-body .highlight:first-of-type {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 13px
}
@media (max-width: 590px) {
.article-header--faqcard + .article-body .highlight:first-of-type, .article-header--enquery + .article-body .highlight:first-of-type {
    padding-left: 9px
}
  }
@media (max-width: 1310px) {
.article-header--faqcard + .article-body .highlight:first-of-type, .article-header--enquery + .article-body .highlight:first-of-type {
    width: 160%;
    padding-right: 60%
}
  }
@media (max-width: 1150px) {
.article-header--faqcard + .article-body .highlight:first-of-type, .article-header--enquery + .article-body .highlight:first-of-type {
    width: 133.333%;
    padding-right: 33.333%
}
  }
@media (max-width: 980px) {
.article-header--faqcard + .article-body .highlight:first-of-type, .article-header--enquery + .article-body .highlight:first-of-type {
    width: 100%;
    padding-right: 13px
}
  }
@media (min-width: 1460px) {
  .article-body--with-sidebar .article-header--faqcard + .article-body .highlight:first-of-type, .article-body--with-sidebar .article-header--enquery + .article-body .highlight:first-of-type {
    width: 160%;
  }
}
/* В Chrome на Android девайсах возникает баг рендеринга: между двумя блочными темными элементами на светлом фоне
  появляется светлая полоса. Сейчас сделано так, что один элемент лежит внутри article-header, а второй внутри article-body.
  По-хорошему, нужно чтобы оба блока лежали в article-header, но для этого нет поля в админке.
  В качестве быстрого решения делаем хак - ставим отрицательный маргин снизу у верхнего элемента */
.article-header--faqcard.article-header--graphite, .article-header--enquery.article-header--graphite {
  margin-bottom: -1px;
}
.article-header--faqcard + .article-body .highlight:first-of-type {
  background: #f6f6ee;
  background: var(--cremeyellow);
  border-radius: 0 0 10px 10px;
}
.article-header--enquery + .article-body .highlight:first-of-type {
  background: #2a2a2a;
  background: var(--graphite);
  color: white;
  border-radius: 0 0 10px 10px;
}
.article-header--enquery + .article-body .highlight:first-of-type a {
  color: white;
}
.article-header--enquery + .article-body .highlight:first-of-type a, .article-header--enquery + .article-body .highlight:first-of-type a u {
  background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
}
.article-header--enquery + .article-body .highlight:first-of-type a:hover, .article-header--enquery + .article-body .highlight:first-of-type a.hover, .article-header--enquery + .article-body .highlight:first-of-type a:hover u, .article-header--enquery + .article-body .highlight:first-of-type a.hover u {
  color: rgba(255, 255, 255, 0.75);
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
}
.article-header--enquery + .article-body .highlight:first-of-type a.birmanized-anchor {
  background-image: none !important;
}
.article-header--story + .article-body .big-quote:first-of-type {
  text-align: left;
}
.article-header--hustle {
  margin-bottom: 25px;
  padding-bottom: 0
}
@media (min-width: 576px) {
.article-header--hustle {
    margin-bottom: 55px
}
  }
.article-header--hustle  .article-header__meta {
  margin: 2px 0;
}
.article-header--card {
  margin-top: 15px;
  margin-bottom: 25px;
  padding: 10px 10px 20px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow: hidden
}
@media (min-width: 576px) {
.article-header--card {
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 10px 20px 30px
}
  }
.article-header--ugcpost {
  margin-bottom: 0;
}
/* Комментарии всегда должны быть на белом фоне,
 даже если у статьи фон цветной.
 Т.к. сейчас лейаут статьи не позволяет растянуть контейнер с
 комментами на всю ширину, решено сделать хак и добавить псевдоэлемент с белым фоном,
 ширина которого будет равна ширине страницы */
[data-component-name="comments"]::after {
  top: -20px;
  bottom: -95px;
}
/* Это временные костыльные стили необходимые для того,
   чтобы уже сейчас можно было пользоваться этажами подписки
   внутри статьи. После редизайна тела статьи нужно будет
   стандартизировать отступы, распихать стили по компонентам
   и удалить этот код */
.inline-level {
  margin-top: -15px;
  margin-right: -15px;
  margin-left: -15px;
  padding-top: 65px;
  /* нижний оступ уже присутствует у секции */
}
.inline-level input:focus, .inline-level button:focus {
  outline: 5px auto rgb(0, 150, 255) !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
.grotesque-font-loaded .inline-level {
  font-family: Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--grotesque-font);
}
/* Для этажа с формой подписки внутри шорткода для шортов */
.tile .inline-level {
  padding: 0;
  margin: 35px 0 0;
  width: 100%;
}
.recommender-showcase {
  z-index: 1;
  color: #000;
  margin-top: 120px;
  margin-left: -30px;
  margin-right: -30px
}
@media (min-width: 591px) and (max-width: 767px) {
.recommender-showcase {
    margin-left: -20px;
    margin-right: -20px
}
  }
@media (max-width: 590px) {
.recommender-showcase {
    margin-left: -10px;
    margin-right: -10px
}
  }
.recommender-showcase::after {
  top: -25px;
  bottom: -30px
}
@media (min-width: 576px) {
.recommender-showcase::after {
    top: -40px;
    bottom: -80px
}
  }
.recommender-showcase section {
  margin-left: -15px;
  margin-right: -15px
}
@media (min-width: 591px) {
.recommender-showcase section {
    margin-left: -30px;
    margin-right: -30px;
    padding: 0 30px
}
  }
.recommender-showcase section > div {
  max-width: none !important;
}
/* Для этажа с плашкой */
@media (min-width: 590px) and (max-width: 992px) {
.recommender-showcase section > div[style^='background-color'] {
    padding-left: 30px;
    padding-right: 30px
}
  }
.recommender-showcase section > div[style^='background-color'] > div {
  max-width: none !important;
}
.recommender-showcase section a {
  background-image: none;
}
.recommender-showcase section a:hover {
  background-image: none;
  color: inherit;
}
.recommender-showcase section li a {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  background-repeat: repeat-x;
  background-size: 100% 1px;
  background-position: 0 100%;
  padding-bottom: 4px;
}
.recommender-showcase section li a:hover {
  background-image: linear-gradient(rgba(189, 29, 0, .10), rgba(189, 29, 0, .10));
  background-image: linear-gradient(var(--link-hover-border-color), var(--link-hover-border-color));
}
.recommender-showcase section strong {
  font-weight: bold;
}
@media (min-width: 591px) and (max-width: 767px) {
.recommender-showcase section .swiper {
    margin-left: -30px;
    margin-right: -30px
}
  }
@media (min-width: 591px) and (max-width: 767px) {
.recommender-showcase section .swiper-slide:first-child {
    padding-left: 30px
}
  }
@media (min-width: 591px) and (max-width: 767px) {
.recommender-showcase section .swiper-slide:last-child {
    padding-right: 30px
}
  }
.recommender-showcase section button {
  outline: none;
}
.recommender-showcase section button.visible {
  opacity: 1;
}
.recommender-showcase section button.visible.disabled {
  opacity: 0;
}
.recommender-showcase ~ .recommender-showcase {
  margin-top: 55px;
}
@media (min-width: 576px) {
  .recommender-showcase ~ .recommender-showcase {
    margin-top: 75px;
  }

  .recommender-showcase ~ .recommender-showcase::after {
    top: 0;
    bottom: -40px;
  }
}
#comments + .recommender-showcase {
  margin-top: 45px
}
@media (min-width: 576px) {
#comments + .recommender-showcase {
    margin-top: 120px
}
  }
@media (min-width: 1280px) {
.article-body--with-rubricator {
    float: left
}
  }
.rubricator {
  float: left;
  width: calc(100% / 8 * 3);
  margin-left: calc(100% / 8)

  /* 5/8 columns */
}
@media (max-width: 1310px) {
.rubricator {
    width: calc(100% / 8 * 2)
}
  }
@media (max-width: 1279px) {
.rubricator {
    float: none;
    margin: 30px 0 20px;
    width: 100%
}
  }
@media (max-width: 590px) {
.rubricator {
    margin: 25px 0 19px
}
  }
.ytp-frame {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.ytp-frame iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.ytp-frame.playing, .ytp-frame.paused {
  background: none;
}
.ytp-frame.playing iframe, .ytp-frame.paused  iframe {
  z-index: 1;
}
.ytp-frame__control {
  padding: 0;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  width: 68px;
  height: 48px;
  top: 50%;
  left: 50%;
  margin-left: -34px;
  margin-top: -24px;
  outline: none;
}
.ytp-frame__control:focus {
  outline: none;
}
.ytp-frame__control  svg {
  display: block;
  pointer-events: none;
}
.ytp-frame__control  .ytp-large-play-button-bg {
  transition: fill .1s cubic-bezier(0.4,0.0,1,1), fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
}
.ytp-frame:hover .ytp-frame__control .ytp-large-play-button-bg, .ytp-frame__control:focus .ytp-large-play-button-bg {
  transition: fill .1s cubic-bezier(0.0,0.0,0.2,1), fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
  fill: #f00;
  fill-opacity: 1;
}
.ytp-frame::after {
  border: 4px solid white;

  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  display: none;
}
.ytp-frame.loading {
  cursor: default;
}
.ytp-frame.loading::after {
  display: block;
}
.ytp-frame.loading .ytp-frame__control, .ytp-frame.playing .ytp-frame__control {
  display: none;
  z-index: -1;
}
:root {
  --search-field-height: 85px;
  --serp-header-margin-bottom: 120px;
  --serp-header-margin-top-mobile: 8px;
  --serp-header-margin-top-desktop: 32px;
}
.serp {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.serp-header {
  position: relative;
}
.serp-header .logo {
  margin-bottom: 40px;
}
.serp-header .sharer {
  position: absolute;
  top: 0;
  right: 0
}
@media (max-width: 590px) {
.serp-header .sharer {
    display: none
}
  }
.serp-header__title {
  text-transform: uppercase;

  margin-bottom: 120px;

  margin-bottom: var(--serp-header-margin-bottom);
  margin-top: 32px;
  margin-top: var(--serp-header-margin-top-desktop)
}
@media (max-width: 590px) {
.serp-header__title {
    margin-top: 8px;
    margin-top: var(--serp-header-margin-top-mobile)
}
  }
@media (max-width: 590px) {
.serp-header__title {
    font-size: 25px;
    line-height: 30px
}
  }
.serp-header__title a {
  outline-offset: 5px;
}
.serp-header__title--tag {
  display: inline-block;
  text-transform: none;
  border: 1px solid #b9b9b9;
  border-radius: 2px;
  top: -12px;
  padding: 12px 20px 11px 20px
}
@media (max-width: 590px) {
.serp-header__title--tag {
    padding: 6px 10px 5px 10px;
    top: -6px
}
  }
.serp-form {
  position: relative;
  height: 85px;
  height: var(--search-field-height);
  margin-bottom: 120px;
  margin-bottom: var(--serp-header-margin-bottom);
  margin-top: 32px;
  margin-top: var(--serp-header-margin-top-desktop)
}
@media (max-width: 590px) {
.serp-form {
    margin-top: 8px;
    margin-top: var(--serp-header-margin-top-mobile)
}
  }
input.serp-form__field {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  padding: 0 85px 0 18px;
  padding: 0 var(--search-field-height) 0 18px;
  width: 100%;
  height: 100%;
  outline: none;
  border: 1px solid #b4b4b4;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2)
}
@media (max-width: 590px) {
input.serp-form__field {
    font-size: 25px;
    line-height: 30px
}
  }
input.serp-form__field .ruble {
  font-family: Ruble Sans, Graphik, Helvetica Neue, Helvetica, Arial, sans-serif
}
input.serp-form__field a {
  outline-offset: 5px
}
input.serp-form__field:focus {
  border-color: #00f;
}
input.serp-form__field::-webkit-search-cancel-button {
  display: none;
}
.serp-form__field:invalid + .serp-form__button {
  opacity: .5;
  pointer-events: none;
}
button.serp-form__button {
  display: block;
  width: 85px;
  width: var(--search-field-height);
  height: 85px;
  height: var(--search-field-height);
  position: absolute;
  outline: none;
  z-index: 1;
  top: 0;
  right: 0;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 29'%3e%3cpath d='M0%2c14.5H35' fill='none' stroke='black' stroke-width='5'/%3e%3cpolyline points='22.5 2.5 34.5 14.5 22.5 26.5' fill='none' stroke='black' stroke-width='5'/%3e%3c/svg%3e") no-repeat center;
  background-size: 38px 29px;
}
button.serp-form__button:focus {
  outline: none;
}
/*.serp-form.submitted .serp-form__button {
  transition: opacity .125s ease-out, transform .25s ease-out;
  opacity: 0;
  transform: translateX(50px);
}*/
.serp-container {
  flex-grow: 1
}
@media (max-width: 1310px) {
.serp-container {
    width: 87.5%
}
  }
@media (max-width: 980px) {
.serp-container {
    width: 100%
}
  }
.serp-container a {
  color: black;
}
.serp-container a, .serp-container a u {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.serp-container a:hover, .serp-container a.hover, .serp-container a:hover u, .serp-container a.hover u {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(rgba(189, 29, 0, .10), rgba(189, 29, 0, .10));
  background-image: linear-gradient(var(--link-hover-border-color), var(--link-hover-border-color));
}
.serp-container a.birmanized-anchor {
  background-image: none !important;
}
.serp-container a:active, .serp-container a.clicked {
  outline: none !important;
}
@media (max-width: 590px) {
.serp-empty {
    font-size: 25px;
    line-height: 30px
}
  }
.serp-empty a {
  outline-offset: 5px;
}
.serp-item {
  position: relative;
  margin-bottom: 90px;
}
.serp-item__meta {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 1.2px;
  text-transform: uppercase
}
@media (max-width: 590px) {
.serp-item__meta {
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 4px;
    margin-top: 7px
}
  }
.serp-item__meta.article-header__meta--secondary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0
}
@media (min-width: 576px) {
.serp-item__meta.article-header__meta--secondary {
    flex-direction: row
}
  }
.serp-item__badge, .serp-item__date, .serp-item__views, .serp-item__shares, .serp-item__metaItem {
  margin-right: 22px;
  white-space: nowrap
}
@media (max-width: 590px) {
.serp-item__badge, .serp-item__date, .serp-item__views, .serp-item__shares, .serp-item__metaItem {
    margin-right: 11px
}
  }
@media (max-width: 590px) {
.serp-item__views {
    padding-left: 16px;
    background-size: 12px auto
}
  }
.serp-item__comments:empty, .serp-item__comments[data-value="0"] {
  display: none;
}
.serp-item__metaItem {
   line-height: 15px;
   margin-bottom: 4px
}
@media (min-width: 576px) {
.serp-item__metaItem {
    line-height: 20px;
    margin-bottom: 0
}
  }
.serp--help .serp-item {
  margin-bottom: 30px;
}
.serp-item__title {
  position: static
}
@media (max-width: 590px) {
.serp-item__title {
    font-size: 25px;
    line-height: 30px
}
  }
.serp-item__title a {
  outline-offset: 5px;
}
.serp--help .serp-item {
  font-size: 36px;
  line-height: 40px
}
@media (max-width: 590px) {
.serp--help .serp-item {
    font-size: 22px;
    line-height: 28px
}
  }
.serp-item__link::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.serp--help .serp-item__link {
  padding-bottom: 2px;
  color: #045577;
  color: var(--link-color);
}
.serp--help .serp-item__link, .serp--help .serp-item__link u {
  background-image: linear-gradient(rgba(4, 85, 119, .13), rgba(4, 85, 119, .13));
  background-image: linear-gradient(var(--link-border-color), var(--link-border-color));
}
.serp--help .serp-item__link:hover, .serp--help .serp-item__link.hover, .serp--help .serp-item__link:hover u, .serp--help .serp-item__link.hover u {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(rgba(189, 29, 0, .10), rgba(189, 29, 0, .10));
  background-image: linear-gradient(var(--link-hover-border-color), var(--link-hover-border-color));
}
.serp--help .serp-item__link.birmanized-anchor {
  background-image: none !important;
}
.serp--help .serp-item__link::before {
  display: none;
}
.serp-item__subtitle {
  top: 7px;
}
.serp-item--brilliant .serp-item__link::after {
  content: "";
  display: inline-block;
  width: 68px;
  height: 53px;
  background: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/brilliant-db4cebd3cce01cc30e1534ecd2497b0c.gif) no-repeat center;
  position: relative;
  bottom: -2px;
  margin-left: -4px;
}
.serp--fullwidth .serp-container {
  width: 100%;
}
.bs-video {
  .videoframe {
    width: 100%;
  }
}
.bs-video__navigation {
  width: 100%;
  text-align: center;
  font-size: 0;
  transition: opacity .25s ease-out;
  opacity: 0;
}
.bs-video__navigation.loaded {
  opacity: 1;
}
.bs-video__navigation ul {
  font-size: 0;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top
}
@media (max-width: 799px) {
.bs-video__navigation ul {
    text-align: left;
    margin: 0;
    width: 100%
}
  }
.bs-video__nav-link {
  font-size: 14px;
  line-height: 19px;
  display: inline-block;
  vertical-align: top
  /* margin-right: 30px; */
}
@media (max-width: 799px) {
.bs-video__nav-link {
    font-size: 13px;
    line-height: 16px;
    /* margin-right: 20px; */
    margin-bottom: 5px
}
  }
.bs-video__nav-link a {
  color: #bfbfbf;
  text-decoration: none;
  background-image: none;
  display: inline-block;
  padding: 0 15px
  /* border-bottom: 1px dashed #bfbfbf; */
}
@media (max-width: 799px) {
.bs-video__nav-link a {
    padding: 0 20px 0 0
}
  }
.bs-video__nav-link a {
  padding-top: 23px
}
@media (max-width: 1340px) {
.bs-video__nav-link a {
    padding-top: 20px
}
  }
@media (max-width: 1149px) {
.bs-video__nav-link a {
    padding-top: 17px
}
  }
.bs-video__nav-link a u {
  border-bottom: 1px dashed #bfbfbf;
}
.bs-video__nav-link a:hover {
  color: #FFDD2D;
}
.bs-video__nav-link a:hover u {
  border-bottom: 1px dashed #FFDD2D;
}
.bs-bottom-block {
  margin-top: 87px
}
@media (max-width: 1340px) {
.bs-bottom-block {
    margin-top: 94px
}
  }
@media (max-width: 1149px) {
.bs-bottom-block {
    margin-top: 65px
}
  }
@media (max-width: 799px) {
.bs-bottom-block {
    margin-top: 39px;
    display: flex;
    flex-direction: column
}
  }
.bs-bottom-block::after {
  content: '';
  clear: both;
  display: table;
}
.bs-author {
  float: left;
  width: 50%
}
@media (max-width: 1149px) {
.bs-author {
    width: 100%;
    margin-bottom: 70px
}
  }
@media (max-width: 799px) {
.bs-author {
    margin-bottom: 50px;
    order: 2
}
  }
.bs-author::after {
  content: '';
  clear: both;
  display: table;
}
.bs-author__img {
  float: left;
  width: 224px;
  margin-right: 30px
}
@media (max-width: 1340px) {
.bs-author__img {
    width: 182px;
    margin-right: 24px
}
  }
@media (max-width: 1149px) {
.bs-author__img {
    margin-right: 35px
}
  }
@media (max-width: 799px) {
.bs-author__img {
    width: 100%
}
  }
.bs-author__img img {
  width: 100%;
  margin-bottom: 30px
}
@media (max-width: 799px) {
.bs-author__img img {
    width: 28%;
    margin-right: 13px
}
  }
.bs-author__text {
  float: left;
  width: calc(100% - 224px - 30px);
  padding-right: 70px
}
@media (max-width: 1340px) {
.bs-author__text {
    padding-right: 12px
}
  }
@media (max-width: 1149px) {
.bs-author__text {
    padding-right: 210px
}
  }
@media (max-width: 799px) {
.bs-author__text {
    width: calc(100%);
    padding-right: 2%
}
  }
.bs-author__text a {
  color: #bfbfbf;
  background-image: linear-gradient(#bfbfbf, #bfbfbf);
}
.bs-author__text a .birmanized-anchor-within-quotes {
  background-image: linear-gradient(#bfbfbf, #bfbfbf);
}
.bs-author__text a:hover {
   background-image: linear-gradient(#ffdd2d, #ffdd2d);
   color: #ffdd2d;
}
.bs-author__text a:hover .birmanized-anchor-within-quotes {
  background-image: linear-gradient(#ffdd2d, #ffdd2d);
}
.bs-author__name {
  font-size: 25px;
  line-height: 28px;
  font-weight: 500;
  color: #fff;
  margin-top: -3px
}
@media (max-width: 1340px) {
.bs-author__name {
    font-size: 23px
}
  }
@media (max-width: 799px) {
.bs-author__name {
    font-size: 20px;
    margin-top: -5px
}
  }
.bs-author__desc {
  font-size: 16px;
  line-height: 19px;
  color: #bfbfbf;
  margin-top: -2px;
  margin-bottom: 25px
}
@media (max-width: 1340px) {
.bs-author__desc {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 11px
}
  }
@media (max-width: 1149px) {
.bs-author__desc {
    margin-bottom: 9px
}
  }
@media (max-width: 799px) {
.bs-author__desc {
    font-size: 13px;
    line-height: 18px
}
  }
.bs-author p {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #bfbfbf;
  margin-bottom: 10px
}
@media (max-width: 1340px) {
.bs-author p {
    font-size: 14px;
    line-height: 17px
}
  }
@media (max-width: 799px) {
.bs-author p {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 6px
}
  }
.bs-author strong {
  font-size: 17px;
  line-height: 20px;
  display: block;
  font-weight: 500;
  color: #fff
}
@media (max-width: 1340px) {
.bs-author strong {
    font-size: 16px;
    line-height: 18px
}
  }
@media (max-width: 799px) {
.bs-author strong {
    font-size: 15px
}
  }
.webpalpha .bs-blockquote {
  /* TODO background-image: url("../images/bs/frame-big.png.webp");*/
  /* TODO background-image: url("bs/frame-big.webp");*/
}
.no-webpalpha .bs-blockquote {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/frame-big-1994dfafd2a0eeeee8fe75859a6b2f4d.png);
}
.bs-blockquote {
  float: right;
  /* width: calc(50% + 9px); */
  width: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* max-height: calc(352px + 30px - 7px); */
  height: 375px;
  margin-right: -9px;
  text-align: center;
  color: #fff;
  padding: 97px 109px;
  margin-bottom: 105px;
  margin-top: -14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
@media (max-width: 1340px) {
.bs-blockquote {
    height: 301px;
    padding: 73px 71px;
    margin-bottom: 85px;
    margin-top: -11px
}
  }
@media (max-width: 1149px) {
.bs-blockquote {
    width: calc(100% + 24px);
    height: 420px;
    padding: 108px 118px;
    margin-right: -12px;
    margin-left: -12px
}
  }
@media (max-width: 799px) {
.bs-blockquote {
    background-image: none !important;
    padding: 0;
    max-height: auto;
    height: auto;
    margin-bottom: 43px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    order: 1;
    text-align: left
}
  }
@media (max-width: 1340px) {
  .webpalpha .bs-blockquote {
    /* TODO background-image: url("bs/frame-small.png.webp");*/
    /* TODO background-image: url("bs/frame-small.webp");*/
  }

  .no-webpalpha .bs-blockquote {
    background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/frame-small-b74c05934a1d680e6283e4816930ab01.png);
  }
}
@media (max-width: 1149px) {
  .webpalpha .bs-blockquote {
    /* TODO background-image: url("bs/frame-big.png.webp");*/
    /* TODO background-image: url("bs/frame-big.webp");*/
  }

  .no-webpalpha .bs-blockquote {
    background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/frame-big-1994dfafd2a0eeeee8fe75859a6b2f4d.png);
  }
}
.bs-blockquote blockquote {
  font-size: 17px;
  line-height: 24px;
  align-self: center;
  margin-top: -7px
}
@media (max-width: 1340px) {
.bs-blockquote blockquote {
    font-size: 15px;
    line-height: 20px
}
  }
@media (max-width: 1149px) {
.bs-blockquote blockquote {
    font-size: 20px;
    line-height: 28px
}
  }
@media (max-width: 799px) {
.bs-blockquote blockquote {
    font-size: 18px;
    line-height: 26px
}
  }
.bs-blockquote .sharer {
  margin-top: 31px
}
@media (max-width: 1149px) {
.bs-blockquote .sharer {
    margin-top: 38px
}
  }
@media (max-width: 799px) {
.bs-blockquote .sharer {
    margin-top: 20px;
    margin-bottom: 6px
}
  }
.bs-sponsor {
  color: #fff;
  text-align: center;
  margin-bottom: 95px;
}
.bs-sponsor__title {
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 60px
}
@media (max-width: 1340px) {
.bs-sponsor__title {
    margin-bottom: 49px
}
  }
@media (max-width: 1149px) {
.bs-sponsor__title {
    margin-bottom: 18px;
    font-size: 16px
}
  }
@media (max-width: 799px) {
.bs-sponsor__title {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 11px
}
  }
.bs-sponsor__link {
  font-size: 114px;
  line-height: 44px;
  letter-spacing: 10px;
  text-transform: uppercase;
  font-weight: 100;
  color: #fff;
  text-align: justify;
  background-image: linear-gradient(rgba(191, 191, 191, .3), rgba(191, 191, 191, .3));
  background-position: center 94%
}
@media (max-width: 1400px) {
.bs-sponsor__link {
    font-size: 89px
}
  }
@media (max-width: 1149px) {
.bs-sponsor__link {
    font-size: 65px;
    letter-spacing: 5px
}
  }
@media (max-width: 799px) {
.bs-sponsor__link {
    font-size: 52px;
    letter-spacing: 5px;
    line-height: 60px
}
  }
@media (max-width: 390px) {
.bs-sponsor__link {
    font-size: 48px
}
  }
.bs-sponsor__link:hover {
  color: #FFDD2D;
  background-image: linear-gradient(rgba(255, 221, 45, 0.3), rgba(255, 221, 45, .3));
}
.fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__thumb::after, .fotorama__stage__frame, .fotorama__stage__shaft {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0
}
.fotorama__img {
  max-width: 99999px !important;
  max-height: 99999px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important
}
.fotorama__wrap .fotorama__grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}
.fotorama__grabbing * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}
.fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {
  transform: translate3d(0, 0, 0)
}
.fotorama__caption, .fotorama__nav::after, .fotorama__nav::before, .fotorama__stage::after, .fotorama__stage::before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame {
  transform: translateZ(0)
}
.fotorama__nav__frame {
  outline: 0
}
.fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {
  transition-property: transform, width;
  transition-timing-function: cubic-bezier(0.1, 0, .25, 1);
  transition-duration: 0ms
}
.fotorama__no-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}
.fotorama__select {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text
}
.fotorama__nav, .fotorama__nav__frame {
  margin: auto;
  padding: 0
}
.fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1
}
.fotorama__nav__frame, .fotorama__thumb-border {
  box-sizing: content-box
}
.fotorama__caption__wrap {
  box-sizing: border-box
}
.fotorama--hidden, .fotorama__load {
  position: absolute;
  left: -99999px;
  top: -99999px;
  z-index: -1
}
.fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft {
  -webkit-tap-highlight-color: transparent
}
.fotorama__thumb {
  background-color: #7f7f7f;
  background-color: rgba(127, 127, 127, .2)
}
.fotorama {
  min-width: 1px;
  overflow: hidden
}
.fotorama:not(.fotorama--unobtrusive) > * :not(:first-child) {
  display: none
}
.fotorama__wrap {
  -webkit-text-size-adjust: 100%;
  position: relative;
  direction: ltr;
  z-index: 0
}
.fotorama__nav, .fotorama__stage {
  overflow: hidden;
  position: relative;
  max-width: 100%
}
.fotorama__wrap--pan-y {
  -ms-touch-action: pan-y
}
.fotorama__wrap .fotorama__pointer {
  cursor: pointer
}
.fotorama__wrap--slide .fotorama__stage__frame {
  opacity: 1 !important
}
.fotorama__stage__frame {
  overflow: hidden
}
.fotorama__stage__frame.fotorama__active {
  z-index: 8
}
.fotorama__wrap--fade .fotorama__stage__frame {
  display: none
}
.fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
  display: block;
  left: 0;
  top: 0
}
.fotorama__wrap--fade .fotorama__fade-front {
  z-index: 8
}
.fotorama__wrap--fade .fotorama__fade-rear {
  z-index: 7
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
  z-index: 9
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
  display: none
}
.fotorama__img {
  opacity: 0;
  border: none !important
}
.fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img {
  opacity: 1
}
.fotorama__img--full {
  display: none
}
.fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage {
  max-width: 99999px !important
}
.fotorama__wrap--only-active .fotorama__stage__frame {
  visibility: hidden
}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
  visibility: visible
}
.fotorama__nav {
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: none;
  white-space: nowrap;
  z-index: 5
}
.fotorama__nav__shaft {
  position: relative;
  left: 0;
  top: 0;
  text-align: left
}
.fotorama__nav__frame {
  position: relative;
  cursor: pointer
}
.fotorama__nav--thumbs {
  display: block
}
.fotorama__nav--thumbs .fotorama__nav__frame {
  padding-left: 0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
  padding-right: 0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {
  display: none
}
.fotorama__thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%
}
.fotorama__nav__frame:focus .fotorama__thumb {
  z-index: 2
}
.fotorama__thumb-border {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #00afea;
  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1))
}
.fotorama__caption {
  position: absolute;
  z-index: 12;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000
}
.fotorama__caption a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, .5)
}
.fotorama__caption a:hover {
  color: #333;
  border-color: rgba(51, 51, 51, .5)
}
.fotorama__wrap--no-captions .fotorama__caption {
  display: none
}
.fotorama__caption__wrap {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9);
  padding: 5px 10px
}
.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
  transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: .3s
}
.fotorama__select {
  cursor: auto
}
.fotorama__nav::after, .fotorama__nav::before, .fotorama__stage::after, .fotorama__stage::before {
  content: "";
  display: block;
  position: absolute;
  text-decoration: none;
  top: 0;
  bottom: 0;
  width: 10px;
  height: auto;
  z-index: 10;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 1px 100%, 5px 100%
}
.fotorama__nav::before, .fotorama__stage::before {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0, at 50%, rgba(0, 0, 0, .4), transparent);
  background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
  background-position: 0 0, 0 0;
  left: -10px
}
.fotorama__nav.fotorama__shadows--left::before, .fotorama__stage.fotorama__shadows--left::before {
  left: 0
}
.fotorama__nav::after, .fotorama__stage::after {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100%, at 50%, rgba(0, 0, 0, .4), transparent);
  background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
  background-position: 100% 0, 100% 0;
  right: -10px
}
.fotorama__nav.fotorama__shadows--right::after, .fotorama__stage.fotorama__shadows--right::after {
  right: 0
}
.fotorama__wrap--fade .fotorama__stage::after, .fotorama__wrap--fade .fotorama__stage::before, .fotorama__wrap--no-shadows .fotorama__nav::after, .fotorama__wrap--no-shadows .fotorama__nav::before, .fotorama__wrap--no-shadows .fotorama__stage::after, .fotorama__wrap--no-shadows .fotorama__stage::before {
  display: none
}
/*@import 'editorial!**!*.css';*/
/*  /calc/  */
:root {
  --calc-highlight: #ffffd6;
  --calc-right-offset: -112px;
}
.calc {
  font-size: 17px;
  line-height: 25px;
  margin: 3rem -112px 2.7rem -20px;
  margin: 3rem var(--calc-right-offset) 2.7rem -20px;
}
.calc .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
h2 + .calc, h3 + .calc, .calc--pulled-up {
  margin-top: 0;
}
.calc {
  /*@media (--w800) {*/
  /*  margin: 2rem 0 2rem -20px;*/
  /*}*/

  /*@media (--mobile) {*/
  /*  margin-right: -20px;*/
  /*}*/
}
.calc .bold + .ruble {
  font-weight: 600;
}
.calc .bold + .ruble::before, .calc .input + .ruble::before {
  content: '\00a0';
}
.calc .radio:hover {
  background: rgba(0, 157, 235, .2);
}
.calc .radio:checked, .calc .radio:checked:hover {
  border-color: #009deb;
  background: #009deb;
}
.calc .checkbox:not(:checked), .calc .checkbox:checked {
  position: absolute;
  left: -9999px;
}
.calc .checkbox:not(:checked) + label, .calc .checkbox:checked + label {
  position: relative;
  cursor: pointer;
  margin-bottom: 5px
}
@media (max-width: 880px) {
.calc .checkbox:not(:checked) + label, .calc .checkbox:checked + label {
    padding-left: 27px
}
  }
/* checkbox aspect */
.calc .checkbox:not(:checked) + label::before, .calc .checkbox:checked + label::before {
  content: '';
  position: absolute;
  left: -24px; top: 8px;
  width: 14px; height: 14px;
  border: 1px solid rgba(0, 0, 0, 0.38);
  background: #fff;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* checked mark aspect */
.calc .checkbox:not(:checked) + label::after, .calc .checkbox:checked + label::after {
  content: '✔\fe0e';
  position: absolute;
  top : 4px;
  left: -21px;
  font-size: 17px;
  line-height: 20px;
  color: #000000 !important;
  transition: all .2s
}
@media (max-width: 880px) {
.calc .checkbox:not(:checked) + label::after, .calc .checkbox:checked + label::after {
    top : -5px
}
  }
/* checked mark aspect changes */
.calc .checkbox:not(:checked) + label::after {
  opacity: 0;
}
.calc .checkbox:not(:checked):hover + label::before {
  border-color: #009deb;
}
.calc .checkbox:checked + label::after {
  opacity: 1;
}
/* disabled checkbox */
.calc .checkbox:disabled + label {
  opacity: 0.41;
}
.calc .input {
  width: 34px;
}
.calc .input--wide {
  width: 66px;
}
.calc .input + .ruble {
  display: inline-block;
  padding-top: 2px;
  vertical-align: top;
}
.calc .yoke {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.calc .yoke-input {
  text-align: center;
}
.calc .yoke-handle {
  text-align: center;
  width: 19px;
  height: 24px;
  font-size: 17px;
  background: rgba(0, 0, 0, .1);
  cursor: pointer;
  line-height: 0;
  vertical-align: middle;
  border: none;
  webkit-appearance: none;
  padding: 0;
  transition: background-color .25s ease-out;
}
.calc .yoke-handle[data-sign="minus"] {
  border-radius: 2px 0 0 2px;
}
.calc .yoke-handle[data-sign="plus"] {
  border-radius: 0 2px 2px 0;
}
.calc__footer {
  border-top: 1px solid #c9c9c9;
  padding-top: 1rem;
  text-align: right;
  margin: 0 0 -1rem 20px;
  display: none;
}
.calc__footer .visible {
  display: block;
}
.calc__subtotal {
  font-size: 20px;
  line-height: 25px;
}
.calc__total {
  font-size: 17px;
  line-height: 25px;
}
.calc-chart {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  height: 275px;
  margin: 115px -112px 100px 0;
  margin: 115px var(--calc-right-offset) 100px 0;
  display: none;
}
.calc-chart .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.calc-chart.visible {
  display: block;
}
.calc-chart .ruble {
  font-size: 14px;
}
@media (max-width: 959px) {
.calc-chart {
    margin-right: -60px
}
  }
.calc-chart.calc-chart--mobile {
  height: auto;
  margin: 60px 0;
  margin-left: 20px;
}
.calc-chart__group {
  position: absolute;
  bottom: 0;
  transition: height .25s ease-out, width .25s ease-out;
}
.calc-chart__group::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #cccca3;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.calc-chart--mobile .calc-chart__group {
  position: relative;
  bottom: auto;
  width: 100% !important;
  left: 0 !important;
}
.calc-chart--mobile .calc-chart__group::after {
  display: none;
}
.calc-chart__group-bar {
  background: #ffffd6;
  background: var(--calc-highlight);
  height: 100%;
  position: relative;
}
.calc-chart__group-bar::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: black;
  top: 0;
  left: 0;
  z-index: 1;
}
.calc-chart--mobile .calc-chart__group-bar {
  height: 10px;
  margin: 3px 0 20px 0;
}
.calc-chart--mobile .calc-chart__group-bar::after {
  width: 2px;
  height: 100%;
  top: 0;
  left: 100%;
  margin-left: -2px;
  background: rgba(0,0,0,.2);
}
.calc-chart__group-title {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 100%;
  margin-top: 7px;
}
.calc-chart--mobile .calc-chart__group-title {
  position: static;
  width: auto;
  text-align: left;
  display: inline;
  left: auto;
  top: auto;
  margin: 0;
}
.calc-chart--mobile .calc-chart__group-title::after {
  content: ": ";
}
.calc-chart__group-total {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 100%;
  margin-bottom: 3px;
}
.calc-chart--mobile .calc-chart__group-total {
  position: static;
  width: auto;
  text-align: left;
  display: inline;
  left: auto;
  bottom: auto;
  margin: 0;
}
.calc__item {
  display: flex;
  position: relative;
  padding: 10px 20px 11px 42px
}
@media (max-width: 800px) {
.calc__item {
    display: block
}
  }
.calc__item.checked {
  background: #ffffd6;
  background: var(--calc-highlight);
}
.calc__item.checked + .calc__footer {
  margin-left: 0
}
@media (max-width: 590px) {
.calc__item.checked + .calc__footer {
    margin-right: 0;
    padding-right: 20px
}
  }
.calc__item.unchecked:hover  .checkbox-input, .calc__item.unchecked:hover  .radio-input {
  background: rgba(0, 157, 235, .2);
}
.calc__item-toggle {
  position: absolute;
  top: 17px;
  left: 16px;
}
.calc__item label {
  display: inline-block;
  vertical-align: top;
  border-radius: 0;
  font-size: 17px;
  line-height: 25px;
  font-weight: normal;
  background: none;
  color: black;
  padding: 3px 0 0 0 !important;
}
.calc__item-label {
  width: 150px;
  margin-right: 50px;
  display: inline-block;
  vertical-align: top;
}
.calc__item-label i {
  display: block;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: #444;
  margin-top: 2px;
}
@media (max-width: 800px) {
.calc__item-label {
    display: block;
    width: 100%;
    margin-bottom: 1rem
}
  }
@media (max-width: 470px) {
.calc__item-label {
    margin-bottom: 1rem !important
}
  }
.calc__item-price {
  white-space: nowrap;
  display: inline-block;
  vertical-align: top
}
@media (max-width: 470px) {
.calc__item-price {
    margin-bottom: 1rem;
    display: block
}
  }
@media (max-width: 470px) {
  .calc__item-price + .calc__item-yoke[data-month] {
    padding-left: 0;
    position: static;
  }

  .calc__item-price + .calc__item-yoke[data-month]::before {
    position: absolute;
    top: 48px;
    left: 150px;
  }
}
.calc__item-hint {
  display: none;
  font-size: 13px;
  line-height: 14px;
  opacity: .6;
  max-width: 200px;
}
.calc__item-yoke {
  font-size: 0;
  position: relative;
  padding-left: 50px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
}
.calc__item-yoke .yoke {
  margin-right: 8px;
}
@media (max-width: 1150px) {
  .checked .calc__item-yoke[data-month] {
    padding-bottom: 2rem;
  }
}
@media (max-width: 800px) {
  .checked .calc__item-yoke[data-month] {
    padding-bottom: 0;
  }
}
.calc__item-yoke::before {
  content: "×";
  position: absolute;
  top: 4px;
  left: 20px;
  font-size: 16px;
}
@media (max-width: 470px) {
  .calc__item-yoke {
    margin-bottom: 1rem;
    padding-left: 40px;
  }

  .calc__item-yoke::before {
    left: 15px;
  }

  .calc__item-yoke:not(.calc__item-yoke[data-month]) {
    padding-left: 0;
    position: static;
  }

  .calc__item-yoke:not(.calc__item-yoke[data-month])::before {
    position: absolute;
    top: 48px;
    left: 150px;
  }
}
.unchecked .calc__item-price, .unchecked .calc__item-yoke {
  opacity: .35;
}
.calc__item-units {
  font-size: 17px;
  padding-top: 2px;
  display: inline-block;
  vertical-align: top;
}
.calc__item-subtotal {
  font-weight: 400;
  width: 90px;
  position: absolute;
  top: 13px;
  right: 20px;
  white-space: nowrap;
}
.unchecked .calc__item-subtotal {
  display: none !important;
}
.checked .calc__item-subtotal {
  display: block;
}
.calc__item-subtotal b {
  font-size: 17px;
  line-height: 25px;
  font-weight: inherit;
}
.calc__item-subtotal b::before {
  content: "=";
}
@media (max-width: 1150px) {
.calc__item-subtotal {
    width: 120px
}
  }
@media (max-width: 800px) {
.calc__item-subtotal {
    right: 20px;
    top: auto;
    bottom: 1.2rem !important
}
  }
@media (max-width: 590px) {
.calc__item-subtotal {
    top: 13px !important;
    bottom: auto !important
}
  }
@media (max-width: 470px) {
.calc__item-subtotal {
    position: static
}
  }
@media (max-width: 1150px) {
  .calc__item-yoke[data-month] + .calc__item-subtotal {
    right: 20px;
    top: auto;
    bottom: .8rem;
  }
}
/*  /tj-common-components/  */
.tj-datepicker {
  position: relative;
}
.tj-datepicker__picker {
  width: 255px;
  height: 250px;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  position: absolute;
  background-color: white;
  z-index: 9999;
  padding: 12px;
}
.tj-datepicker__picker-period {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.tj-datepicker__picker-days {
  width: 100%;
  font-size: 12px;
  text-align: center;
}
.tj-datepicker__picker-days-week {
  cursor: default;
  opacity: 0.5;
  display: flex;
}
.tj-datepicker__picker-days-week-day {
  width: 28px;
  height: 28px;
  margin-right: 5px;
}
.tj-datepicker__picker-date {
  cursor: pointer;
  width: 28px;
  height: 28px;
  margin-right: 5px;
}
.tj-datepicker__picker-date:hover {
  background-color: rgba(0, 119, 255, .15);
}
.tj-datepicker__picker-date--other-months {
  opacity: 0.5;
}
.tj-datepicker__picker-date--date-now {
  color: rgba(0, 119, 255, 1);
}
.tj-datepicker__picker-date--selected-date {
  background-color: rgba(0, 119, 255, 1);
  color: #fff;
}
.tj-datepicker__picker-week {
  display: flex;
}
.tj-datepicker__prev-period, .tj-datepicker__next-period {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
}
.tj-datepicker__prev-period:hover, .tj-datepicker__next-period:hover {
  color: blue;
  cursor: pointer;
}
.tj-input-wrapper {
  position: relative;
  font-size: 21px;

  /*@media (--w800) {*/
  /*  font-size: 17px;*/
  /*}*/
}
.tj-input-wrapper .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.tj-input {
  font: inherit;
  background-color: white;
  border-radius: 2px;
  padding-bottom: 2px;
  padding-left: 15px;
  font-weight: 600;
  border: 1px solid #A6A6A6;
  box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.30);
  height: 50px;

  /*@media (--w800) {*/
  /*  height: 45px;*/
  /*  padding-bottom: 1px;*/
  /*}*/
}
.tj-input:focus {
  border-color: rgb(127, 178, 255);
}
.tj-input--wrong {
  border-color: lightcoral;
}
.tj-input__label {
  position: absolute;
  color: transparent;
  font: inherit;
  font-weight: 600;
  left: 0;
  padding-left: 16px;
  padding-bottom: 3px;
  bottom: 25%;
  pointer-events: none;

  /*@media (--w800) {*/
  /*  top: 25%;*/
  /*  padding-bottom: 1px;*/
  /*}*/
}
.tj-input__after {
  color: black;
}
.tj-monthpicker {
  height: 50px;
  width: 200px;
  position: relative;
  font-size: 21px;
}
.tj-monthpicker .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.tj-monthpicker__input::after {
  content: '';
  width: 18px;
  height: 20px;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3c!-- Generator: Adobe Illustrator 22.0.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e %3csvg version='1.1' id='%d0%a1%d0%bb%d0%be%d0%b9_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17.8 19.8' style='enable-background:new 0 0 17.8 19.8%3b' xml:space='preserve'%3e %3cstyle type='text/css'%3e .st0%7bfill:none%3b%7d .st1%7bfill-opacity:0.35%3b%7d %3c/style%3e %3cpath class='st0' d='M-0.1-2.1h18v24h-18V-2.1z'/%3e %3cpath class='st1' d='M5.9%2c8.9h-2v2h2V8.9z M9.9%2c8.9h-2v2h2V8.9z M13.9%2c8.9h-2v2h2V8.9z M15.9%2c1.9h-1v-2h-2v2h-8v-2h-2v2h-1 c-1.1%2c0-2%2c0.9-2%2c2v14c0%2c1.1%2c0.9%2c2%2c2%2c2h14c1.1%2c0%2c2-0.9%2c2-2v-14C17.9%2c2.8%2c17%2c1.9%2c15.9%2c1.9z M15.9%2c17.9h-14v-11h14V17.9z'/%3e %3c/svg%3e");
  box-shadow: none;
  right: 9%;
  top: 30%;
  cursor: pointer;
  pointer-events: none;
}
.tj-monthpicker--native::after .tj-monthpicker__input::after {
  display: none;
}
.tj-monthpicker__input {
  font: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: white;
  border-radius: 2px;
  padding-bottom: 2px;
  padding-left: 15px;
  font-weight: 600;
  border: 1px solid #A6A6A6;
  height: 50px;
  width: 200px;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
}
.tj-monthpicker--native {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 2px;
  border: 1px solid #A6A6A6;
  font-weight: 600;
  height: 45px;
  padding-bottom: 2px;
  padding-left: 13px;
  background-color: white;
}
.tj-monthpicker__input--expanded {
  border-color: rgb(127, 178, 255);
  border-width: 2px;
  padding-bottom: 1px;
  padding-left: 14px;
}
.tj-monthpicker__input:hover::after, .tj-monthpicker__input--expanded::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 18 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m9 11h-2v2h2zm4 0h-2v2h2zm4 0h-2v2h2zm2-7h-1v-2h-2v2h-8v-2h-2v2h-1c-1.11 0-1.99.9-1.99 2l-.01 14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2zm0 16h-14v-11h14z' fill='%230065ff' transform='translate(-3 -2)'/%3e%3c/svg%3e");
}
.tj-monthpicker__picker {
  background-color: white;
  z-index: 9999;
  position: absolute;
  width: 265px;
  height: 222px;
  border: 1px solid #DDDDDD;
  box-shadow: 0 3px 5px 0 rgba(230, 230, 230, 0.80);
  border-radius: 2px;
}
.tj-monthpicker__year-row {
  box-sizing: border-box;
  height: 55px;
  width: 100%;
  border-bottom: 1px solid #DDDDDD;
  display: flex;
  justify-content: space-between;
  padding: 10px 9px 4px;
}
.tj-monthpicker__prev-year {
  font: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  background-color: white;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 5 8' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd' transform='matrix(0 1 1 0 -3 -1)'%3e%3cpath d='m0 0h10v10h-10z' fill='%23d8d8d8' opacity='0'/%3e%3cpath d='m2.5244 1.5429v4.6723c0 .16569.13431.3.3.3h4.7094' stroke='black' stroke-linecap='round' transform='matrix(.70710678 -.70710678 .70710678 .70710678 -1.376015 4.736207)'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 10px;
  transform: rotate(180deg);
}
.tj-monthpicker__prev-year--hidden {
  opacity: 0.3;
}
.tj-monthpicker__prev-year:hover {
  color: rgb(127, 178, 255);
  background-image: url("data:image/svg+xml,%3csvg height='8' viewBox='0 0 5 8' width='5' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd' transform='matrix(0 1 1 0 -3 -1)'%3e%3cpath d='m0 0h10v10h-10z' fill='%23d8d8d8' opacity='0'/%3e%3cpath d='m2.52437123 1.54291066v4.67232056c0 .16568542.13431458.3.3.3h4.70939942' stroke='%230065ff' stroke-linecap='round' transform='matrix(.70710678 -.70710678 .70710678 .70710678 -1.376003 4.736178)'/%3e%3c/g%3e%3c/svg%3e");
}
.tj-monthpicker__next-year {
  font: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  background-color: white;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 5 8' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd' transform='matrix(0 1 1 0 -3 -1)'%3e%3cpath d='m0 0h10v10h-10z' fill='%23d8d8d8' opacity='0'/%3e%3cpath d='m2.5244 1.5429v4.6723c0 .16569.13431.3.3.3h4.7094' stroke='black' stroke-linecap='round' transform='matrix(.70710678 -.70710678 .70710678 .70710678 -1.376015 4.736207)'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 10px;
}
.tj-monthpicker__next-year:hover {
  color: rgb(127, 178, 255);
  background-image: url("data:image/svg+xml,%3csvg height='8' viewBox='0 0 5 8' width='5' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd' transform='matrix(0 1 1 0 -3 -1)'%3e%3cpath d='m0 0h10v10h-10z' fill='%23d8d8d8' opacity='0'/%3e%3cpath d='m2.52437123 1.54291066v4.67232056c0 .16568542.13431458.3.3.3h4.70939942' stroke='%230065ff' stroke-linecap='round' transform='matrix(.70710678 -.70710678 .70710678 .70710678 -1.376003 4.736178)'/%3e%3c/g%3e%3c/svg%3e");
}
.tj-monthpicker__next-year--hidden {
  opacity: 0.3;
}
.tj-monthpicker__year {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  background-color: white;

}
.tj-monthpicker__year--chosen {
  font-weight: 600;
  color: rgb(0, 119, 255);
}
.tj-monthpicker__year--disabled {
  opacity: .3;
  cursor: default;
}
.tj-monthpicker__year:not(.tj-monthpicker__year--chosen):not(.tj-monthpicker__year--disabled):hover {
  color: rgb(0, 119, 255);
}
.tj-monthpicker__month-table {
  padding: 15px 17px 19px 18px;

}
.tj-monthpicker__month-row:not(:last-of-type) {
  margin-bottom: 5px;
}
.tj-monthpicker__month {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  font: inherit;
  padding: 0;
  font-size: 14px;
  width: 57px;
  height: 40px;
  border-radius: 2px;
  background-color: white;
}
.tj-monthpicker__month--chosen {
  background-color: rgb(0, 101, 255);
  color: white;
}
.tj-monthpicker__month--disabled {
  opacity: .3;
  cursor: default;
}
.tj-monthpicker__month:not(.tj-monthpicker__month--chosen):not(.tj-monthpicker__month--disabled):hover {
  background-color: rgba(0, 119, 255, .1);
}
.tj-select {
  margin-bottom: 30px;
}
.tj-select__button {
  font-weight: 500;
  font-size: 17px;
  -webkit-appearance : none;
     -moz-appearance : none;
          appearance : none;
  border: none;
  cursor: pointer;
  border-bottom: 1px dashed rgba(0, 0, 0, .3);
  border-radius: 0;
  padding: 0;
  background: none;
}
.tj-select--custom {
  width: 150px;
}
.tj-select--custom .tj-select__button {
  font-size: 21px;
  -webkit-appearance : none;
     -moz-appearance : none;
          appearance : none;
  border: none;
  cursor: pointer;
  border-radius: 0;
  outline: none;
  border-bottom: 1px dashed rgba(0, 0, 0, .3);
  padding: 0;
  background: none
}
@media (max-width: 879px) {
.tj-select--custom .tj-select__button {
    font-weight: 500;
    font-size: 17px
}
  }
.tj-select--custom .tj-select__button:hover {
  color: rgb(0, 92, 255);
  border-color: rgba(0, 92, 255, .3);
  cursor: pointer;
}
.tj-select--custom .tj-select__option-list {
  position: absolute;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid rgba(232, 232, 232, 0.60);
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, .1);
  justify-content: center;
  z-index: 9999;
}
.tj-select--custom .tj-select__option-list--expanded {
  visibility: visible;
}
.tj-select--custom .tj-select__option {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  outline: none;
  font-size: 21px;
  background: white;
  text-align: left;
  padding: 0;
  padding-left: 17px;
  height: 37px;
}
.tj-select--custom .tj-select__option:hover {
  background-color: rgba(0, 23, 60, 0.04);
  cursor: pointer;
}
.tj-select--custom .tj-select__option--selected {
  color: rgb(0, 92, 255);
}
.tj-select--custom .tj-select__option--selected::after {
  content: '✔';
  margin-right: 10px;
  margin-left: 10px;
}
/*  /quiz/  */
:root {
  --quiz-incorrect-color-raw: 255, 0, 0;
  --quiz-incorrect-color: #ff0000;
  --quiz-correct-color: #007247;
  --quiz-left-padding: 23px;
  --quiz-card-padding: 20px;
  --quiz-card-padding--small-screen: 10px;
}
.quiz {
  min-height: 300px;
  margin-bottom: 37px;
}
.quiz--common .quiz__result-title {
  margin-top: 18px;
  margin-bottom: 5px;
}
.quiz--common .quiz__result-title::before {
  margin-top: 15px;
  margin-bottom: 0;
}
.quiz__card, .quiz__result {
  display: none;
  background: white;
  border-radius: 2px;
  overflow: hidden;
  margin-top: 38px;
  padding: 20px;
  padding: var(--quiz-card-padding);
  padding-top: 0;
}
.quiz__card img, .quiz__result  img {
  width: calc(100% + 20px * 2);
  width: calc(100% + var(--quiz-card-padding) * 2);
  height: auto;
  margin-right: calc(-1 * 20px);
  margin-right: calc(-1 * var(--quiz-card-padding));
  margin-left: calc(-1 * 20px);
  margin-left: calc(-1 * var(--quiz-card-padding));
}
.quiz__card.visible, .quiz__result.visible {
  display: block;
}
@media (max-width: 760px) {
.quiz__card, .quiz__result {
    margin-top: 41px;
    padding: 10px;
    padding: var(--quiz-card-padding--small-screen);
    padding-top: 0
}
  }
@media (max-width: 760px) {
  .quiz__card img, .quiz__result img {
    width: calc(100% + 10px * 2);
    width: calc(100% + var(--quiz-card-padding--small-screen) * 2);
    margin-right: calc(-1 * 10px);
    margin-right: calc(-1 * var(--quiz-card-padding--small-screen));
    margin-left: calc(-1 * 10px);
    margin-left: calc(-1 * var(--quiz-card-padding--small-screen));
  }
}
.quiz__card.visible {
  overflow: visible;
}
.article-body p.quiz__card-question {
  font-size: 23px;
  line-height: 30px;
  font-weight: bold;
  top: 0;
  padding-top: 33px;
  margin-bottom: 20px
}
@media (max-width: 760px) {
.article-body p.quiz__card-question {
    font-size: 17px;
    line-height: 24px;
    padding-top: 23px;
    margin-bottom: 16px
}
  }
.article-body p.quiz__card-question .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body p.quiz__card-question::before {
  content: attr(data-index) "/" attr(data-total);
  display: block;
  font-weight: normal;
  text-align: center;
  margin-bottom: 19px
}
@media (max-width: 760px) {
.article-body p.quiz__card-question::before {
    margin-bottom: 16px
}
  }
.quiz__card ul.quiz__card-answers {
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 25px !important;
}
.quiz__card ul.quiz__card-answers li {
  max-width: 600px;
  position: relative;
  margin: 0;
  padding: 0;
  transition: opacity .25s ease-out;
}
.quiz__card ul.quiz__card-answers--buttons {
  display: flex;
  margin-top: 41px !important
}
@media (max-width: 590px) {
.quiz__card ul.quiz__card-answers--buttons {
    margin-top: 32px !important
}
  }
.quiz__card ul.quiz__card-answers--buttons li {
  position: relative;
  width: 325px;
  height: 80px;
  line-height: 80px;
  font-size: 49px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.36);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.50);
  border-radius: 2px;
}
.quiz__card ul.quiz__card-answers--buttons li input {
  display: none;
}
.quiz__card ul.quiz__card-answers--buttons li label {
  line-height: 80px;
  font-size: 49px;
  padding: 0;
}
.quiz__card ul.quiz__card-answers--buttons li label:hover {
  color: rgb(15, 1, 161);
}
.quiz__card ul.quiz__card-answers--buttons li  .quiz__card-answer-stat-line {
  position: absolute;
  width: 0;
  background-color: black;
  height: 3px;
  bottom: -2px;
  left: -1px;
  border-bottom-left-radius: 2px;
  transition: width .3s ease-out;
}
.quiz__card ul.quiz__card-answers--buttons li  .quiz__card-answer-stat-number {
  opacity: 0;
  left: 0;
  position: absolute;
  line-height: 20px;
  font-size: 15px;
  bottom: -35px;
}
@media (max-width: 590px) {
.quiz__card ul.quiz__card-answers--buttons li  .quiz__card-answer-stat-number {
    bottom: -33px;
}
  }
.quiz__card ul.quiz__card-answers--buttons li  .quiz__card-answer-stat-number {
  transition: left .3s ease-out, opacity .3s ease-out .2s;
}
.quiz__card ul.quiz__card-answers--buttons li  .quiz__card-answer-stat-number .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.quiz__card ul.quiz__card-answers--buttons li  .quiz__card-answer-stat-number::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background-size: 100% 100%;
  left: -22px;
  top: -3px;
}
.quiz__card ul.quiz__card-answers--buttons li:nth-child(1) .quiz__card-answer-stat-number::before {
  background-image: url(data:image/png;base64,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);
}
.quiz__card ul.quiz__card-answers--buttons li:nth-child(2) .quiz__card-answer-stat-number::before {
  background-image: url(data:image/png;base64,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);
}
.quiz__card ul.quiz__card-answers--buttons li:first-child {
  margin-right: 11px;
}
.quiz__card label {
  display: block;
  position: relative;
  z-index: 1;
  padding: 9px 0 11px 23px;
  padding: 9px 0 11px var(--quiz-left-padding);
  cursor: pointer
}
@media (max-width: 760px) {
.quiz__card label {
    padding-bottom: 7px
}
  }
.quiz__card input {
  position: absolute;
  z-index: 0;
  top: 17px;
  left: -5px
}
@media (max-width: 760px) {
.quiz__card input {
    left: -2px
}
  }
@media (max-width: 590px) {
.quiz__card input {
    top: 14px
}
  }
.quiz__card input[type=radio] {
  border-radius: 100%;

  /* На iOS по умолчанию background-color у радиокнопки - чёрный */
  background-color: transparent;
}
.quiz__card input[type=radio]:hover::after, .quiz__card input[type=radio].hover::after {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  margin: 2px auto 0;
  background-color: #4778d9;
}
.quiz__card input[type=radio]:checked::after {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  margin: 2px auto 0 auto;
  background: black;
}
.quiz__card input[type=radio], .quiz__card input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #9e9e9e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}
.quiz__card input[type=radio]:hover, .quiz__card input[type=checkbox]:hover, .quiz__card input[type=radio].hover, .quiz__card input[type=checkbox].hover {
  border-color: #4778d9;
}
.quiz__card input[type=radio]:disabled, .quiz__card input[type=checkbox]:disabled, .quiz__card input[type=radio]:disabled + label, .quiz__card input[type=checkbox]:disabled + label {
  opacity: .5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.quiz__card input[type=radio]::after, .quiz__card input[type=checkbox]::after {
  content: "";
  display: block;
}
.quiz__card input[type=checkbox] {
  border-radius: 2px;
}
.quiz__card input[type=checkbox]::after {
  position: absolute;
  left: 3px;
  top: -3px;
  width: 14px;
  height: 13px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath d='M13.08%2c3.25l-5.51%2c6C6.41%2c10.4%2c3.72%2c13%2c2.82%2c13A3.51%2c3.51%2c0%2c0%2c1%2c.51%2c11.44%2c21.8%2c21.8%2c0%2c0%2c1%2c0%2c6.5%2c2.5%2c2.5%2c0%2c0%2c1%2c2.44%2c4c.64%2c0%2c.9.52%2c1%2c1.56%2c0%2c.65.26%2c3.38%2c1.28%2c2.21C5%2c7.54%2c11.41.91%2c12.44.39c.38-.26%2c1-.65%2c1.41-.13A2.81%2c2.81%2c0%2c0%2c1%2c13.08%2c3.25Z'/%3e%3c/svg%3e") 0 0 no-repeat transparent !important;
  opacity: 0;
  transition: opacity .2s ease-out;
}
.quiz__card input[type=checkbox]:checked::after {
  opacity: 1;
}
.quiz__card.answered input, .quiz__card.answered label {
  pointer-events: none;
}
.quiz__card.answered li:not(.correct):not(.checked) {
  opacity: .3;
}
.quiz__card.answered .correct small, .quiz__card.answered input:checked + label + small {
  display: block;
  margin-top: -3px;
}
.quiz__card.answered ul.quiz__card-answers--buttons {
  margin-bottom: 51px !important
}
@media (max-width: 590px) {
.quiz__card.answered ul.quiz__card-answers--buttons {
    margin-bottom: 29px !important
}
  }
.quiz__card.answered ul.quiz__card-answers--buttons  li {
  opacity: 1 !important;
}
.quiz__card.answered ul.quiz__card-answers--buttons  li .quiz__card-answer-stat-number {
  opacity: 1;
}
.quiz__card.answered ul.quiz__card-answers--buttons  li.checked label {
  color : rgb(15, 1, 161);
}
.quiz__card.answered ul.quiz__card-answers--buttons  li.checked > .quiz__card-answer-stat-line {
  background-color: rgb(15, 1, 161);
}
.quiz__card.answered ul.quiz__card-answers--buttons  li.checked > .quiz__card-answer-stat-number {
  color: rgb(15, 1, 161);
}
.quiz--normal .quiz__card.answered li.correct {
  color: #007247;
  color: var(--quiz-correct-color);
}
.quiz--normal .quiz__card.answered li.correct  input {
  border-color: #007247;
  border-color: var(--quiz-correct-color);
}
.quiz--normal .quiz__card.answered li.correct  input[type=radio]::after {
  background-color: #007247;
  background-color: var(--quiz-correct-color);
}
.quiz--normal .quiz__card.answered li.correct  input[type=checkbox]::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath d='M13.08%2c3.25l-5.51%2c6C6.41%2c10.4%2c3.72%2c13%2c2.82%2c13A3.51%2c3.51%2c0%2c0%2c1%2c.51%2c11.44%2c21.8%2c21.8%2c0%2c0%2c1%2c0%2c6.5%2c2.5%2c2.5%2c0%2c0%2c1%2c2.44%2c4c.64%2c0%2c.9.52%2c1%2c1.56%2c0%2c.65.26%2c3.38%2c1.28%2c2.21C5%2c7.54%2c11.41.91%2c12.44.39c.38-.26%2c1-.65%2c1.41-.13A2.81%2c2.81%2c0%2c0%2c1%2c13.08%2c3.25Z' style='fill: %23007247%3b'/%3e%3c/svg%3e") !important;
}
.quiz--normal .quiz__card.answered li.checked:not(.correct) {
  color: #ff0000;
  color: var(--quiz-incorrect-color);
}
.quiz--normal .quiz__card.answered li.checked:not(.correct)  input {
  border-color: #ff0000;
  border-color: var(--quiz-incorrect-color);
}
.quiz--normal .quiz__card.answered li.checked:not(.correct)  input[type=radio]::after {
  background-color: #ff0000;
  background-color: var(--quiz-incorrect-color);
}
.quiz--normal .quiz__card.answered li.checked:not(.correct)  input[type=checkbox]::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3e%3cpath d='M13.08%2c3.25l-5.51%2c6C6.41%2c10.4%2c3.72%2c13%2c2.82%2c13A3.51%2c3.51%2c0%2c0%2c1%2c.51%2c11.44%2c21.8%2c21.8%2c0%2c0%2c1%2c0%2c6.5%2c2.5%2c2.5%2c0%2c0%2c1%2c2.44%2c4c.64%2c0%2c.9.52%2c1%2c1.56%2c0%2c.65.26%2c3.38%2c1.28%2c2.21C5%2c7.54%2c11.41.91%2c12.44.39c.38-.26%2c1-.65%2c1.41-.13A2.81%2c2.81%2c0%2c0%2c1%2c13.08%2c3.25Z' style='fill: red%3b'/%3e%3c/svg%3e") !important;
}
.quiz--normal .quiz__card.answered li.correct  a, .quiz--normal .quiz__card.answered li.checked:not(.correct)  a {
  color: #ff0000;
  color: var(--quiz-incorrect-color);
}
.quiz--normal .quiz__card.answered li.correct  a, .quiz--normal .quiz__card.answered li.checked:not(.correct)  a, .quiz--normal .quiz__card.answered li.correct  a u, .quiz--normal .quiz__card.answered li.checked:not(.correct)  a u {
  background-image: linear-gradient(rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1));
  background-image: linear-gradient(rgba(var(--quiz-incorrect-color-raw), 0.1), rgba(var(--quiz-incorrect-color-raw), 0.1));
}
.quiz--normal .quiz__card.answered li.correct  a:hover, .quiz--normal .quiz__card.answered li.checked:not(.correct)  a:hover, .quiz--normal .quiz__card.answered li.correct  a.hover, .quiz--normal .quiz__card.answered li.checked:not(.correct)  a.hover, .quiz--normal .quiz__card.answered li.correct  a:hover u, .quiz--normal .quiz__card.answered li.checked:not(.correct)  a:hover u, .quiz--normal .quiz__card.answered li.correct  a.hover u, .quiz--normal .quiz__card.answered li.checked:not(.correct)  a.hover u {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(rgba(189, 29, 0, 0.1), rgba(189, 29, 0, 0.1));
  background-image: linear-gradient(rgba(var(--link-hover-color-raw), 0.1), rgba(var(--link-hover-color-raw), 0.1));
}
.quiz--normal .quiz__card.answered li.correct  a.birmanized-anchor, .quiz--normal .quiz__card.answered li.checked:not(.correct)  a.birmanized-anchor {
  background-image: none !important;
}
.quiz__card  small {
  display: none;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 10px 23px;
  margin: 0 0 10px var(--quiz-left-padding);
}
.quiz__card  small .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.quiz__card  small:last-child {
  margin-bottom: 13px;
}
@media (max-width: 760px) {
.quiz__card  small {
    font-size: 13px;
    line-height: 16px;
    margin-top: -2px
}
  }
.quiz__card  small  ins {
  display: none;
  text-decoration: none;
}
.quiz__card  small  p {
  margin: 0 0 10px 0;
  top: 0;
}
/*
  Нужно, чтобы работал переход по ссылкам в пояснении к ответу, так как после ответа на вопрос
  на quiz__card-answers вешается pointer-events: none (нужно для того, чтобы не работали ховеры у инпутов)
  Стили ховеров для инпутов вешаются через mixin radio. Соответственно нужно или убрать стили input и написать их
  заново, или переопределить. Любое решение при достаточно сложной структуре вложенных тегов может быть
  достаточно трудоёмкой задачей.
*/
.quiz__card  small  a {
  pointer-events: all;

  /*
    Ниже фикс для IE 11 и Edge 12+, так как pointer-events для ссылок нельзя назначить, если для них не установлен
    display: block или display: inline-block
  */
  display: inline-block;
  line-height: 1;
}
.quiz__card-hint {
  margin-top: 20px;
  margin-left: 23px;
  margin-left: var(--quiz-left-padding);
  font-size: 16px
}
@media (max-width: 760px) {
.quiz__card-hint {
    font-size: 12px;
    line-height: 16px
}
  }
.quiz__card  button {
  background: black;
  cursor: pointer;
  display: none;
  height: 45px;
  padding: 12px 19px 14px 18px;
  border-radius: 2px;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0px;
  font-weight: 600;
  margin: 0;
  margin-top: 20px;
  border: 1px solid rgba(0,0,0,0.25)
}
@media (max-width: 760px) {
.quiz__card  button {
    width: 100%;
    margin: 18px auto 0 auto;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    padding: 9px 10px 11px 9px
}
  }
.quiz__card  button:focus {
  outline: none;
}
.quiz__card  button .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.quiz__card.answered .quiz__card-button, .quiz__card-button[data-type="submit"] {
  display: inline-block;
}
.quiz__card input.quiz__input-range {
  position: relative;
  top: auto;
  left: auto;
}
.quiz__input-range-label--correct {
  color: green;
}
.quiz__input-range-label--incorrect {
  color: red;
}
@media (max-width: 760px) {
.quiz__result {
    padding-bottom: 25px
}
  }
p.quiz__result-title {
  text-align: center;
  font-size: 23px;
  line-height: 40px;
  margin: 30px 0 35px 0;
  font-weight: 600
}
@media (max-width: 760px) {
p.quiz__result-title {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 20px
}
  }
p.quiz__result-title .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
p.quiz__result-title::before {
  content: attr(data-count);
  display: block;
  font-size: 170px;
  font-weight: bold;
  line-height: 160px;
  margin-bottom: 20px
}
@media (max-width: 760px) {
p.quiz__result-title::before {
    font-size: 55px;
    line-height: 60px;
    margin-bottom: 10px
}
  }
.quiz__result  .aside img {
  margin-bottom: 0;
}
.quiz__result  .aside__text {
  max-width: 100%;
}
.quiz__result  .aside__text  p {
  top: 0 !important;
}
.article--quiz-reduced .quiz__result {
  margin-top: -60px;
  border-radius: 0;
}
.quiz__result-value {
  text-align: center;
  font-size: 100px;
  line-height: 100px;
  font-weight: 600;
  margin-bottom: 28px !important
}
@media (max-width: 760px) {
.quiz__result-value {
    font-size: 45px;
    line-height: 32px
}
  }
.quiz__result-value .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.quiz--meter .quiz__result-title::before {
  display: none;
}
.quiz__card-answer-label--image > img {
  width: auto;
  height: auto;
  margin: 0;
  max-width: 100%;
}
.quiz__card-answers--answered {
  pointer-events: none;
}
.body--dark .quiz__card button {
  color: white;
}
.quiz__input-range {
  width: 100%;
}
.quiz__card-body .quiz__text-block {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 16px;
  top: 0;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none
}
@media (min-width: 576px) {
.quiz__card-body .quiz__text-block {
    font-size: 21px;
    line-height: 30px
}
  }
.quiz__text-block .quiz__text-block-heading {
  font-weight: 600;
}
.quiz__text-block .quiz__text-block-heading .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.quiz__card .quiz__card-question.quiz__card-question--range {
  margin-bottom: 9px;
}
.article-body .quiz--mini  .quiz__card {
  display: block;
  margin: 80px 0;
  background-color: #f6f6ee;
  background-color: var(--beige);
  padding: 20px;
}
.article-body .quiz--mini  p.quiz__card-question {
  margin-top: 0;
}
.article-body .quiz--mini  p.quiz__card-question::before {
  display: none;
}
.article-body .quiz--mini small b {
  font-size: inherit;
}
.article-body .quiz--mini input:checked + label + small {
  display: block;
  margin-top: -3px;
}
.quiz__find-correct-image-answers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
@media (min-width: 768px) {
.quiz__find-correct-image-answers {
    justify-content: space-between
}
  }
.quiz__find-correct-image-answers .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
@media (min-width: 768px) {
.quiz__card:not(.answered) .quiz__find-correct-image-variant:hover  .find-correct-image-variant__label::after {
    border-color: inherit
}
  }
/* Повышаем специфику чтобы перебить старые стили */
.quiz__card .quiz__card-body .quiz__find-correct-image-answers .quiz__find-correct-image-variant.find-correct-image-variant {
  margin-bottom: 20px;
  margin-right: 0;
  opacity: 1
}
@media (min-width: 576px) {
.quiz__card .quiz__card-body .quiz__find-correct-image-answers .quiz__find-correct-image-variant.find-correct-image-variant {
    margin-right: 20px
}
  }
@media (min-width: 768px) {
.quiz__card .quiz__card-body .quiz__find-correct-image-answers .quiz__find-correct-image-variant.find-correct-image-variant {
    width: auto;
    margin-right: 0
}
  }
.find-correct-image-variant .find-correct-image-variant__input {
  position: absolute;
  visibility: hidden;
}
.find-correct-image-variant .find-correct-image-variant__label {
  width: 268px;
  height: 187px;
  padding: 12px
}
@media (min-width: 768px) {
.find-correct-image-variant .find-correct-image-variant__label {
    width: 320px;
    height: 224px
}
  }
.quiz__card.answered .correct .find-correct-image-variant__label {
  border-color: #00bf10;
}
.quiz__card.answered .incorrect .find-correct-image-variant__label {
  border-color: #fe4c4c;
}
.find-correct-image-variant .find-correct-image-variant__answer-info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.2s;
  padding: 12px;
}
.quiz__card.answered .find-correct-image-variant__answer-info {
  opacity: 1;
  color: black;
  display: flex;
  flex-direction: column;
}
.find-correct-image-variant .find-correct-image-variant__answer-info-title, .find-correct-image-variant .find-correct-image-variant__answer-info-value {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 17px;
  padding: 0;
  height: 45px
}
@media (min-width: 768px) {
.find-correct-image-variant .find-correct-image-variant__answer-info-title, .find-correct-image-variant .find-correct-image-variant__answer-info-value {
    height: 60px;
    line-height: 21px
}
  }
.find-correct-image-variant .find-correct-image-variant__answer-info-title {
  font-size: 12px
}
@media (min-width: 768px) {
.find-correct-image-variant .find-correct-image-variant__answer-info-title {
    font-size: 15px
}
  }
.find-correct-image-variant .find-correct-image-variant__answer-info-value {
  font-size: 17px
}
@media (min-width: 768px) {
.find-correct-image-variant .find-correct-image-variant__answer-info-value {
    font-size: 20px
}
  }
.find-correct-image-variant .find-correct-image-variant__answer-info-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: center;
  visibility: hidden;
  margin: auto
}
@media (min-width: 768px) {
.find-correct-image-variant .find-correct-image-variant__answer-info-icon {
    width: 80px;
    height: 80px;
    background-size: 36px 36px
}
  }
.quiz__card.answered .find-correct-image-variant.checked .find-correct-image-variant__answer-info-icon {
  visibility: visible;
}
.find-correct-image-variant .find-correct-image-variant__answer-info-icon--correct {
  box-shadow: 0 0 10px 0 #00bf10;
  background-color: #00bf10;
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/thumbs-up-sign-21f2b3e639b0cccbde98dbc124efee0c.png);
}
.find-correct-image-variant .find-correct-image-variant__answer-info-icon--incorrect {
  box-shadow: 0 0 10px 0 #ff4b47;
  background-color: #ff4c4c;
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/thumbs-down-sign-d4e379e7d239be6c1f24825752524737.png);
}
.find-correct-image-variant.checked.correct .find-correct-image-variant__answer-info  {
  color: #00bf10;
}
.find-correct-image-variant.checked.incorrect .find-correct-image-variant__answer-info {
  color: #ff4c4c;
}
.find-correct-image-variant .find-correct-image-variant__answer-info-value {
  font-weight: 600;
}
@media (min-width: 768px) {
.find-correct-image-variant:not(.checked) .find-correct-image-variant__answer-info-value {
    font-weight: 400
}
  }
.quiz__card.answered .find-correct-image-variant__image-wrapper {
  filter: blur(2px);
}
.quiz__card.answered .find-correct-image-variant__mask {
  opacity: 1;
}
.find-correct-image-variant .find-correct-image-variant__label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 1px #e3e3e3;
  transition: border-color 0.2s;
}
.quiz__card.answered .find-correct-image-variant.checked .find-correct-image-variant__label::after {
  border-color: inherit;
}
.find-correct-image-variant .find-correct-image-variant__image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; /* Disables pointer events (if parent has pointer-events: none;) for IE11  */
}
.find-correct-image-variant .find-correct-image-variant__mask {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s;
}
.find-correct-image-variant .find-correct-image-variant__comment{
  display: none;
}
.quiz__find-correct-image-answers-comment {
  font-size: 16px;
  line-height: 1.56;
}
.quiz__find-correct-image-answers-comment .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.find-correct-image-variant .find-correct-image-variant__image {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
}
  }
.find-correct-image-variant .find-correct-image-variant__image {
  width: 100%;
  height: auto;
  margin: 0;
}
.quiz__images-answer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
@media (min-width: 768px) {
.quiz__images-answer {
    justify-content: space-between
}
  }
@media (min-width: 768px) {
.quiz__card:not(.answered) .quiz__images-variant:hover  .images-variant__label::after {
    border-color: inherit
}
  }
.quiz__images-variant.images-variant {
  margin-bottom: 20px;
  margin-right: 0
}
@media (min-width: 576px) {
.quiz__images-variant.images-variant {
    margin-right: 20px
}
  }
@media (min-width: 768px) {
.quiz__images-variant.images-variant {
    width: auto;
    margin-right: 0
}
  }
.images-variant .images-variant__input {
  position: absolute;
  visibility: hidden;
}
.images-variant .images-variant__label {
  width: 268px;
  height: 187px;
  padding: 12px;
  border-color: rgba(2, 24, 172, 0.87)
}
@media (min-width: 768px) {
.images-variant .images-variant__label {
    width: 320px;
    height: 224px
}
  }
.images-variant .images-variant__label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 1px #e3e3e3;
  transition: border-color 0.2s;
}
.images-variant .images-variant__checked-text {
  position: absolute;
  opacity: 0;
  font-size: 48px;
  font-weight: 600;
  color: #0218ac;
}
.images-variant .images-variant__checked-text .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.images-variant__checked-text, .images-variant__image {
  transition: opacity 0.2s;
}
.quiz__card.answered .images-variant:not(.correct):not(.checked) {
  opacity: 1;
}
.quiz__card.answered .images-variant.checked .images-variant__image {
  opacity: 0.4;
}
.quiz__card.answered .images-variant.checked .images-variant__checked-text {
  opacity: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* IE11 centering */
}
.quiz__card.answered .images-variant.checked .images-variant__label::after {
  border-color: inherit;
}
.images-variant .images-variant__mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; /* Disables pointer events (if parent has pointer-events: none;) for IE11  */
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.images-variant .images-variant__image {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
}
  }
.images-variant .images-variant__image {
  width: 100%;
  height: auto;
  margin: 0;
}
.scores-list {
  margin-bottom: 16px;
  margin-top: 22px
}
@media (min-width: 768px) {
.scores-list {
    margin-bottom: 30px;
    margin-top: 36px
}
  }
.scores-list__element {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 23px
}
@media (min-width: 768px) {
.scores-list__element {
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 14px;
    flex-direction: row
}
  }
.scores-list__element .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
@media (min-width: 768px) {
.scores-list__title {
    margin-right: 18px
}
  }
.quiz-range-input__target, .quiz-range-input__base, .quiz-range-input__connects, .quiz-range-input__handle {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
.quiz-range-input__origin {
  right: 0;
  top : 50%
}
.quiz-range-input__target {
  height: 42px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  position: relative;
  direction: ltr;
}
.quiz-range-input__base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.quiz-range-input__connects {
  width: 100%;
  height: 1px;
  top: 50%;
  position: relative;
  z-index: 1;
  background-color: rgba(0, 0, 0, .2);
}
/* Wrapper for all connect elements.
 */
.quiz-range-input__connects {
  overflow: hidden;
  z-index: 0;
}
.quiz-range-input__handle {
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: rgba(0, 0, 0, .15);
  right: 0;
  top: 21px;
  outline: none;
}
.quiz-range-input__handle::after {
  content: '';
  position: absolute;
  opacity: .1;
  width: 180px;
  height: 180px;
  bottom: -20px;
  left: -60px;
}
.quiz-range-input__handle-image {
  right: 0;
  width: 180px;
  height: 180px;
  position: absolute;
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/diamond-ebfebe70c826d3e519f0adc952965f7e.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 100%;
}
.quiz-range-input__handle-image::after, .quiz-range-input__handle-image::before {
  content : '';
  position: absolute;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASCAMAAAAquK2IAAAAdVBMVEUAAADNzc3R0dHNzc3Nzc3Nzc3j4+PMzMzNzc3Nzc3MzMzNzc3Nzc3Nzc3Nzc3Pz8/Pz8/b29vMzMzMzMzMzMzNzc3Nzc3Nzc3MzMzNzc3MzMzNzc3Nzc3Ozs7MzMzOzs7Nzc3Nzc3R0dHV1dXX19fV1dXMzMwBISRBAAAAJnRSTlMA+Q/sv2UE897MqJeETz84HQfj0rmxrJ6Rinh2cF1VSS4pJxgTDA1SAUcAAACASURBVCjPldI3EoQwEERRCbMssLj1eN/3PyKTTJFAVfNS6QetkjmWV6HhOb4HWPZ2kXwtQAdp7EKQwfi4Q5DB3IQQZLC2bwuGY8StjwIIMsj+OpMMJl3KBiKL3WuBzEgifvT+H+hnVXn9ogM1lE860DnpL9CAVXQfqwFr8b2Tkw2wTjGtYW3g/QAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 48px;
  height: 35px;
  transition: opacity 0.1s;
}
.quiz-range-input__handle-image::before {
  left: -26px;
  top: 64px;
}
.quiz-range-input__handle-image::after {
  left: 157px;
  top: 47px;
  transform: rotate(180deg);
}
.quiz-range-input__handle-image--moved::before, .quiz-range-input__handle-image--moved::after {
  opacity : 0;
}
.quiz-range-input__handle-image-container {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  width: 100%;
  right: -90px;
}
.quiz__range-info {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 35px;
  margin-bottom: 103px;
}
.quiz__range-info .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.quiz__range-label {
  font-size: 21px;
  line-height: 30px;
  text-align: center;
}
.quiz__range-value {
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  border-radius: 16px;
  transition: color 0.5s, background-color 0.5s;
}
.quiz__range-value--wrong {
  color: red;
}
.quiz__range-result {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: color 0.5s, opacity 0.5s;
}
.quiz__range-result--answered {
  opacity: 1;
}
.quiz__range-result--wrong {
  color: red;
}
.quiz__range-area {
  position: relative;
  background-color: rgba(73, 225, 0, .54);
  height: 11px;
  width: 0;
  top: -21px;
}
.quiz__range-answer {
  position: absolute;
  height: 32px;
  display: inline-block;
  margin-top: -4px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  border-radius: 16px;
  transition: color 0.5s, background-color 0.5s;
  opacity: 0;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
}
.quiz__range-answer .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.quiz__range-answer--answered {
  opacity: 1;
  position: relative;
  margin-bottom: 16px;
  background-color: rgba(73, 225, 0, 1);
}
.quiz__range-arrow  {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  margin-top: -32px;

  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 22px solid rgba(73, 225, 0, 1);
}
.quiz__range-arrow--answered  {
  position: relative;
  opacity: 1;
}
.quiz-youtube-video__wrapper .quiz-youtube-video__audio-controls {
  display: flex;
  align-items: center;
}
.quiz-youtube-video__wrapper .quiz-youtube-video__audio-controls-label {
  padding: 0;
  pointer-events: none;
}
.quiz-youtube-video__wrapper .quiz-youtube-video__audio-controls-button {
  display: inline;
  opacity: 0.3;
  pointer-events: none;
  transition: opacity 0.1s;
  background: no-repeat url("data:image/svg+xml,%3csvg height='388' viewBox='0 0 399 388' width='399' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m210.5 122 72.5 145h-145z' fill='white' fill-rule='evenodd' transform='matrix(0 1 -1 0 405 -16)'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  border-radius: 100%;
  padding: 0;
  width: 30px;
  height: 30px;
  margin: 0;
  margin-right: 12px;
  margin-left: 5px;
  background-color: #D8D8D8;
  border-color: transparent;
  flex-shrink: 0;
}
.quiz-youtube-video__wrapper .quiz-youtube-video__audio-controls-button--ready {
  opacity: 1;
  pointer-events: all;
}
.quiz-youtube-video__wrapper .quiz-youtube-video__audio-controls-button--playing {
  background-image: url("data:image/svg+xml,%3csvg height='388' viewBox='0 0 399 388' width='399' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='white' fill-rule='evenodd'%3e%3cpath d='m145 122h45v145h-45z'/%3e%3cpath d='m210 122h45v145h-45z'/%3e%3c/g%3e%3c/svg%3e");
}
.quiz-youtube-video__wrapper .quiz-youtube-video__video-iframe {
  pointer-events: all;
}
.quiz-youtube-video__wrapper .quiz-youtube-video__video-iframe--hidden {
  position: absolute;
  opacity: 0;
  left: -9999px;
}
.article-body  .heading, .article-body  .subheading {
  font-weight: 600;
}
.article-body  .heading .ruble, .article-body  .subheading .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body  .heading {
  margin: 70px 0 10px;
  font-size: 34px;
  line-height: 40px
}
@media (max-width: 590px) {
.article-body  .heading {
    font-size: 21px;
    line-height: 25px;
    margin: 45px 0 10px
}
  }
.article--review .article-body .heading {
  margin-top: 66px
}
@media (max-width: 590px) {
.article--review .article-body .heading {
    margin-top: 36px
}
  }
.article-body .media-container--heading-badge + .heading {
  margin-top: 24px;
}
.article-body .media-container--heading-badge + .subheading {
  margin-top: 16px;
}
.article-body  .subheading {
  font-size: 24px;
  margin: 70px 0 0px
}
@media (max-width: 590px) {
.article-body  .subheading {
    margin: 32px 0 8px
}
  }
.article-body  .subheading a {
  outline-offset: 3px;
  padding-bottom: 3px;
}
.article--review .article-body .subheading {
  margin-top: 73px
}
@media (max-width: 590px) {
.article--review .article-body .subheading {
    margin-top: 36px
}
  }
.article-body  .table-heading {
  margin-bottom: 8px;
  margin-top: 10px;
  font-size: 17px;
  line-height: 25px
}
@media (min-width: 576px) {
.article-body  .table-heading {
    font-size: 24px;
    line-height: 30px;
    margin-top: 40px
}
  }
.article-body  .table-heading .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body  .table-heading + .desktop-table {
  margin-top: 0;
}
@media (max-width: 590px) {
.article-body  .table-heading--hide-mobile {
    display: none
}
  }
/* Из-за того, что у параграфа стоит position: relative и top: 9px */
.article-body p + .table-heading {
  margin-top: 20px
}
@media (min-width: 576px) {
.article-body p + .table-heading {
    margin-top: 50px
}
  }
.article-body  mark {
  background-color: #ffffa1;
  box-shadow: 0 5px 0 #ffffa1, 0 -1px 0 #ffffa1;
}
.article-body  mark[style] {
  box-shadow: 0 3px 0 #000, 0 -3px 0 #000;
}
.article-body  .color-blue {
  color: blue;
}
.article-body  .small-label {
  font-size: 11px !important;
  line-height: 18px !important;
}
.article-body  .small-label .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body  sub, .article-body sup {
  font-size: 12px;
  position: relative;
}
.article-body  sub {
  bottom: -3px;
}
.article-body  sup {
  top: -8px;
}
.article-body  p {
  margin-bottom: 20px;
  hanging-punctuation: first
}
@media (max-width: 590px) {
.article-body  p {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-wrap: break-word;
    margin-bottom: 20px
}
  }
.article-body  p:empty {
  margin: 0 !important;
}
.article-body  p.lead {
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 15px
}
@media (max-width: 590px) {
.article-body  p.lead {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 16px
}
  }
.article-body  p  strong {
  line-height: 1
}
@media (max-width: 590px) {
.article-body  p  strong {
    line-height: 24px;
    font-size: 15px
}
  }
.article-body .small {
  font-size: 15px;
  line-height: 18px
}
@media (max-width: 590px) {
.article-body .small {
    font-size: 14px;
    line-height: 17px
}
  }
.paragraph-editorial {
  font-size: 17px;
  line-height: 25px
}
@media (min-width: 768px) {
.paragraph-editorial {
    margin-top: 35px
}
  }
.paragraph-editorial .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
@font-face {
  font-family: "BLOKKNeue";
   src: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/regular-54b99a1cf900b0662450e020d93522ae.woff2) format("woff2"),
       url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/regular-f0f36149a712036ff3a0709578f8a61a.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes reveal {
  0% {
    color: #bd1d00;
    color: var(--link-hover-color);
  }
  100% {
    color: black;
  }
}
@keyframes reveal {
  0% {
    color: #bd1d00;
    color: var(--link-hover-color);
  }
  100% {
    color: black;
  }
}
.article-body li.article-conclusions__item {
  margin: 0;
  padding-left: 0;
}
.article-body li.article-conclusions__item:not(:last-child) {
  margin-bottom: 0.9rem;
}
.article-body li.article-conclusions__item.shown {
  -webkit-animation: reveal 1s ease-in-out;
          animation: reveal 1s ease-in-out;
}
.article-conclusions__mask {
  font-family: BLOKKNeue;
  word-break: break-all;
  letter-spacing: -.1em;
  color: #dfdfdf;
}
.shown .article-conclusions__mask {
  word-break: normal;
  letter-spacing: 0;
  color: black;
  -webkit-animation: reveal 1s ease-in-out;
          animation: reveal 1s ease-in-out;
}
.shown .article-conclusions__mask .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-poll {
  width: 100%;
  max-width: 730px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 730px / 2);
  font-size: 0;
  margin-bottom: 33px
}
@media (max-width: 980px) {
.article-poll {
    margin-bottom: -8px
}
  }
@media (max-width: 800px) {
.article-poll {
    left: auto;
    margin-bottom: 0px
}
  }
.article-poll__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  width: 50%;
  display: inline-block;
  margin-bottom: 8px;
  /* padding: 0px 0px 0px 31px; */
  padding: 0;
  background-color: transparent;
  font-size: 17px;
  height: 46px;
  color: #fff;
  font-weight: 400;
  position: relative;
  text-align: left;
  border: none;
  /* mask-image: url(poll/border.svg); */
  filter: drop-shadow(0 7px 7px rgba(0, 0, 0, 0.6));
  stroke: #6cb9e5;
}
.article-poll__button::before, .article-poll__button::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 31px;
  top: 50%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-width: 3px;
  border-bottom-width: 3px
}
@media (max-width: 590px) {
.article-poll__button::before, .article-poll__button::after {
    left: 24px
}
  }
.article-poll__button::before {
  border-bottom-color: white;
  margin-top: -6px;
}
.article-poll__button::after {
  border-top-color: white;
}
.article-poll__button-body {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.article-poll__button-text {
  position: absolute;
  z-index: 1;
  left: 45px;
  top: 50%;
  margin-top: -10px
}
@media (max-width: 590px) {
.article-poll__button-text {
    left: 40px
}
  }
.article-poll__button-text::before {
  display: inline-block;
  width: 20px;
  height: 14px;
  background: white;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-mask-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/letters-ee9f45020d371b997ac88920b84f210b.svg);
          mask-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/letters-ee9f45020d371b997ac88920b84f210b.svg);
  -webkit-mask-position: -1px -1px;
          mask-position: -1px -1px;
  margin-right: 5px
}
@media (max-width: 590px) {
.article-poll__button-text::before {
    margin-right: 2px;
    vertical-align: middle;
    display: inline-block
}
  }
.article-poll__button-text--1::before {
  content: "A";
}
.article-poll__button-text--2::before {
  content: "B";
  -webkit-mask-position: -20px;
          mask-position: -20px;
}
.article-poll__button-text--3::before {
  content: "C";
  -webkit-mask-position: -40px;
          mask-position: -40px;
}
.article-poll__button-text--4::before {
  content: "D";
  -webkit-mask-position: -60px;
          mask-position: -60px;
}
/*
&:nth-child(2n) {
  margin-left: -5px;
}
*/
@media (max-width: 800px) {
.article-poll__button {
    width: 100%;
    max-width: 366px
}
  }
@media (max-width: 590px) {
.article-poll__button {
    font-size: 15px;
    padding-left: 28px
}
  }
.article-poll__button:hover {
  stroke: #ec8832;
}
.article-poll__button:hover::before {
  border-bottom-color: #ec8832;
}
.article-poll__button:hover::after {
  border-top-color: #ec8832;
}
.article-poll__button:hover  .article-poll__button-text::before {
  background: #ec8832;
}
.article-poll__button:active {
  fill: #ec8832;
}
.article-poll__button:active::before {
  border-bottom-color: white;
}
.article-poll__button:active::after {
  border-top-color: white;
}
.article-poll__button:active .article-poll__button-text::before {
  background: white;
}
.article-poll__button.selected {
  fill: #41321d;
}
.voted .article-poll__button {
  pointer-events: none;
  stroke: #ec8832;
}
.voted .article-poll__button::before {
  border-bottom-color: white;
}
.voted .article-poll__button::after {
  border-top-color: white;
}
.voted .article-poll__button .article-poll__button-text::before {
  background: white;
}
.article-poll__button-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 18px;
  width: calc(100% - 36px);
  height: 100%
}
@media (max-width: 590px) {
.article-poll__button-inner {
    margin-left: -3px;
    width: calc(100% - 36px + 3px)
}
  }
.article-poll__button-bar {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg version='1.1' id='border' xmlns:svgjs='http://svgjs.com/svgjs' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='365' height='46' viewBox='0 0 365 46' enable-background='new 0 0 365 46' xml:space='preserve'%3e%3cpath stroke='%236CB9E5' stroke-width='3' stroke-linejoin='round' stroke-miterlimit='50' stroke-dasharray='0' d='M0%2c22.499h6.225 c9.293%2c0%2c10.133-0.004%2c12.578%2c2.601c3.501%2c3.729%2c7.861%2c8.37%2c11.662%2c12.42c2.709%2c2.885%2c5.637%2c6.98%2c18.085%2c6.98h267.899 c12.449%2c0%2c15.377-4.096%2c18.086-6.98c3.801-4.05%2c8.16-8.69%2c11.661-12.419c2.445-2.605%2c3.285-2.602%2c12.579-2.602H365V23.5h-6.225 c-9.294%2c0-10.134%2c0.004-12.579-2.601c-3.501-3.729-7.86-8.37-11.661-12.42c-2.709-2.885-5.637-6.979-18.086-6.979H48.55 c-12.449%2c0-15.376%2c4.095-18.085%2c6.98c-3.801%2c4.049-8.161%2c8.691-11.662%2c12.42c-2.445%2c2.604-3.285%2c2.6-12.578%2c2.6H0V22.499z'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg version='1.1' id='border' xmlns:svgjs='http://svgjs.com/svgjs' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='365' height='46' viewBox='0 0 365 46' enable-background='new 0 0 365 46' xml:space='preserve'%3e%3cpath stroke='%236CB9E5' stroke-width='3' stroke-linejoin='round' stroke-miterlimit='50' stroke-dasharray='0' d='M0%2c22.499h6.225 c9.293%2c0%2c10.133-0.004%2c12.578%2c2.601c3.501%2c3.729%2c7.861%2c8.37%2c11.662%2c12.42c2.709%2c2.885%2c5.637%2c6.98%2c18.085%2c6.98h267.899 c12.449%2c0%2c15.377-4.096%2c18.086-6.98c3.801-4.05%2c8.16-8.69%2c11.661-12.419c2.445-2.605%2c3.285-2.602%2c12.579-2.602H365V23.5h-6.225 c-9.294%2c0-10.134%2c0.004-12.579-2.601c-3.501-3.729-7.86-8.37-11.661-12.42c-2.709-2.885-5.637-6.979-18.086-6.979H48.55 c-12.449%2c0-15.376%2c4.095-18.085%2c6.98c-3.801%2c4.049-8.161%2c8.691-11.662%2c12.42c-2.445%2c2.604-3.285%2c2.6-12.578%2c2.6H0V22.499z'/%3e%3c/svg%3e");
  -webkit-mask-position: -18px;
          mask-position: -18px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #ec8832;
  z-index: 0;
  transition: max-width .25s ease-out;
  width: 100%;
  max-width: 0;
}
.article-poll__button-result {
  display: block;
  visibility: hidden;
  position: absolute;
  /*  z-index: 99;*/
  font-size: 16px;
  line-height: 17px;
  background: white;
  color: #081515;
  width: 32px;
  text-align: center;
  border-radius: 3px;
  padding: 1px 3px;
  margin-left: -19px;
  transition: left .25s ease-out;
  left: 0;
  /* z-index: -1; */
  box-shadow: 0 4px 7px rgba(0, 0, 0, .3);
}
.article-poll__button-result::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
}
.article-poll__button-result--top {
  bottom: 100%;
  margin-bottom: 7px;
}
.article-poll__button-result--top::after {
  top: 100%;
  border-top-color: white;
}
.article-poll__button-result--bottom {
  top: 100%;
  margin-top: 7px
}
@media (max-width: 800px) {
.article-poll__button-result--bottom {
    bottom: 100%;
    top: auto;
    margin-bottom: 7px
}
  }
.article-poll__button-result--bottom::after {
  bottom: 100%;
  border-bottom-color: white
}
@media (max-width: 800px) {
.article-poll__button-result--bottom::after {
    top: 100%;
    bottom: auto;
    border-top-color: #fff;
    border-bottom-color: transparent
}
  }
.voted .article-poll__button-result {
  visibility: visible;
}
.article-body .article-sidebar {
  font-size: 14px;
  line-height: 20px;
  float: left;
  width: 40%;
  max-width: 216px; /* max width in design */
  margin-left: -40%;
  padding-top: 18px;
  padding-right: 30px;
  padding-right: var(--article-column-margin);
  transition: opacity .25s ease-out;
  visibility: hidden;
  z-index: 1000
}
@media (min-width: 1460px) {
.article-body .article-sidebar {
    visibility: visible
}
  }
.article-body .article-sidebar .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body .article-sidebar[hidden] {
  opacity: 0;
}
.article-body .article-sidebar--sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
}
.article-body .article-sidebar__title {
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  top: 0;
  margin: -4px 0 20px;
}
.article-source__title {
  margin-bottom: 10px;
}
.aside {
  z-index: 1000;
}
.aside .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.aside--bottom {
  top: auto;
  bottom: 0;
}
@media (max-width: 590px) {
.aside.showmobile {
    display: flex !important
}
  }
.aside p > strong {
  margin-bottom: 10px;
  display: inline-block;
}
@media (max-width: 1150px) {
.aside {
    position: relative;
    display: block;
    margin: 30px 0 20px;
    top: 0 !important;
    left: auto;
    width: 100%
}
  }
@media (max-width: 590px) {
.aside {
    position: relative;
    display: block;
    margin: 25px 0 19px;
    top: auto;
    left: auto;
    width: 100%;
    font-size: 13px;
    line-height: 16px
}
  }
.aside p {
  margin: 0;
  margin-bottom: 1rem
}
@media (max-width: 1150px) {
.aside p {
    font-size: 14px;
    line-height: 20px
}
  }
@media (max-width: 590px) {
.aside p {
    font-size: 13px;
    line-height: 16px
}
  }
.aside p:last-child {
  margin-bottom: 0;
}
.aside img {
  display: block
}
@media (max-width: 590px) {
.aside img {
    height: auto;
    width: 75px !important;
    max-width: 75px !important
}
  }
.aside--highlight.aside-top{
  margin-top: -105px;
}
.aside--selected.aside--top {
  margin-top: calc(1px - 150px - 11px)
}
@media (max-width: 1150px) {
.aside--selected.aside--top {
    margin: 35px 0 10px
}
  }
@media (max-width: 590px) {
.aside--selected.aside--top {
    margin: 24px 0 12px
}
  }
.aside--selected.aside--top  .aside__image img {
  height: 150px
}
@media (max-width: 590px) {
.aside--selected.aside--top  .aside__image img {
    height: auto
}
  }
.aside--wiki.aside--top {
  margin-top: calc(1px - 50px - 14px);
}
@media (max-width: 980px) {
.aside--wiki.aside--top  .aside__image {
    max-width: 100px
}
  }
.aside--wiki.aside--top  .aside__image  img {
  height: 50px
}
@media (max-width: 980px) {
.aside--wiki.aside--top  .aside__image  img {
    height: auto;
    width: 100%
}
  }
.aside--top {
  margin-top: -110px
}
@media (max-width: 1150px) {
.aside--top {
    margin: 35px 0 10px
}
  }
@media (max-width: 590px) {
.aside--top {
    margin: 24px 0 12px
}
  }
.aside--top {

  .aside__title {
    top: 8px;
  }
}
.aside--top  .aside__image img {
  height: 100px;
  width: auto
}
@media (max-width: 590px) {
.aside--top  .aside__image img {
    height: auto;
    width: 75px !important
}
  }
@media (max-width: 1150px) {
.aside--with-number {
    top: 2px !important;
    margin-top: 30px
}
  }
@media (max-width: 590px) {
.aside--with-number {
    display: none
}
  }
.asidebox {
  position: relative;
}
.article-body  .with-aside {
  position: relative;
}
.article-body  .with-aside  h2 + .article-author {
  margin-top: 0;
  padding-top: 11px
}
@media (max-width: 1150px) {
.article-body  .with-aside  h2 + .article-author {
    padding-top: 10px;
    margin-bottom: 20px;
    top: 1px
}
  }
@media (max-width: 800px) {
.article-body  .with-aside  h2 + .article-author {
    padding-top: 0
}
  }
.article-body  .with-aside  .article-author {
  top: 0;
}
.article-body h2 + .aside {
  margin-top: -70px !important
}
@media (max-width: 980px) {
.article-body h2 + .aside {
    margin-top: 0 !important
}
  }
.article-body  .aside__image {
  display: table;
  padding: 0 0 6px 0;
  position: relative
}
@media (max-width: 1150px) {
.article-body  .aside__image {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}
  }
@media (max-width: 590px) {
.article-body  .aside__image {
    padding-bottom: 8px
}
  }
.article-body .aside__image:hover, .article-body .aside__image.hover {
  background: transparent !important;
}
.article-body .aside__image:hover + a, .article-body .aside__image.hover + a, .article-body .aside__image:hover + * > a, .article-body .aside__image.hover + * > a {
  color: #bd1d00;
  background-image: linear-gradient(rgba(189, 29, 0, .3), rgba(189, 29, 0, .3));
}
.article-body  .aside__image--large img {
  max-width: 170px;
}
.article-body  .aside__image  a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  text-indent: -999px;
  overflow: hidden;
}
@media (max-width: 1150px) {
.article-body > .aside__text:first-child {
    display: inline-block;
    vertical-align: top;
    top: 4px !important
}
  }
@media (max-width: 1150px) {
.article-body > .aside__text:first-child p {
    margin-bottom: 0
}
  }
@media (max-width: 1150px) {
.article-body .aside__image + .aside__text {
    display: inline-block;
    vertical-align: top;
    top: 1px;
    margin-bottom: 0
}
  }
@media (max-width: 590px) {
.article-body .aside__image + .aside__text {
    max-width: calc(100%-90px)
}
  }
.article-body  .aside strong, .article-body .aside__title {
  display: inline;
  font-weight: 400 !important;
  font-size: 17px;
  line-height: 25px;
  background-position-y: 100%;
}
.article-body  .aside strong a, .article-body .aside__title  a {
  font-size: 17px;
  line-height: 25px;
  padding-bottom: 2px;
  position: relative;
  top: -5px;
}
.article-body  .aside strong a::after, .article-body .aside__title  a::after {
  content: '';
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  min-width: 170px;
  height: 200%;
  background: transparent;
}
.article-body  .aside strong, .article-body .aside__title + p {
  margin-top: 5px;
  line-height: 20px;
}
@media (max-width: 590px) {
.article-body  .aside strong, .article-body .aside__title {
    font-size: 17px;
    line-height: 25px
}
  }
.article-body  b.aside__number {
  display: inline-block;
  margin-bottom: 5px;
  background: #fff;
  font-size: 60px;
  line-height: 60px;
  font-weight: 400
}
@media (max-width: 1150px) {
.article-body  b.aside__number {
    vertical-align: top;
    top: -4px !important
}
  }
@media (max-width: 590px) {
.article-body  b.aside__number {
    font-size: 45px;
    line-height: 45px;
    display: block;
    margin-bottom: 0
}
  }
.article-body  b.aside__number .ruble {
  font-family: "Ruble Serif", Charter, Georgia, "Times New Roman", Times, serif;
  font-family: var(--ruble-serif-font), var(--serif-font);
}
.article-body  .aside__item {
  position: absolute
}
@media (max-width: 800px) {
.article-body  .aside__item {
    display: none
}
  }
.article-body  .media-container + .aside {
  height: 100%;
}
.article-header--with-wallpaper + .article-body .aside__number {
  margin-bottom: 10px;
}
.aside-subscribe {
  max-width: 235px;
  margin-top: -6px;
  transition: opacity .25s ease-out;
  opacity: 1;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  word-wrap: normal;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  padding-top: 150px
}
@media (max-width: 1150px) {
.aside-subscribe {
    margin-top: 40px
}
  }
@media (max-width: 980px) {
.aside-subscribe {
    padding-top: 120px
}
  }
@media (max-width: 590px) {
.aside-subscribe {
    width: 100%
}
  }
.aside-subscribe .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.aside-subscribe[hidden] {
  display: block !important;
  opacity: 0;
}
.aside-subscribe::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 110px;
  height: 126px;
  background-size: cover;
  left: 0;
  top: 0
}
@media (max-width: 980px) {
.aside-subscribe::before {
    width: 80px;
    height: 92px
}
  }
.webpalpha .aside-subscribe::before {
  /* TODO background-image: url("../images/mercury/head-220.webp") $important;*/
}
.no-webpalpha .aside-subscribe::before {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/head-220-72fccc0bcd5ae883ad03138f899b295e.png);
}
.aside-subscribe__title {
  padding-left: 1px;
  margin-bottom: 17px
}
@media (max-width: 980px) {
.aside-subscribe__title {
    margin-bottom: 4px
}
  }
.aside-subscribe__title::after {
  content: ":";
}
.aside-subscribe .vk-follow.preinit {
  height: 161px;
}
.aside-subscribe .subscribe-form {
  position: relative
}
@media (max-width: 980px) {
.aside-subscribe .subscribe-form {
    display: inline-block;
    max-width: 170px;
    margin-top: 13px
}
  }
@media (max-width: 590px) {
.aside-subscribe .subscribe-form {
    display: inline-block;
    max-width: 170px;
    top: 12px
}
  }
.aside-subscribe .subscribe-form__body {
  display: block !important;
  position: relative;
  left: 1px;
}
.aside-subscribe .subscribe-form__field {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 30px;
  border: none;
  padding: 0 40px 3px 1px;
  font-size: 14px;
  line-height: 20px;
  background: transparent;
  border-bottom: 1px solid #adadad;
  transition: padding .25s ease-out;
}
.aside-subscribe .subscribe-form__field:hover, .aside-subscribe .subscribe-form__field.hover, .aside-subscribe .subscribe-form__field:focus {
  border-bottom-color: black;
}
.aside-subscribe .subscribe-form__field.hover:valid {
  padding-left: 10px;
}
.aside-subscribe .subscribe-form__button {
  font-size: 28px;
  line-height: 35px;
  font-weight: 400;
  position: absolute;
  z-index: 1;
  right: -9px;
  top: -8px;
  background: none;
  border: none
}
@media (max-width: 590px) {
.aside-subscribe .subscribe-form__button {
    padding-right: 0;
    padding-left: 0;
    right: -5px
}
  }
.aside-subscribe .subscribe-form__button:hover + input.aside-subscribe__input:valid {
  transition: 0.25s ease-out;
  left: 10px;
}
.aside-subscribe .subscribe-form__message {
  display: block !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin-top: -30px;
}
.aside-subscribe.in-progress .subscribe-form__body {
  transition: all .5s ease-out;
  opacity: 0;
  transform: translateX(50px);
}
.aside-subscribe.done  .subscribe-form__body {
  opacity: 0;
  z-index: -1;
}
.aside-subscribe.done  .subscribe-form__message {
  transition: opacity .5s ease-out;
  opacity: 1;
  z-index: 0;
}
.article-author {
  top: 0;
  margin-top: 17px;
}
.article-author .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-author a.article-author__link {
  font-size: 0;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent !important;
}
.article-author + .article-author {
  top: 191px
}
@media (max-width: 1150px) {
.article-author + .article-author {
    top: auto
}
  }
@media (max-width: 1150px) {
.article-author + p {
    margin-top: 20px
}
  }
@media (max-width: 1150px) {
.article-author {
    position: relative;
    display: block;
    margin: 0;
    margin-top: 32px;
    top: auto;
    left: auto;
    width: auto;
    font-size: 0
}
  }
@media (max-width: 590px) {
.article-author {
    margin-top: 9px;
    margin-bottom: 0;
    top: 0
}
  }
.article--card .article-author {
  position: static;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1150px) {
.article--review .article-author {
    position: static;
    display: flex;
    align-items: flex-start;
    margin-top: 25px;
    margin-bottom: 13px
}
  }
@media (max-width: 590px) {
.article--ugcpost .article-author {
    display: flex;
    align-items: center;
    margin-bottom: 11px
}
  }
.conclusion-mobile ~ .article-author {
  padding-bottom: 1rem;
}
@media (max-width: 980px) {
  .article-author--more-than-one .article-author__text {
    height: 60px;
  }

  .article-author--more-than-one .article-author__second {
    margin-top: 1rem;
  }

  .article-author--more-than-one .article-author__second + .article-author__text {
    margin-top: 1rem;
  }
}
.article-author.article-author--linked:hover {
  color: rgba(0, 0, 0, .7);
}
@media (max-width: 1150px) {
.highlight + .article-author {
    margin-top: -30px
}
  }
.article-author__img-wrapper {
  position: relative;
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin-bottom: 11px
}
@media (max-width: 1150px) {
.article-author__img-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px
}
  }
@media (max-width: 590px) {
.article-author__img-wrapper {
    width: 64px;
    height: 64px
}
  }
.article--card .article-author__img-wrapper {
  width: 30px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-bottom: 0;
  margin-right: 10px;
}
.article--review .article-author__img-wrapper {
  width: 40px;
  border-radius: 50%;
  margin-bottom: 15px
}
@media (max-width: 1150px) {
.article--review .article-author__img-wrapper {
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 10px
}
  }
@media (max-width: 590px) {
.article--review .article-author__img-wrapper {
    width: 30px
}
  }
.article.article--ugcpost .article-author__img-wrapper {
  border-radius: 100%;
  margin-bottom: 11px
}
@media (max-width: 590px) {
.article.article--ugcpost .article-author__img-wrapper {
    margin-bottom: 0;
    margin-right: 12px
}
  }
.article-author__img {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: auto;
}
.article--ugcpost .article-author__img {
  left: 50%;
  height: 80px;
  width: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translateX(-50%)
}
@media (max-width: 590px) {
.article--ugcpost .article-author__img {
    width: 64px;
    height: 64px
}
  }
@media (max-width: 1150px) {
.article-author__text {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-top: 4px
}
  }
@media (max-width: 590px) {
.article-author__text {
    margin-top: 0
}
  }
.article--card .article-author__text  {
  font-size: 13px;
  line-height: 15px;
  flex-grow: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1150px) {
.article--review .article-author__text  {
    font-size: 13px;
    line-height: 15px;
    flex-grow: 1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center
}
  }
.article-author__name, .article-author__name strong {
  font-size: 17px;
  font-weight: 600;
}
.article-author.article-author--deleted .article-author__name, .article-author.article-author--deleted .article-author__name strong {
  color: rgba(0,0,0,0.5);
}
.article--card .article-author__name {
  /* Переопределяем position и top, которые ставятся в файле zztop - position: relative и top: 4px.*/
  position: static;
  top: 0;
  font-size: 13px;
  line-height: 15px;
  margin-top: 0;
}
.article--review .article-author__name, .article--review .article-author__name strong {
  position: static;
  font-size: 14px;
  line-height: 20px
}
@media (max-width: 590px) {
.article--review .article-author__name, .article--review .article-author__name strong {
    font-size: 13px;
    line-height: 15px;
    margin-top: 0
}
  }
.article-author__name-black-title {
  background-color: black;
}
.article-author__position strong {
  font-size: 17px !important;
  line-height: 20px;
  font-weight: 600 !important;
}
@media (max-width: 1150px) {
.article-author__position {
    margin-top: 1px
}
  }
.article--card .article-author__position {
  position: static;
  margin-top: 0;
  font-size: 13px;
  line-height: 15px;
}
.article--review .article-author__position {
  position: static;
  font-size: 14px;
  line-height: 20px
}
@media (max-width: 590px) {
.article--review .article-author__position {
    font-size: 13px;
    line-height: 15px
}
  }
.article-author__additional {
  margin-top: 29px;
  display: inline-block;
  vertical-align: top
}
@media (max-width: 590px) {
.article-author__additional {
    margin-top: 0.25rem
}
  }
/* новые стили для горизонтальной плашки с автором */
@media (max-width: 1150px) {
  .article-author {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    margin-top: 20px;
    top: 1px;
    left: 0;
    margin-left: 0;
    width: 100%;
    padding-top: 0;
  }

  .article-author__img {
    float: left;
    margin-right: 12px;
  }

  .article-author__text {
    margin-top: 0;
    margin-left: 0;
  }

  .article-author__name {
    font-size: 18px;
    line-height: 20px;
  }
}
@media (max-width: 590px) {
  .article-author__img {
    width: 64px;
    margin-right: 12px;
  }

  .article-author__text {
    margin-top: 0;
    width: 70%;
  }

  .article-author__name {
    font-size: 15px;
    line-height: 20px;
    margin-top: 2px;
  }

  .article-author__name .article--card & {
    font-size: 13px;
  }

  .article-author__position {
    font-size: 13px;
    line-height: 16px;
    margin-top: 0px;
  }
}
.article-author + .paragraph {
  margin-top: 10px
}
@media (min-width: 576px) {
.article-author + .paragraph {
    margin-top: 20px
}
  }
a.apply-banner {
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 30px;
  right: 20px;
  width: 150px;
  height: 95px;
  text-indent: -9999px;
  overflow: hidden;
  outline: none
}
@media(max-width: 590px) {
a.apply-banner {
    width: 100px;
    height: 63.3px;
    right: 15px;
    bottom: 20px
}
  }
a.apply-banner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
a.apply-banner::after {
  background-repeat: no-repeat;
  background-size: 100% 200%;
}
a.apply-banner:hover::after {
  background-position: 0 -95px
}
@media(max-width: 590px) {
a.apply-banner:hover::after {
    background-position: 0 0
}
  }
a.apply-banner--platinum::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/platinum-5ca2da4e5b8e9e2b1665e6895a2c38ed.gif);
}
a.apply-banner--aa::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/aa-52159e4da8d5d54300022294e535e049.gif);
}
a.apply-banner--black::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/black-163a16f859e4d9b270708bbec954d058.gif);
}
a.apply-banner--sme::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/sme-0c59065980f124a92d6e6080ceb6691d.gif);
}
a.apply-banner--isgs::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/isgs-c1d7bab0127d28d301d8e8d63b86f5c5.gif);
}
a.apply-banner--gibdd::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/gibdd-8b02695427fdb76a27112fb1fb20f528.gif);
}
a.apply-banner--s7::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/s7-e22e5dfa0919b5afbc4f03f8df6ea6e0.gif);
}
a.apply-banner--invest::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/invest-2c1bfd38b5164ec3c1ee713e968bc90d.gif);
}
a.apply-banner--lk::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/lk-d204e293a0a750c1d1262cf822d1ed2e.gif);
}
a.apply-banner--drive::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/drive-db5652cb2b3e7c5a35ed67fee3f2213b.png);
}
a.apply-banner--gos::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/gos-4de75fd633bc554caff99414cabc832b.png);
}
a.apply-banner--book::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/book-50c6f73d03230512053dcf432a6ef45f.png);
}
a.apply-banner--inv-manual::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/inv-manual-2bf102ea2135a3b73f92ec738ced323a.png);
}
a.apply-banner--kasko::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/kasko-f44d0412aab1cc2d8da9dc6b55c49c48.png);
}
a.apply-banner--ipoteka::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/ipoteka-7a08f0f00044ee10d1ead1f54f72bb7b.png);
}
a.apply-banner--osago::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/osago-39cfbf1f68ebc71f4a0e1383437c53e0.png);
}
a.apply-banner--ticket::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/ticket-0baf531efebb0cd63e889983a8f107ce.png);
}
a.apply-banner--vklad::after {
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/vklad-8809f7dea61ae7b5e53bc48720f54de0.png);
}
b.bold, strong.bold {
  font-weight: 600;
  font-size: 19px;
  line-height: 1
}
@media (max-width: 590px) {
b.bold, strong.bold {
    font-size: 17px;
    line-height: inherit
}
  }
b.bold.ruble, strong.bold.ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body .bordered {
  border: 1px solid rgba(0, 0, 0, .09);
}
.article-body .outline-bordered {
  display: block;
  border: 1px inset rgba(0, 0, 0, .2);
}
.button, a.button {
  display: inline-block;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
  padding: 10px 20px 13px;
  border-radius: 2px;
  color: #000;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #000;
  cursor: pointer;
}
.button .ruble, a.button .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.button:not(:last-child), a.button:not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .button, a.button {
    width: auto;
  }

  .button:not(:last-child), a.button:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 0;
  }
}
.button:hover, a.button:hover {
  background-color: #fff;
  color: #000;
}
.highlight.highlight--black .button, .highlight.highlight--black a.button {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.highlight.highlight--black .button:hover, .highlight.highlight--black a.button:hover {
  background-color: #ff0000;
  background-color: var(--color-red);
}
.button.button--smooth {
  background-color: #fff;
  color: #000;
  display: inline-block;
  width: auto;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  letter-spacing: .2px;
  padding: 9px 12px
}
@media (min-width: 576px) {
.button.button--smooth {
    font-size: 18px;
    line-height: 20px;
    padding: 11px 20px
}
  }
.button.button--smooth .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.button.button--smooth:hover {
  /* Ставим !important, т.к. цвет текста кнопки из шорткода может вставляться инлайново
  и больший вес селектору с ховером можно задать только так */
  color: #bd1d00 !important;
  color: var(--link-hover-color) !important;
}
.child-chart--full svg {
  margin: 0 auto;
  display: block;
}
.child-chart--full .bar {
  fill: steelblue;
}
.child-chart--full .axis path {
  display: none;
}
@media (max-width: 1000px) {
.child-chart--full {
    display: none
}
  }
.child-chart--mobile {
  display: none
}
@media (max-width: 1000px) {
.child-chart--mobile {
    display: block
}
  }
.article-body .contents-block {
  margin-top: 20px
}
@media (min-width: 576px) {
.article-body .contents-block {
    margin-top: 35px
}
  }
.article-body .contents-heading {
  font-size: 24px;
  margin-bottom: 16px
}
@media (min-width: 576px) {
.article-body .contents-heading {
    margin-bottom: 12px
}
  }
.article-body .contents-heading .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body .contents-heading a {
  outline-offset: 3px;
  padding-bottom: 3px;
}
.article-body .contents > li {
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 8px
}
@media (min-width: 576px) {
.article-body .contents > li {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 10px
}
  }
.article-body .contents a {
  color: #045577;
  color: var(--link-color);
  background-image: linear-gradient(to right, rgba(4, 85, 119, 0.3) 2px, transparent 2px);
  background-image: linear-gradient(to right, rgba(var(--link-color-raw), 0.3) 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 4px 1px;
}
.article-body .contents a:hover, .article-body .contents a.hover {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(to right, rgba(189, 29, 0, 0.3) 2px, transparent 2px);
  background-image: linear-gradient(to right, rgba(var(--link-hover-color-raw), 0.3) 2px, transparent 2px);
}
@-webkit-keyframes light {
  0% {
    color: #000;
  }
  50% {
    color: #FC0E1B;
  }
  100% {
    color: #000;
  }
}
@keyframes light {
  0% {
    color: #000;
  }
  50% {
    color: #FC0E1B;
  }
  100% {
    color: #000;
  }
}
.label-sum {
  position: relative;
}
.fix-counter {
  width: 210px;
  margin-right: 3%;
  padding-right: 2rem;
  position: absolute;
  z-index: -1;
  height: 110px;
  display: inline-block;
  padding-bottom: 5px;
  left: auto;
  right: 100%;
  text-align: left;
  top: 50vh;
  overflow: visible
}
@media (max-width: 1200px) {
.fix-counter {
    margin-right: 0%
}
  }
@media (max-width: 1150px) {
.fix-counter {
    visibility: hidden
}
  }
.fix-counter .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.math {
  color: dodgerblue;
}
.math .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.counter-sum {
  font-size: 32px;
  font-weight: bold;
  padding: 0 2px;
}
.counter-total-block {
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  color: #000;
  position: relative;
  z-index: -1;
  display: inline-block;
  background-color: #fff;
}
.counter-total-block::after {
  content: "";
  left: 0px;
  width: 100%;
  height: 3px;
  pointer-events: none;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 100;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAGCAYAAAAi/KvMAAABKklEQVR4Aa1TAWoDMQyzc91GB/v/R0dhrHFqQIAISjCkBhFOSIp9vnMzuye+Ez/APfGZaIlIjITT6cxB4wQTPMoazi74QV51lyHTFt7g++ku+OGdeOqH+UtkBvgGvXGu6CsoU9WgTFN50HTgkfjF+XCE37Csr8QHwpxeYts0guGgqRVn8oJ4+Fi85KE1Uj+AbY64e4ietB480JkHml6szDHxQzwTgey/xH+i3yB60nYbfXG2G+BA02iw2cvPSs+5Xsyv9zp5gSh5WQ9e5FrhIxqUw+jQhFMTjU4uDtSc1oAv+azwF6zyrbDQSp6eUxU0B7P7/q+TZzB3qa+HRcJUx7lXZQ3R23nW+UyKO8OcR3XZXOuAWHNa89YsVJFTi4mKr9SbmOm9c4rnqV41EkBWQN47TgAAAABJRU5ErkJggg==);
  background-size: cover;
}
.counter-total {
  padding-top: 4px;
  padding-bottom: 2px;
  font-weight: 500;
  font-size: 25px;
  line-height: 27px;
  background-color: #fff;
}
.label-counter {
  text-align: left;
  white-space: nowrap;
  position: absolute;
  display: block;
  width: 190px;
  margin-right: 2.4rem;
  top: 0;
  left: auto;
  right: 100%;
  font-size: 13px;
  line-height: 26px;
  font-weight: 500;
  padding-bottom: 3px;
  z-index: -2;
  background-color: #fff
}
@media (max-width: 1200px) {
.label-counter {
    margin-right: 0%
}
  }
@media (max-width: 1150px) {
.label-counter {
    visibility: hidden
}
  }
.label-counter .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.light .counter-total-block {
  -webkit-animation: light 1s;
          animation: light 1s;
}
.shadow {
  position: relative;
}
.label-counter.showlabel {
  display: none;
}
.lebel-desc {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  display: block;
  margin: 0 !important;
  padding: 0;
  z-index: 0;
  white-space: normal;
  width: 140px;
  margin-right: 2.4rem
}
@media (max-width: 1275px) {
.lebel-desc {
    width: 14vw;
    margin-right: 2.8rem
}
  }
.sticky {
  position: fixed;
  z-index: 101;
}
.stop {
  position: relative;
  z-index: 101;
}
/*@import '/tj-common-components/tj-select.css';*/
/*@import 'credit-timeline!*.css';*/
.cut {
  margin-top: 40px;
}
.cut .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.highlight + .cut {
  margin-top: -10px;
}
@media (max-width: 1150px) {
.cut {
    margin-top: 2rem
}
  }
@media (max-width: 800px) {
.cut {
    margin-top: 1.6rem
}
  }
@media (max-width: 590px) {
.cut {
    margin-top: 1.4rem
}
  }
.cut__link {
  font-size: 24px;
  font-weight: 700
}
@media (max-width: 590px) {
.cut__link {
    font-size: 17px;
    line-height: 25px
}
  }
.cut__link a {
  outline-offset: 3px;
  padding-bottom: 3px;
}
.cut__subtitle {
  display: block;
  font-size: 17px;
  line-height: 25px;
}
.details {
  position: relative;
  margin-top: 2.7rem;
  margin-bottom: 0.9rem
}
@media (max-width: 1150px) {
.details {
    margin-top: 2rem
}
  }
@media (max-width: 800px) {
.details {
    margin-top: 1.6rem
}
  }
@media (max-width: 590px) {
.details {
    margin-top: 1.4rem
}
  }
.details .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
@media (max-width: 590px) {
.details__link, .details__pseudolink {
    font-size: 17px;
    line-height: 25px
}
  }
.details__link::after, .details__pseudolink::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
button.details__button {
  cursor: pointer;
  padding: 0;
}
button.details__button:focus {
   outline: none;
}
button.details__button:active {
  outline: none;
}
.details__pseudolink {
  color: #045577;
  color: var(--link-color);
  background-image: linear-gradient(to right, rgba(4, 85, 119, 0.3) 10px, transparent 10px);
  background-image: linear-gradient(to right, rgba(var(--link-color-raw), 0.3) 10px, transparent 10px);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 13px 1px;
  padding-bottom: 1px;
}
.details__pseudolink:hover, .details__pseudolink.hover {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(to right, rgba(189, 29, 0, 0.15) 10px, transparent 10px);
  background-image: linear-gradient(to right, rgba(var(--link-hover-color-raw), 0.15) 10px, transparent 10px);
}
.details-content > :first-child {
  margin-top: 0;
}
.details.unfolded + .details-content {
  margin-top: 33px
}
@media (max-width: 1150px) {
.details.unfolded + .details-content {
    margin-top: 26px
}
  }
@media (max-width: 590px) {
.details.unfolded + .details-content {
    margin-top: 1.3rem
}
  }
.article-body .details.highlight {
  cursor: pointer;
  border-top: 1px solid rgba(0, 0, 0, .18);
  padding-top: 10px;
  padding-bottom: 15px;
  margin-top: 0;
  margin-bottom: 0
}
@media (max-width: 590px) {
.article-body .details.highlight {
    padding-top: 8px;
    padding-bottom: 12px
}
  }
.article-body .details.highlight.unfolded {
  background-color: transparent;
  padding-bottom: 0;
}
.article-body .dictionary .heading {
  margin-top: 33px;
  margin-bottom: 15px;
  font-size: 21px;
  line-height: 27px;
  font-weight: 600
}
@media (max-width: 590px) {
.article-body .dictionary .heading {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0.4rem
}
  }
.article-body .dictionary .heading .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.dot-example {
  width: 500px;
  padding-left: 2.5rem;
  margin: 0 auto;
}
.dot-example td {
  white-space: nowrap;
  vertical-align: baseline;
  margin-bottom: 1rem;
}
.dot-example .dotted {
  width: 100%;
  vertical-align: 30%
}
.dot-example .dotted div {
  line-height: 1ex;
  display: inline-block;
  width: 100%;
  border-bottom: 1px dotted;
}
.article-body .download-link {
  display: inline-block;
  margin-left: 5px;
  margin-top: -1px;
  padding: 1px 6px 0px;
  font-size: 13px;
  line-height: 15px;
  white-space: nowrap;
  top: 0px !important;
  text-transform: uppercase;
  text-decoration: none;
  background: 0 0;
  color: #045577;
  border-radius: 3px;
  border: 1px solid rgba(4, 85, 119, .5);
}
.article-body .download-link:hover, .article-body .download-link.hover {
  border: 1px solid rgba(189, 29, 0, 0.5);
  color: #bd1d00;
  color: var(--link-hover-color);
  background: none !important;
}
.article-body .example {
  padding-left: 2.5rem
}
@media (max-width: 590px) {
.article-body .example {
    padding-left: 1.2rem
}
  }
.article-body .example-with-heading {
  padding-bottom: 1.4rem
}
@media (max-width: 1156px) {
.article-body .example-with-heading {
    padding-bottom: 0.9rem
}
  }
@media (max-width: 590px) {
.article-body .example-with-heading {
    padding-bottom: 1.2rem
}
  }
.article-body .example-with-heading .heading {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 2.7px;
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 13px;
  padding-bottom: 6px
}
@media (max-width: 590px) {
.article-body .example-with-heading .heading {
    font-size: 16px !important;
    padding-top: 8px;
    padding-bottom: 2px
}
  }
.article-body .example-with-heading .heading .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body .example-with-heading p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0.9rem !important
}
@media (max-width: 1150px) {
.article-body .example-with-heading p {
    font-size: 15px !important;
    line-height: 21px !important;
    margin-bottom: 0.7rem !important
}
  }
@media (max-width: 590px) {
.article-body .example-with-heading p {
    font-size: 14px !important;
    line-height: 18px !important;
    margin-bottom: 0.5rem !important
}
  }
.article-body .fotorama {
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 0.6rem;
  margin-left: 0 !important;
  min-height: 200px
}
@media (max-width: 1150px) {
.article-body .fotorama {
    max-width: 700px
}
  }
@media (max-width: 800px) {
.article-body .fotorama {
    max-width: 550px;
    width: auto
}
  }
@media (max-width: 590px) {
.article-body .fotorama {
    margin-top: 1.6rem
}
  }
.article-body .fotorama--no-margin .fotorama__nav__shaft {
  margin-top: 0px;
}
.article-body .fotorama--center-navigation {
  margin: 0 auto;
}
.article-body .fotorama--center-navigation .fotorama__nav__shaft {
  float: none;
}
.article-body .fotorama--docs .fotorama__nav__shaft .fotorama__loaded--img {
  border: 1px solid rgba(0, 0, 0, .2) !important;
  display: inline-block !important;
}
.article-body .fotorama__stage-frame--bordered img {
  border: 1px solid rgba(0, 0, 0, .2) !important;
}
.article-body .fotorama__stage__shaft {
  position: relative;
}
.article-body .fotorama__active {
  position: relative;
}
.article-body .fotorama__active .fotorama__img, .article-body .fotorama__active .fotorama__caption {
  position: static;
}
.article-body .fotorama__img {
  display: block;
}
.article-body .fotorama__stage {
  height: auto !important;
}
.article-body .fotorama__caption {
  margin-top: 20px;
  font-size: 14px;
  line-height: 18px;
  color: black
}
@media (max-width: 590px) {
.article-body .fotorama__caption {
    font-size: 13px;
    line-height: 16px
}
  }
.article-body .fotorama__caption .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body .fotorama__caption__wrap {
  background: transparent;
  padding: 0 !important;
}
.article-body .fotorama__stage__frame img {
  margin: 0 !important;
}
.article-body.fotorama__stage__frame, .article-body .fotorama__nav, .article-body .fotorama__stage {
  overflow: visible;
}
.article-body .fotorama__nav {
  text-align: left;
}
.article-body .fotorama__nav::before, .article-body .fotorama__nav::after {
  display: none;
}
.article-body .fotorama__nav__shaft {
  margin-top: 15px;
  margin-bottom: 2rem;
}
@media (max-width: 1150px) {
  .article-body .fotorama__wrap, .article-body .fotorama__stage__shaft, .article-body .fotorama__img {
    max-width: 700px;
    height: auto;
  }
}
@media (max-width: 800px) {
  .article-body .fotorama__wrap, .article-body .fotorama__stage__shaft, .article-body .fotorama__img {
    max-width: 550px;
    width: auto;
    height: auto;
  }
}
.article-body .fotorama__nav__shaft {
  margin-bottom: 2rem;
}
@media (max-width: 590px) {
  .article-body .fotorama__wrap, .article-body .fotorama__stage__shaft, .article-body .fotorama__img {
    max-width: calc(100vw - 30px);
    min-width: 290px;
  }

  .article-body .fotorama__nav__shaft {
    margin-bottom: 1.4rem !important;
  }
}
.fotoramovna {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.fotoramovna .fotorama {
  margin: 0;
  padding-bottom: 3.5rem;
  padding-top: 2rem;
}
.fotoramovna .fotorama__img, .fotoramovna .fotorama__caption {
  position: static;
}
.fotoramovna .fotorama__caption {
  margin-top: .4rem;
}
.fotoramovna__cell {
  padding: 5px 0;
}
.article-body .highlight {
  padding: 0 27px 40px 12px;
  margin: 40px -28px 30px -11px;
  position: relative;
  background-color: #f6f6ee;
  background-color: var(--beige)
}
@media (max-width: 980px) {
.article-body .highlight {
    margin: 32px -12px;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px
}
  }
@media (max-width: 590px) {
.article-body .highlight {
    padding-top: 8px;
    padding-bottom: 20px;
    margin: 35px -8px 32px;
    padding-left: 8px;
    padding-right: 8px
}
  }
.article-body .highlight > :first-child, .article-body .highlight > .with-aside:first-child > :first-child {
  margin-top: 0;
}
.article-body .highlight > :last-child:not(.news-cut) {
  margin-bottom: 0 !important;
}
.article-body .highlight > :last-child .aside, .article-body .highlight> :last-child .aside * {
  margin-bottom: 0 !important;
}
.article-body .highlight > table {
  margin-bottom: 0;
}
.article-body .highlight .media-container {
  width: auto;
}
.article-body .highlight .media-container:last-child .u-signature {
  margin-bottom: -5px;
}
.article-body .highlight + .summary h2.summary__title {
  padding-top: 0;
}
.article-body .highlight--with-heading {
  padding-top: 10px
}
@media (max-width: 590px) {
.article-body .highlight--with-heading {
    padding-top: 7px
}
  }
.article-body .highlight--with-heading .subheading {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 30px
}
@media (max-width: 590px) {
.article-body .highlight--with-heading .subheading {
    margin-bottom: 12px;
    line-height: 25px;
    font-size: 17px
}
  }
.article-body .highlight--with-heading .subheading + table {
  margin-top: 0rem;
}
.article-body .highlight--with-heading p:not(:last-child) {
  margin-bottom: 20px !important;
}
@media (max-width: 590px) {
.article-body .highlight--with-heading p {
    margin-bottom: 16px !important
}
  }
.article-body .highlight--with-heading p:last-of-type {
  margin-bottom: 0;
}
.article-body .highlight--with-aside .with-aside {
  vertical-align: top;
  display: inline-block;
}
@media (max-width: 800px) {
.article-body .highlight--with-aside aside {
    margin: 5px 0 1rem
}
  }
.article-body .highlight--with-aside aside .aside__text p {
  font-size: 13px !important;
  line-height: 16px !important;
}
.article-body .highlight--with-aside aside .aside__text p .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body .highlight--with-aside aside .aside__text p:last-of-type {
  margin-bottom: 0rem !important;
}
.article-body .highlight--with-aside:last-child {
  margin-bottom: 0;
}
.article-body .highlight--wide {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  box-shadow: calc(30px * -1) 0 0 #f6f6ee, 30px 0 0 #f6f6ee;
  box-shadow: calc(var(--article-column-margin) * -1) 0 0 var(--beige), var(--article-column-margin) 0 0 var(--beige)
}
@media (min-width: 1460px) {
.article-body .highlight--wide {
    box-shadow: calc((100vw - 1400px/2) / -2) 0 0 #f6f6ee, calc((100vw - 1400px) / 2) 0 0 #f6f6ee;
    box-shadow: calc((100vw - var(--max-article-column-width)/2) / -2) 0 0 var(--beige), calc((100vw - var(--max-article-column-width)) / 2) 0 0 var(--beige)
}
  }
@media (max-width: 1310px) {
.article-body .highlight--wide {
    width: 160%
}
  }
@media (max-width: 1150px) {
.article-body .highlight--wide {
    width: 133.333%
}
  }
@media (max-width: 980px) {
.article-body .highlight--wide {
    width: 100%
}
  }
@media (min-width: 1460px) {
  .article-body--with-sidebar .article-body .highlight--wide {
    width: 160%;
  }
}
.article-body .highlight--wide> :first-child, .article-body .highlight--wide> .with-aside:first-child > :first-child {
  margin-top: 0;
}
.article-body .highlight--wide > :last-child {
  margin-bottom: 0rem !important;
}
@media (max-width: 1310px) {
.article-body .highlight--wide .with-aside, .article-body .highlight--wide > .heading, .article-body .highlight--wide > .subheading, .article-body .highlight--wide > p {
    width: calc(100% / 8 * 5)
}
  }
@media (max-width: 1150px) {
.article-body .highlight--wide .with-aside, .article-body .highlight--wide > .heading, .article-body .highlight--wide > .subheading, .article-body .highlight--wide > p {
    width: calc(100% / 4 * 3)
}
  }
@media (max-width: 980px) {
.article-body .highlight--wide .with-aside, .article-body .highlight--wide > .heading, .article-body .highlight--wide > .subheading, .article-body .highlight--wide > p {
    width: 100%
}
  }
.article-body .highlight--huge {
  margin-top: 70px;
  margin-bottom: 60px;
  padding-bottom: 40px;
  padding-top: 30px;
}
.article-body .highlight--huge .heading {
  margin-bottom: 10px;
  line-height: 40px
}
@media (max-width: 590px) {
.article-body .highlight--huge .heading {
    line-height: 32px;
    margin-bottom: 24px
}
  }
.article-body .highlight--huge p {
  margin-bottom: 20px !important;
}
@media (max-width: 590px) {
.article-body .highlight--huge {
    padding-top: 24px !important;
    padding-bottom: 16px !important;
    margin-bottom: 48px !important;
    margin-top: 48px !important
}
  }
.article-body .highlight--feature .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body .highlight--feature p {
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 10px !important
}
@media (max-width: 800px) {
.article-body .highlight--feature p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 9px !important
}
  }
.article-body .highlight--black {
  background: #000;
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 20px;
}
.article-body .highlight--black .subheading {
  color: #ff0000;
  color: var(--color-red);
}
.article-body .highlight--black a {
  color: #ff0000;
  color: var(--color-red);
}
.article-body .highlight--black a, .article-body .highlight--black a u {
  background-image: linear-gradient(rgba(255, 0, 0, 0.3), rgba(255, 0, 0, 0.3));
  background-image: linear-gradient(rgba(var(--color-red-raw), 0.3), rgba(var(--color-red-raw), 0.3));
}
.article-body .highlight--black a:hover, .article-body .highlight--black a.hover, .article-body .highlight--black a:hover u, .article-body .highlight--black a.hover u {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(rgba(189, 29, 0, 0.3), rgba(189, 29, 0, 0.3));
  background-image: linear-gradient(rgba(var(--link-hover-color-raw), 0.3), rgba(var(--link-hover-color-raw), 0.3));
}
.article-body .highlight--black a.birmanized-anchor {
  background-image: none !important;
}
.clubbish .article-body .highlight .mobile-table, .clubbish .article-body .highlight .desktop-table {
  background-color: inherit;
  box-shadow: none;
}
.highlight__buttons {
  margin-top: 75px;
}
.hints {
  position: relative;
  display: table;
  margin: 2rem 0;
  padding: 0 180px;
}
.hints img {
  width: 100%;
  position: relative;
  z-index: 0;
}
@media (max-width: 900px) {
.hints {
    margin: 0;
    padding: 0
}
  }
.hints--left {
  padding-left: 0;
}
.hints__item {
  font-size: 13px;
  line-height: 16px;
  word-break: normal;
  color: black;
  position: absolute;
  width: 150px;
  top: 0;
  visibility: hidden;
}
.hints__item .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.hints__item.visible {
  visibility: visible;
}
@media (max-width: 900px) {
.hints__item {
    visibility: hidden !important
}
  }
.hints__item--leftside {
  left: 0;
}
.hints__item--rightside {
  right: 0;
  width: 150px;
}
.hints__item  strong {
  font-size: 13px !important;
}
.hints__viewbox {
  position: relative;
}
.hints__line {
  width: 100%;
  position: absolute;
}
.hints__line-box {
  position: absolute;
  box-sizing: content-box;
  z-index: 1
}
@media (max-width: 900px) {
.hints__line-box {
    visibility: hidden !important
}
  }
.hints__line line {
  stroke: rgba(0, 0, 0, 1);
  stroke-width: 0.3;
  z-index: 401;
}
.hints__line--to-bottom {
  height: calc(100% - 8px);
  bottom: 0;
  left: 0;
}
.hints__line--to-top {
  height: calc(100% + 6px);
  top: 0;
  right: 0;
}
.hints__line--horizontal {
  top: 7px;
  left: 0;
}
.hints__line--horizontal line {
  stroke-width: 0.6;
}
.hints__area {
  width: 1px;
  background: black;
  position: absolute;
  opacity: .3;
}
.hints__area--leftside {
  left: 0;
  margin-left: -15px;
}
.hints__area--rightside {
  right: 0;
  margin-right: -15px;
}
@media (max-width: 900px) {
.hints__area {
    visibility: hidden !important
}
  }
.hints + .u-signature {
  margin-top: -1.1rem !important;
  margin-bottom: 2rem !important
}
@media (max-width: 900px) {
.hints + .u-signature {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}
  }
/* Legacy layout support */
.hints__column--left .hints__item {
  left: 0;
}
.hints__column--right .hints__item {
  right: 0;
}
.article-body .icon {
  max-width: 1em;
  height: auto;
}
.incut {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 17px;
}
.incut .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.incut a {
  color: #2e2ee5;
  background-image: none;
}
.incut a:hover {
  color: #0000B2;
  background-image: none;
}
.article-body .inset {
  padding-left: 15px;
  margin-left: 30px;
  position: relative;
  top: 9px;
}
.article-body .inset::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 1px;
  background-color: #b6b6b6;
  height: calc(100% - 10px);
}
.article-body .inset + .article-body .inset::before {
  top: -24px;
  height: calc(100% + 20px);
}
.article-body .inset p {
  top: 0;
}
.article-body .inset--small {
  font-size: 15px !important;
  line-height: 20px !important
}
@media (max-width: 590px) {
.article-body .inset--small {
    margin-left: 0;
    font-size: 14px !important;
    line-height: 16px !important
}
  }
.article-body .inset--small::before {
  top: 3px;
  height: calc(100% - 8px);
}
i.italic, em.italic {
  font-style: italic;
}
i.italic .ruble, em.italic .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body h1 .label, .article-body h2 .label, .article-body h3 .label {
  display: table;
  margin-top: 70px;
  margin-bottom: 1px;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px
}
@media (max-width: 590px) {
.article-body h1 .label, .article-body h2 .label, .article-body h3 .label {
    font-size: 10px;
    line-height: 20px;
    margin-top: 0px;
    letter-spacing: 0.9px;
    margin-bottom: 0px
}
  }
.article-body .lawcard {
  text-align: center;
  max-width: 590px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 36px
}
@media (max-width: 590px) {
.article-body .lawcard {
    margin-bottom: 28px
}
  }
.article-body .lawcard__timer {
  margin-top: 8px;
  opacity: 0;
}
.article-body .lawcard__timer.visible {
  opacity: 1;
}
.article-body .lawcard__title {
  font-size: 36px;
  line-height: 1.12;
  margin-bottom: 90px
}
@media (max-width: 590px) {
.article-body .lawcard__title {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 40px;
    font-size: 23px;
    line-height: 1.39
}
  }
.article-body .lawcard__timer, .article-body .lawcard__description {
  font-size: 14px;
  line-height: 1.43
}
@media (max-width: 590px) {
.article-body .lawcard__timer, .article-body .lawcard__description {
    font-size: 13px;
    line-height: 1.23
}
  }
.article-body .lawcard__timer .ruble, .article-body .lawcard__description .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.list {
  margin: 0 0 10px 0;
  padding-left: 45px
}
@media (max-width: 590px) {
.list {
    padding-left: 25px;
    margin-bottom: 8px
}
  }
.list > li {
  position: relative;
  margin-bottom: 10px
}
@media (max-width: 590px) {
.list > li {
    margin-bottom: 8px
}
  }
.highlight .list {
  margin-bottom: 10px;
  padding-left: 30px;
}
.highlight .list > li:last-of-type {
  margin-bottom: 0;
}
.highlight--wide .list {
  width: 50%

  /* 5/8 columns */
}
@media (max-width: 1310px) {
.highlight--wide .list {
    width: calc(100% / 8 * 5)
}
  }
.highlight--wide .list {

  /* 3/4 columns */
}
@media (max-width: 1150px) {
.highlight--wide .list {
    width: calc(100% / 4 * 3)
}
  }
.highlight--wide .list {

  /* Full-width column */
}
@media (max-width: 980px) {
.highlight--wide .list {
    width: 100%
}
  }
/* Упорядоченный нумерованный список */
.list.list--ordered {
  counter-reset: list
}
@media (max-width: 590px) {
.list.list--ordered {
    padding-left: 0
}
  }
.list.list--ordered > li::before {
  counter-increment: list;
  content: counter(list) ". ";
}
.highlight--with-heading .list.list--ordered {
  margin-bottom: 0;
}
/* Нумерованный список с выносными цифрами по Мильчину */
.list.list--bullet_milchin {
  counter-reset: list
}
@media (max-width: 590px) {
.list.list--bullet_milchin {
    padding-left: 0;
    margin-bottom: 24px
}
  }
.list.list--bullet_milchin > li {
  margin-bottom: 10px
}
@media (max-width: 590px) {
.list.list--bullet_milchin > li {
    margin-bottom: 8px;
    margin-left: 25px
}
  }
.list.list--bullet_milchin > li:nth-child(n + 10)::before {
  margin-left: -36px
}
@media (max-width: 590px) {
.list.list--bullet_milchin > li:nth-child(n + 10)::before {
    margin-left: -34px
}
  }
.list.list--bullet_milchin > li::before {
  counter-increment: list;
  content: counter(list) ". ";
  margin-left: -25px;
  display: inline-block;
  vertical-align: top;
  margin-right: 7px
}
@media (max-width: 590px) {
.list.list--bullet_milchin > li::before {
    margin-left: -25px;
    margin-right: 10px
}
  }
.highlight .list.list--bullet_milchin {
  margin-top: calc(1.2rem - 7px) !important
}
@media (max-width: 1150px) {
.highlight .list.list--bullet_milchin {
    margin-left: 0
}
  }
@media (max-width: 1150px) {
  .highlight .list.list--bullet_milchin > li {
    margin-left: 17px;
  }
}
@media (max-width: 590px) {
  .highlight .list.list--bullet_milchin > li {
    margin-left: 25px;
  }
}
.highlight--with-aside .list.list--bullet_milchin {
  display: inline-block;
}
/* Добавляет жирность для буллитов списка,
у нас используется для нумерованных списков по Мильчину .list--bullet_milchin */
.list.list--bullet_bold > li:first-child::before {
  margin-left: -18px;
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
  font-weight: bold;
  margin-top: 1px
}
@media (max-width: 1150px) {
.list.list--bullet_bold > li:first-child::before {
    margin-right: 3px;
    margin-left: -18px
}
  }
@media (max-width: 590px) {
.list.list--bullet_bold > li:first-child::before {
    margin-left: -16px
}
  }
.list.list--bullet_bold > li:first-child::before .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.list.list--bullet_bold > li::before {
  margin-left: -21px;
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
  font-weight: bold;
  margin-top: 1px
}
@media (max-width: 1150px) {
.list.list--bullet_bold > li::before {
    margin-right: 3px;
    margin-left: -21px
}
  }
@media (max-width: 590px) {
.list.list--bullet_bold > li::before {
    margin-left: -18px
}
  }
.list.list--bullet_bold > li::before .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
/* Список в буллитами в виде тире */
@media (max-width: 590px) {
.list.list--bullet_mdash {
    padding-left: 25px
}
  }
.list.list--bullet_mdash > li::before {
  content: "—  ";
  position: relative;
  left: -6px;
  margin-left: -21px;
  display: inline-block;
  vertical-align: top;
  margin-right: 0
}
@media (max-width: 590px) {
.list.list--bullet_mdash > li::before {
    margin-left: -20px;
    margin-right: 2px
}
  }
.desktop-table .list.list--bullet_mdash > li::before {
  margin-right: 8px
}
@media (max-width: 1150px) {
.desktop-table .list.list--bullet_mdash > li::before {
    margin-left: -20px
}
  }
@media (max-width: 910px) {
.desktop-table .list.list--bullet_mdash > li::before {
    margin-left: -21px
}
  }
/* Буквенный список */
.list.list--bullet_letter {
  list-style: none;
}
@media (max-width: 590px) {
.list.list--bullet_letter > li {
    margin-bottom: 8px;
    margin-left: 25px
}
  }
.list.list--bullet_letter > li::before {
  width: 25px;
  text-align: right;
  position: absolute;
  right: calc(100% + 6px)
}
@media (max-width: 590px) {
.list.list--bullet_letter > li::before {
    right: calc(100% + 9px)
}
  }
.list.list--bullet_letter > li:nth-child(0)::before {
  content: "_) "
}
.list.list--bullet_letter > li:first-child::before {
  content: "\430) "
}
.list.list--bullet_letter > li:nth-child(2)::before {
  content: "\431) "
}
.list.list--bullet_letter > li:nth-child(3)::before {
  content: "\432) "
}
.list.list--bullet_letter > li:nth-child(4)::before {
  content: "\433) "
}
.list.list--bullet_letter > li:nth-child(5)::before {
  content: "\434) "
}
.list.list--bullet_letter > li:nth-child(6)::before {
  content: "\435) "
}
.list.list--bullet_letter > li:nth-child(7)::before {
  content: "\436) "
}
.list.list--bullet_letter > li:nth-child(8)::before {
  content: "\437) "
}
.list.list--bullet_letter > li:nth-child(9)::before {
  content: "\438) "
}
.list.list--bullet_letter > li:nth-child(10)::before {
  content: "\43A) "
}
.list.list--bullet_letter > li:nth-child(11)::before {
  content: "\43B) "
}
@media (max-width: 590px) {
.highlight .list.list--bullet_letter {
    padding-left: 0
}
  }
/* Список с кастомными буллитами для каждого элемента списка.
Берутся из атрибута data-bullet */
.list.list--bullet_custom {
  list-style: none;
}
.list.list--bullet_custom > li::before {
  content: attr(data-bullet);
  display: inline-block;
  width: 30px;
  margin-left: -35px;
  text-align: right;
  margin-right: 5px;
}
.article-body div + .list, .article-body p + .list {
  margin-top: -10px
}
@media (max-width: 590px) {
.article-body div + .list, .article-body p + .list {
    margin-top: -8px
}
  }
@media (max-width: 590px) {
.article-body .with-aside + .list {
    margin-top: 0
}
  }
.article-body .list + div, .article-body .list + p {
  margin-top: 10px
}
@media (max-width: 590px) {
.article-body .list + div, .article-body .list + p {
    margin-top: 8px
}
  }
.article-body .list + .highlight {
  margin-top: 30px !important
}
@media (max-width: 590px) {
.article-body .list + .highlight {
    margin-top: 24px
}
  }
.article-body .heading + .list {
  margin-top: 20px;
}
@media (max-width: 590px) {
.article-body p + .list.list--bullet_milchin {
    margin-top: -8px
}
  }
.article-body .subheading + .list {
  margin-top: 0;
}
.article-body .list.list--bullet_milchin + div, .article-body .list.list--bullet_milchin + p {
  margin-top: 0
}
@media (max-width: 590px) {
.article-body .list.list--bullet_milchin + div, .article-body .list.list--bullet_milchin + p {
    margin-top: calc(16px + 8px)
}
  }
.article-body .heading + .list.list--bullet_milchin {
  margin-top: 0;
}
.article-body .subheading + .list, .article-body .heading + .list {
  padding-left: 0;
}
.article-body .subheading + .list.list--bullet_milchin, .article-body .heading + .list.list--bullet_milchin {
  padding-left: 25px
}
@media (max-width: 590px) {
.article-body .subheading + .list.list--bullet_milchin, .article-body .heading + .list.list--bullet_milchin {
    padding-left: 0
}
  }
.article-body .heading + .list.list--bullet_mdash, .article-body .subheading + .list.list--bullet_mdash {
  padding-left: 30px;
}
.highlight p + .list.list--bullet_milchin, .highlight p + .list {
  margin-top: -10px !important;
}
.media-container {
  position: relative;
  margin-top: 42px;
  margin-bottom: 20px;
  line-height: 0;

  width: 200%
}
@media (max-width: 1310px) {
.media-container {
    width: 160%
}
  }
@media (max-width: 1150px) {
.media-container {
    width: 133.333%
}
  }
@media (max-width: 980px) {
.media-container {
    width: 100%
}
  }
@media (min-width: 1460px) {
  .article-body--with-sidebar .media-container {
    width: 160%;
  }
}
.article--hustle .media-container {
  margin-bottom: 32px
}
@media (max-width: 590px) {
.article--hustle .media-container {
    margin-bottom: 25px
}
  }
.media-container--column, .article-body--with-sidebar .media-container--column {
  width: 100%;
}
.media-container__wrap {
  position: relative;
}
.media-container__ratiobox {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
}
.media-container__ratiobox::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--lqip) center no-repeat;
  background-size: cover;
  z-index: 1;
}
.media-container__ratiobox.lazyloaded::after {
  z-index: -1;
  display: none;
}
.media-container__ratiobox.with-border {
  border: 1px solid rgba(0, 0, 0, .2);
}
.media-container__ratiobox.with-border--mobile {
  border: 1px solid rgba(0, 0, 0, .2)
}
@media (min-width: 576px) {
.media-container__ratiobox.with-border--mobile {
    border: none
}
  }
@media (min-width: 576px) {
.media-container__ratiobox.with-border--desktop {
    border: 1px solid rgba(0, 0, 0, .2)
}
  }
.media-container__image {
  display: block;
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  text-indent: -9999px;
  z-index: 0;
}
.article--review .media-container__image {
  border-radius: 3px
}
@media (min-width: 576px) {
.article--review .media-container__image {
    border-radius: 7px
}
  }
.media-container > .u-signature {
  width: 50%

  /* 5/8 columns */
}
@media (max-width: 1310px) {
.media-container > .u-signature {
    width: calc(100% / 8 * 5)
}
  }
.media-container > .u-signature {

  /* 3/4 columns */
}
@media (max-width: 1150px) {
.media-container > .u-signature {
    width: calc(100% / 4 * 3)
}
  }
.media-container > .u-signature {

  /* Full-width column */
}
@media (max-width: 980px) {
.media-container > .u-signature {
    width: 100%
}
  }
.article-body a.media-container__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  /* Прячет текст */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.media-container--column .u-signature, .highlight .media-container .u-signature {
  width: 100%;
}
@media (max-width: 590px) {
.media-container + p {
    margin-top: 12px
}
  }
.media-container--no-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.media-container--with-hints .u-signature {
  margin-left: 0;
  text-align: left
}
@media (max-width: 614px) {
.media-container--with-hints .u-signature {
    text-align: left
}
  }
.media-container--with-hints-left, .media-container--with-hints-left-right {
  left: 0;
  padding-left: 0;
}
.media-container--with-hints-left .u-signature, .media-container--with-hints-left-right .u-signature {
  margin-left: 0;
  margin-right: 0;
}
.media-container--with-hints-left .u-signature {
  text-align: left;
}
.media-container--heading-badge {
  padding-top: 30px;
  margin-bottom: 0
}
@media (max-width: 800px) {
.media-container--heading-badge {
    padding-top: 20px
}
  }
@media (max-width: 590px) {
.media-container--heading-badge {
    padding-top: 15px
}
  }
.media-container--heading-badge a {
  background-image: none !important;
}
.media-container--w-padding {
  padding-top: 30px;
  padding-bottom: 30px
}
@media (max-width: 800px) {
.media-container--w-padding {
    padding-top: 20px;
    padding-bottom: 20px
}
  }
@media (max-width: 590px) {
.media-container--w-padding {
    padding-top: 15px;
    padding-bottom: 15px
}
  }
.media-container--w-top-padding {
  padding-top: 30px
}
@media (max-width: 800px) {
.media-container--w-top-padding {
    padding-top: 20px
}
  }
@media (max-width: 590px) {
.media-container--w-top-padding {
    padding-top: 15px
}
  }
.media-container--w-bottom-padding {
  padding-bottom: 30px
}
@media (max-width: 800px) {
.media-container--w-bottom-padding {
    padding-bottom: 20px
}
  }
@media (max-width: 590px) {
.media-container--w-bottom-padding {
    padding-bottom: 15px
}
  }
.video {
  position: relative;
  width: 100%;
  height: auto !important;
  margin-bottom: 0;
}
.video--center .video__inner {
  max-width: 1000px;
  margin: 0 auto;
}
.video__inner {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.video ~ .u-signature {
  margin-top: 0.75rem;
}
.big-media-padding {
  margin: 3.6rem 0 3.6rem
}
@media (max-width: 1150px) {
.big-media-padding {
    margin-bottom: 2.1rem;
    margin-top: 2.3rem
}
  }
.article--review .subheading + .media-container {
  /* У вышестоящего заголовка (.subheading) нижний маржин слишком большой.
   Мы не можем его переопределить, т.к. нет селектора, который позволяет брать элемент стоящий до (обратный селектору +),
  потому компенсируем отрицательным margin-top у .media-container */
  margin-top: -4px;
  margin-bottom: 7px
}
@media (min-width: 576px) {
.article--review .subheading + .media-container {
    margin-top: 19px;
    margin-bottom: 10px
}
  }
.article--review .subheading + .media-container + p {
  margin-top: 7px;
}
.article--review .heading + .media-container {
  margin-top: 10px;
  margin-bottom: 7px
}
@media (min-width: 576px) {
.article--review .heading + .media-container {
    margin-top: 15px;
    margin-bottom: 10px
}
  }
.article--review .heading + .media-container + p {
  margin-top: 7px;
}
.media-container--for-table .media-container > .u-signature {
  width: 100%;
}
@media(max-width: 980px) {
.article-body .media-container--doc {
    position: relative;
    top: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}
  }
@media(max-width: 980px) {
  .article-body .media-container--doc .outline-bordered {
    border-color: #d0d0d0;
    border-style: solid;
    border-bottom-color: transparent;
    border-top-color: transparent;
  }

  .article-body .media-container--doc .outline-bordered:first-child {
    border-top: 1px solid #d0d0d0;
  }

  .article-body .media-container--doc .outline-bordered:last-child {
    border-bottom: 1px solid #d0d0d0;
  }
}
@media(max-width: 980px) {
.article-body .media-container--doc .media-container__doc + .media-container__doc > .ol--six-2, .article-body .media-container--doc .media-container__doc + .media-container__doc > .ol--nine-2 {
    margin-top: -58px
}
  }
.article-body .media-container--doc .media-container__doc {
  width: 675px;
  height: 1012px;
  padding: 50px 50px 80px;
  margin-bottom: 25px;
  position: relative;
  z-index: 2
}
@media(max-width: 590px) {
.article-body .media-container--doc .media-container__doc {
    padding-top: .8rem!important;
    padding-bottom: 1.4rem!important;
    margin-left: -.7rem;
    margin-right: -.6em;
    padding-left: .6rem;
    padding-right: .6rem
}
  }
@media(max-width: 980px) {
.article-body .media-container--doc .media-container__doc {
    padding: .9rem .8rem 1.4rem;
    height: auto;
    margin-bottom: 0;
    width: 100%
}
  }
@media(max-width: 980px) {
  .article-body .media-container--doc .media-container__doc .with-aside:first-child {
    margin-top: calc(10px - 25px - 1.4rem - 35px);
  }
}
@media(max-width: 980px) {
.article-body .media-container--doc .media-container__doc--last {
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, .09)
}
  }
@media(max-width: 980px) {
.article-body .media-container--doc .media-container__doc--top {
    border-top: 1px solid rgba(0, 0, 0, .09)
}
  }
.article-body .media-container--doc .media-container__doc--min-height {
  height: calc(1012px - 500px)
}
@media(max-width: 980px) {
.article-body .media-container--doc .media-container__doc--min-height {
    height: auto
}
  }
.article-body .media-container--doc .u-signature {
  margin-bottom: 1rem;
  font-size: 18px !important;
  line-height: 26px !important;
  margin-bottom: calc(40px)
}
@media(max-width: 980px) {
.article-body .media-container--doc .u-signature {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 0px
}
  }
@media(max-width: 980px) {
.article-body .media-container--doc .h-margin {
    margin-top: -20px !important
}
  }
.article-body .media-container--doc .h-no-margin {
  margin-left: 0;
}
.article-body .media-container--doc .indent {
  margin-left: -28px
}
@media(max-width: 980px) {
.article-body .media-container--doc .indent {
    margin-left: 0px !important
}
  }
.article-body .media-container--doc p {
  font-size: 14px;
  line-height: 20px;
}
.article-body .media-container--doc .with-margin {
  margin-bottom: 45px
}
@media(max-width: 980px) {
.article-body .media-container--doc .with-margin {
    margin-bottom: 0.7rem
}
  }
.article-body .media-container--doc i {
  font-family: "FF More", Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 18px;
}
.article-body .media-container--doc table tr {
  width: 100%;
}
.article-body .media-container--doc table tr td {
  width: 33.33%;
}
.article-body .media-container--doc .aside__text p {
  font-size: 13px;
  line-height: 16px
}
@media(max-width: 980px) {
.article-body .media-container--doc .aside__text p {
    margin-right: 0.6rem;
    margin-left: 0.6rem
}
  }
@media(max-width: 980px) {
  .article-body .media-container--doc .aside__text p:last-child::after {
    content: ':';
  }
}
.article-body .media-container--doc .ol li::before {
  margin-left: -27px;
  margin-right: 3px
}
@media(max-width: 980px) {
.article-body .media-container--doc .ol li::before {
    margin-right: 3px;
    margin-left: 0px
}
  }
@media(max-width: 980px) {
.article-body .media-container--doc .ol li {
    margin-left: 0px
}
  }
.article-body .media-container--doc .ol--one li::before {
  content: "1. " counter(list) ".";
}
@media(max-width: 980px) {
.article-body .media-container--doc .ol--four {
    margin-bottom: 0 !important
}
  }
@media(max-width: 980px) {
  .article-body .media-container--doc .ol--four + * {
    margin-top: 0 !important;
  }
}
.article-body .media-container--doc .ol--four li::before {
  content: "4. " counter(list) ".";
}
.article-body .media-container--doc .ol--five li::before {
  content: "5. " counter(list) ".";
}
@media(max-width: 980px) {
.article-body .media-container--doc .ol--six {
    margin-bottom: 0 !important
}
  }
@media(max-width: 980px) {
  .article-body .media-container--doc .ol--six + * {
    margin-top: 0 !important;
  }
}
.article-body .media-container--doc .ol--six li::before {
  content: "6. " counter(list) ".";
}
.article-body .media-container--doc .ol--six-2 {
  counter-reset: list 2;
}
@media(max-width: 980px) {
.article-body .media-container--doc .ol--seven {
    margin-bottom: 0 !important
}
  }
@media(max-width: 980px) {
  .article-body .media-container--doc .ol--seven + * {
    margin-top: 0 !important;
  }
}
.article-body .media-container--doc .ol--seven li::before {
  content: "7. " counter(list) ".";
}
.article-body .media-container--doc .ol--eight li::before {
  content: "8. " counter(list) ".";
}
.article-body .media-container--doc .ol--nine li::before {
  content: "9. " counter(list) ".";
}
.article-body .media-container--doc .ol--nine-2 {
  counter-reset: list 1;
}
@media(max-width: 980px) {
.article-body .media-container--doc .ol--ten li {
    margin-left: 0px
}
  }
.article-body .media-container--doc .ol--ten li::before {
  content: "10. " counter(list) ".";
  margin-left: 0px;
}
@media(max-width: 980px) {
.article-body .media-container--doc .ol--twelve {
    margin-bottom: 0 !important
}
  }
@media(max-width: 980px) {
  .article-body .media-container--doc .ol--twelve + * {
    margin-top: 0 !important;
  }
}
@media(max-width: 980px) {
.article-body .media-container--doc .ol--twelve li {
    margin-left: 0px
}
  }
.article-body .media-container--doc .ol--twelve li::before {
  content: "12. " counter(list) ".";
  margin-left: 0px;
}
.article-body .media-container--doc .list.list--ordered {
  margin-left: 0;
  margin-top: 0;
}
.article-body .media-container--doc .list.list--ordered li {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: calc(1rem - 8px + 5px);
}
@media(max-width: 980px) {
.article-body .media-container--doc .list.list--ordered li::before {
    margin-left: 0
}
  }
.article-body .media-container--doc .list.list--ordered li .with-aside {
  margin-top: 0 !important;
}
.article-body .media-container--doc .list.list--ordered .list {
  margin-bottom: 0;
  margin-top: 0;
}
.article-body .media-container--doc .list.list--ordered .list li::before {
  content: ' ' !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.article-body .media-container--doc .with-aside:first-child h3 {
  margin-top: 0;
}
@media(max-width: 980px) {
.article-body .media-container--doc .aside-margin {
    margin-top: calc(35px - 0.7rem)
}
  }
.article-body .media-container--doc aside {
  margin-left: calc(10% + 50px);
  font-size: 14px;
  line-height: 20px
}
@media(max-width: 980px) {
.article-body .media-container--doc aside {
    display: inline-block;
    vertical-align: top;
    margin-top: calc(35px);
    margin-right: -14px;
    margin-left: -14px;
    width: calc(100% + 27px);
    background-color: #fff;
    padding: 0;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent
}
  }
@media(max-width: 590px) {
.article-body .media-container--doc aside {
    width: calc(100% + 21px);
    margin-left: -12px;
    margin-right: -10px
}
  }
.article-body .media-container--doc aside .aside__text {
  position: relative;
  font-size: 14px;
  line-height: 20px
}
@media(max-width: 980px) {
.article-body .media-container--doc aside .aside__text {
    width: 100%;
    padding-bottom: calc(2rem);
    padding-top: calc(3rem)
}
  }
@media(max-width: 980px) {
  .article-body .media-container--doc aside .aside__text .u-signature:first-child {
    margin-top: 0;
  }

  .article-body .media-container--doc aside .aside__text p {
    font-family: "FF More", Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 20px;
  }

  .article-body .media-container--doc aside .aside__text::before, .article-body .media-container--doc aside .aside__text::after {
    content: '';
    position: absolute;
    display: block;
    width: calc(100%);
    height: 10px;
    background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/doc-border-035c8055be2e5b62fabfb176fde152d5.svg);
    background-repeat: repeat-x;
    left: 0;
    /*                margin-left: -15px;*/
    z-index: 1;
    background-position: center top;
  }

  .article-body .media-container--doc aside .aside__text::before {
    top: -6px;
  }
  .article-body .media-container--doc aside .aside__text::after {
    bottom: -5px;
  }
}
.article-body .media-container--doc .left-align {
  text-align: left;
  margin-bottom: 15px;
}
.article-body .media-container--doc .right-align {
  float: right;
  margin-bottom: 15px;
  text-align: right;
}
.article-body .media-container--doc .media-container__column {
  display: inline-block;
  vertical-align: top;
  width: 50%
}
@media(max-width: 590px) {
.article-body .media-container--doc .media-container__column {
    width: 100%
}
  }
.article-body .media-container--doc .media-container__column--right {
  margin-right: -4px;
}
.article-body .media-container--doc .media-container__column strong {
  display: block;
  font-size: 14px;
  line-height: 18px;
}
.news-cut {
  margin-top: 7px
}
@media (min-width: 576px) {
.news-cut {
    margin-bottom: -15px
}
  }
.news-cut__pseudolink {

  color: #045577;

  color: var(--link-color);
  background-image: linear-gradient(to right, rgba(4, 85, 119, 0.3) 5px, transparent 5px);
  background-image: linear-gradient(to right, rgba(var(--link-color-raw), 0.3) 5px, transparent 5px);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 8px 1px;

  font-size: 13px;
  border: none;
  background-color: transparent;
  background-color: initial;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  cursor: pointer;
  display: inline;
}
.news-cut__pseudolink .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.news-cut__pseudolink:hover, .news-cut__pseudolink.hover {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(to right, rgba(189, 29, 0, 0.3) 5px, transparent 5px);
  background-image: linear-gradient(to right, rgba(var(--link-hover-color-raw), 0.3) 5px, transparent 5px);
}
.news-cut__pseudolink:hover {
  color: #bd1d00;
  color: var(--link-hover-color);
}
@media (min-width: 576px) {
  .news-cut__pseudolink {
    font-size: 14px;
  }
}
.news-cut__container {
  display: none;
}
.news-cut__container.is-expanded {
  display: block;
  margin-top: 25px
}
@media (min-width: 576px) {
.news-cut__container.is-expanded {
    margin-top: 20px
}
  }
.panel {
  background: #4c4cff;
  background: var(--color-panel-bg);
  border-radius: 5px;
  padding: 9px 10px 12px;
  box-shadow: 0 2px 10px 0;
  margin-top: 45px;
  margin-bottom: 40px;
  max-width: 700px
}
@media (min-width: 576px) {
.panel {
    padding: 15px;
    margin-top: 50px;
    margin-bottom: 50px
}
  }
.panel__inner {
  color: #fff;
  font-size: 14px;
  line-height: 20px
}
@media (min-width: 576px) {
.panel__inner {
    font-size: 18px;
    line-height: 25px
}
  }
.panel__inner .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
/* Переопределение статейных стилей */
.article-body .panel__inner p {
  position: static;
  top: 0;
}
.panel__button-wrapper {
  margin-top: 20px
}
@media (min-width: 576px) {
.panel__button-wrapper {
    margin-top: 30px
}
  }
.article-body .with-outdent {
  position: relative;
  padding-left: 200px
}
@media (max-width: 980px) {
.article-body .with-outdent {
    padding-left: 0
}
  }
.article-body .pulled-caption {
  font-size: 13px;
  line-height: 16px;
  padding-right: 20px;
}
.article-body .pulled-caption .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
@media (max-width: 590px) {
  .article-body .pulled-caption p {
    margin-bottom: .5rem;
  }
}
.article-body .pulled-caption__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.article-body .pulled-caption__title-symbol {
  margin-right: .2em
}
@media (max-width: 590px) {
.article-body .pulled-caption__title-symbol {
    display: block;
    font-size: 48px;
    line-height: 48px;
    margin-right: 0
}
  }
.big-quote, .quote {
  width: 160%;
  display: block;
  font-size: 60px;
  line-height: 70px;
  margin: 40px 0 60px !important
}
@media (max-width: 590px) {
.big-quote, .quote {
    font-size: 24px;
    line-height: 32px;
    margin: 24px 0 40px !important;
    text-align: center
}
  }
@media (max-width: 1310px) {
.big-quote, .quote {
    width: 160%
}
  }
@media (max-width: 1150px) {
.big-quote, .quote {
    width: 133.333%
}
  }
@media (max-width: 980px) {
.big-quote, .quote {
    width: 100%
}
  }
@media (min-width: 1460px) {
  .article-body--with-sidebar .big-quote, .article-body--with-sidebar .quote {
    width: 160%;
  }
}
.big-quote mark, .quote mark {
  background: transparent;
  box-shadow: none;
}
.big-quote br, .quote br {
  display: none;
}
.screencast-frame iframe {
  z-index: -1;
}
.screencast-frame.playing, .screencast-frame.paused {
  background: none;
}
.screencast-frame.playing iframe, .screencast-frame.paused iframe {
  z-index: 1;
}
.screencast-frame__control, .screencast-frame::after {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
}
.screencast-frame__control {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' width='20' height='20' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3e%3cpolygon points='3 0 20 10 3 20'/%3e%3c/svg%3e") no-repeat center #ffe500;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' width='20' height='20' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3e%3cpolygon points='3 0 20 10 3 20'/%3e%3c/svg%3e") no-repeat center var(--tinkoff-yellow);
  text-indent: -9999px;
  overflow: hidden;
  box-shadow: 0 0 0 4px white;
  opacity: .8;
  cursor: pointer;
}
.screencast-frame__control:focus {
  outline: none;
}
.screencast-frame__control:focus {
  outline: none;
  opacity: 1;
  box-shadow: 0 0 0 2px rgba(4, 85, 119, 0.25), 0 0 0 6px white;
  box-shadow: 0 0 0 2px rgba(var(--link-color-raw), 0.25), 0 0 0 6px white;
}
.screencast-frame:hover .screencast-frame__control {
  opacity: 1;
}
.screencast-frame.loading {
  cursor: default;
}
.screencast-frame.loading .screencast-frame__control, .screencast-frame.playing .screencast-frame__control {
  display: none;
  z-index: -1;
}
:root {
  --color-wa: #25D366;
  --color-ok: #EE8209;
  --color-tg: #2CA5E0;
  --color-twt: #1CA1F2;
  --color-vk: #4A76A8;
}
.share-button {
  display: flex;
  align-items: center;
  max-width: 290px;
  min-height: 50px;
  box-sizing: border-box;
  margin-top: 33px;
  margin-bottom: 30px;

  border: none;
  border-radius: 7px;
  color: white;
  font-size: 14px;
  line-height: 15px;
  text-align: left;
  padding-left: 60px;
  padding-right: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  position: relative;
  outline: none;
  cursor: pointer;
}
.share-button .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.share-button::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-button:hover {
  color: white;
}
@media (min-width: 576px) {
.share-button {
    margin-top: 43px
}
  }
.share-button {

  /* По дизайну кнопка выравнивается по центру только на экранах до 320px */
}
@media (max-width: 320px) {
.share-button {
    margin-left: auto;
    margin-right: auto
}
  }
@media (min-width: 576px) {
.article-body .highlight .share-button:last-child {
    /* Переопределение стилей highlight, где используется important */
    margin-bottom: -20px !important
}
  }
.share-button.share-button--wa {
  background-color: #25d366;
  box-shadow: 0 0 10px rgba(37, 211, 102, .25)
}
.share-button.share-button--wa::before {
  background-image: url("data:image/svg+xml,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 15.588c0 8.609-7.032 15.588-15.71 15.588-2.754 0-5.341-.704-7.593-1.94L0 32l2.836-8.363a15.424 15.424 0 0 1-2.255-8.05C.581 6.98 7.615 0 16.291 0 24.968 0 32 6.979 32 15.588zM16.29 2.482c-7.282 0-13.207 5.879-13.207 13.105 0 2.868.935 5.523 2.516 7.684l-1.65 4.867 5.076-1.613a13.2 13.2 0 0 0 7.266 2.168c7.282 0 13.208-5.879 13.208-13.105 0-7.226-5.925-13.106-13.208-13.106zm7.403 16.35c.27.13.452.217.53.345.096.16.096.925-.224 1.818-.322.891-1.895 1.752-2.6 1.816-.121.01-.221.035-.324.06-.497.118-1.053.252-4.297-1.016-3.618-1.413-6.002-4.923-6.495-5.648-.04-.06-.069-.1-.083-.12-.196-.258-1.572-2.073-1.572-3.951 0-1.759.87-2.681 1.271-3.106l.076-.08c.353-.383.77-.479 1.027-.479.133 0 .265.009.394.017.12.008.236.015.344.015l.085-.003c.217-.014.499-.033.781.64l.41.987c.336.81.713 1.72.778 1.85.097.191.16.414.032.67l-.052.104a2.152 2.152 0 0 1-.333.533c-.064.074-.13.153-.195.233-.133.16-.267.321-.383.436-.192.19-.393.397-.168.779.224.383.997 1.633 2.142 2.646 1.23 1.089 2.3 1.55 2.842 1.782.106.046.191.083.254.114.385.191.61.16.834-.097.225-.255.964-1.115 1.22-1.497.256-.382.514-.318.867-.191.352.127 2.245 1.052 2.63 1.242l.21.102z' fill='white'/%3e%3c/svg%3e")
}
.share-button.share-button--wa:hover {
  background-color: #21be5c
}
.share-button.share-button--ok {
  background-color: #ee8209;
  box-shadow: 0 0 10px rgba(238, 130, 9, .25)
}
.share-button.share-button--ok::before {
  background-image: url("data:image/svg+xml,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.943 21.13c-2.454-.242-4.665-.815-6.559-2.219-.235-.175-.477-.343-.692-.538-.829-.755-.912-1.619-.256-2.51.56-.762 1.503-.966 2.482-.528.19.085.37.19.543.304 3.529 2.3 8.377 2.363 11.919.104.35-.255.726-.463 1.16-.57.846-.206 1.634.089 2.088.79.518.801.512 1.583-.127 2.205-.98.953-2.157 1.643-3.466 2.124-1.238.455-2.594.684-3.936.836.203.209.298.312.425.432 1.822 1.736 3.652 3.464 5.468 5.205.618.593.748 1.329.407 2.019-.372.754-1.206 1.25-2.024 1.197-.518-.034-.922-.279-1.28-.621-1.375-1.312-2.776-2.6-4.123-3.936-.393-.389-.581-.315-.927.022a269.44 269.44 0 0 1-4.203 4.001c-.635.594-1.39.7-2.127.362-.783-.36-1.28-1.117-1.242-1.879.026-.515.293-.908.666-1.261 1.803-1.707 3.601-3.418 5.4-5.128.12-.114.23-.235.404-.41z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.498 7.576c-.025 4.155 3.563 7.595 7.939 7.609 4.42.014 8.034-3.347 8.056-7.494.022-4.245-3.532-7.68-7.96-7.691-4.42-.012-8.01 3.374-8.035 7.576zm8.003-3.698c2.172.002 3.905 1.644 3.913 3.708.007 2.063-1.721 3.716-3.893 3.723-2.178.008-3.926-1.623-3.942-3.679-.017-2.082 1.732-3.754 3.922-3.752z' fill='white'/%3e%3c/svg%3e")
}
.share-button.share-button--ok:hover {
  background-color: #d67508
}
.share-button.share-button--tg {
  background-color: #2ca5e0;
  box-shadow: 0 0 10px rgba(44, 165, 224, .25)
}
.share-button.share-button--tg::before {
  background-image: url("data:image/svg+xml,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.53 14.946l6.913 2.667 2.675 8.895c.171.57.845.78 1.293.402l3.853-3.247a1.12 1.12 0 0 1 1.401-.04l6.95 5.215c.478.36 1.156.089 1.276-.509l5.091-25.314c.131-.653-.49-1.198-1.09-.957L1.521 13.37c-.7.279-.694 1.303.008 1.575z' fill='white'/%3e%3c/svg%3e")
}
.share-button.share-button--tg:hover {
  background-color: #2895ca
}
.share-button.share-button--twt {
  background-color: #1ca1f2;
  box-shadow: 0 0 10px rgba(28, 161, 242, .25)
}
.share-button.share-button--twt::before {
  background-image: url("data:image/svg+xml,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M31 5.958a12.049 12.049 0 0 1-3.534.994 6.314 6.314 0 0 0 2.705-3.49 12.219 12.219 0 0 1-3.91 1.532A6.066 6.066 0 0 0 21.769 3c-3.399 0-6.154 2.827-6.154 6.312 0 .494.054.977.159 1.439-5.114-.264-9.649-2.778-12.684-6.597a6.39 6.39 0 0 0-.832 3.173 6.355 6.355 0 0 0 2.737 5.255 6.037 6.037 0 0 1-2.788-.793v.079c0 3.058 2.122 5.61 4.936 6.19a6.087 6.087 0 0 1-1.621.222c-.398 0-.782-.04-1.159-.117.784 2.51 3.056 4.335 5.748 4.385a12.15 12.15 0 0 1-7.643 2.698c-.497 0-.986-.03-1.468-.087A17.079 17.079 0 0 0 10.433 28c11.321 0 17.51-9.62 17.51-17.963l-.021-.817A12.47 12.47 0 0 0 31 5.958z' fill='white'/%3e%3c/svg%3e")
}
.share-button.share-button--twt:hover {
  background-color: #1991da
}
.share-button.share-button--vk {
  background-color: #4a76a8;
  box-shadow: 0 0 10px rgba(74, 118, 168, .25)
}
.share-button.share-button--vk::before {
  background-image: url("data:image/svg+xml,%3csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.83 22.353a2.018 2.018 0 0 0-.108-.194c-.555-.931-1.616-2.074-3.182-3.429l-.034-.03-.016-.016-.017-.016h-.017c-.71-.63-1.16-1.055-1.349-1.272-.345-.414-.422-.832-.234-1.257.133-.32.634-.997 1.5-2.032.455-.548.816-.987 1.083-1.318 1.921-2.38 2.755-3.9 2.499-4.561l-.1-.155c-.066-.093-.238-.178-.515-.256-.279-.078-.634-.09-1.067-.039l-4.798.031c-.078-.026-.19-.023-.334.008l-.216.047-.084.038-.066.047a.723.723 0 0 0-.183.163 1.046 1.046 0 0 0-.167.271 24.604 24.604 0 0 1-1.783 3.49 32.838 32.838 0 0 1-1.133 1.668c-.344.471-.633.818-.866 1.04-.233.222-.444.4-.633.535-.19.135-.333.191-.433.17-.1-.02-.195-.04-.284-.061a1.065 1.065 0 0 1-.374-.38 1.62 1.62 0 0 1-.192-.606 6.232 6.232 0 0 1-.058-.628c-.006-.176-.003-.424.008-.745.012-.32.017-.537.017-.651 0-.393.008-.82.024-1.28.017-.46.03-.825.042-1.094.012-.269.017-.553.017-.853 0-.3-.02-.535-.059-.706a2.297 2.297 0 0 0-.174-.496.857.857 0 0 0-.341-.373 2.008 2.008 0 0 0-.559-.21c-.588-.123-1.338-.19-2.25-.2-2.065-.021-3.392.103-3.981.372a2.227 2.227 0 0 0-.633.465c-.2.228-.228.352-.084.372.667.093 1.139.316 1.417.667l.1.186c.078.135.155.373.233.714.078.341.128.719.15 1.132.055.755.055 1.402 0 1.94-.056.537-.108.956-.158 1.256-.05.3-.126.543-.225.73-.1.186-.167.3-.2.34a.278.278 0 0 1-.084.078 1.33 1.33 0 0 1-.45.078c-.155 0-.344-.073-.566-.217a3.899 3.899 0 0 1-.691-.598 8.012 8.012 0 0 1-.809-1.063c-.3-.454-.61-.992-.932-1.613l-.267-.45c-.167-.29-.394-.71-.683-1.264a23.552 23.552 0 0 1-.766-1.606 1.034 1.034 0 0 0-.4-.496l-.084-.047a1.17 1.17 0 0 0-.266-.132 1.87 1.87 0 0 0-.383-.1l-4.565.03c-.467 0-.784.099-.95.295l-.067.093a.473.473 0 0 0-.05.249c0 .113.033.253.1.418a49.757 49.757 0 0 0 2.174 4.22c.783 1.355 1.464 2.446 2.041 3.273a38.758 38.758 0 0 0 1.766 2.343c.6.734.997 1.205 1.191 1.412.195.207.348.362.459.465l.416.372c.267.248.658.546 1.175.892.516.347 1.088.688 1.716 1.024.628.336 1.358.61 2.19.822a8.108 8.108 0 0 0 2.433.256h1.917c.388-.03.683-.145.883-.34l.066-.079a.992.992 0 0 0 .125-.286c.039-.13.058-.272.058-.427a4.77 4.77 0 0 1 .108-1.202c.083-.357.178-.626.284-.807.105-.18.225-.333.358-.457.133-.124.228-.2.284-.225.055-.026.099-.044.132-.055.267-.082.58-.002.942.241.361.243.7.543 1.016.9.317.357.697.758 1.142 1.202.444.445.833.776 1.166.993l.333.186c.222.124.511.238.867.342.355.103.665.129.932.077l4.265-.062c.422 0 .75-.065.983-.194.234-.13.372-.272.417-.427a1.12 1.12 0 0 0 .009-.527 1.844 1.844 0 0 0-.118-.411z' fill='white'/%3e%3c/svg%3e")
}
.share-button.share-button--vk:hover {
  background-color: #436a97
}
.small {
  font-size: 14px;
  line-height: 20px
}
@media (max-width: 590px) {
.small {
    font-size: 13px;
    line-height: 16px
}
  }
.small .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.smallcaps, abbr {
  font-size: .875em;
  letter-spacing: .15em;
  text-transform: uppercase;
  line-height: 1;
}
.storytable {
  display: table;
  width: 100%;
}
.storytable__row {
  display: table-row
}
.storytable .pulled-caption, .storytable__text {
  display: table-cell
}
@media (max-width: 980px) {
.storytable .pulled-caption, .storytable__text {
    display: block
}
  }
.storytable__text {
  padding-bottom: 20px;
}
.storytable .pulled-caption {
  width: 180px;
  padding: 0 20px 20px 0
}
@media (max-width: 980px) {
.storytable .pulled-caption {
    padding: 0;
    margin: 20px 0;
    width: 100%
}
  }
@media (max-width: 590px) {
.storytable .pulled-caption {
    margin-top: 20px
}
  }
.storytable + h3 {
  margin-top: 30px;
}
.strikethrough {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  padding: 4px 0
}
@media (min-width: 576px) {
.strikethrough {
    padding: 16px 0 10px
}
  }
.strikethrough__line {
  color: #ff0000;
  text-decoration: line-through;
}
.strikethrough__text {
  font-weight: 600;
  font-size: 21px;
  line-height: 25px;
  color: #fff
}
@media (min-width: 576px) {
.strikethrough__text {
    font-size: 34px;
    line-height: 40px
}
  }
.strikethrough__text .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
@media (min-width: 1460px) {
.summary--hidden {
    display: none
}
  }
.superlink {
  font-size: 17px;
  line-height: 25px;
  font-weight: bold;
  margin: 30px 0
}
@media (min-width: 576px) {
.superlink {
    font-size: 24px;
    line-height: 30px;
    margin: 40px 0
}
  }
.superlink .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.superlink__anchor {
  color: #045577;
  color: var(--link-color);
}
.superlink__anchor, .superlink__anchor u {
  background-image: linear-gradient(rgba(4, 85, 119, 0.1), rgba(4, 85, 119, 0.1));
  background-image: linear-gradient(rgba(var(--link-color-raw), 0.1), rgba(var(--link-color-raw), 0.1));
}
.superlink__anchor:hover, .superlink__anchor.hover, .superlink__anchor:hover u, .superlink__anchor.hover u {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(rgba(189, 29, 0, 0.1), rgba(189, 29, 0, 0.1));
  background-image: linear-gradient(rgba(var(--link-hover-color-raw), 0.1), rgba(var(--link-hover-color-raw), 0.1));
}
.superlink__anchor.birmanized-anchor {
  background-image: none !important;
}
/* Для переопределения статейных стилей */
.article-body .list + .superlink {
  margin-top: 30px
}
@media (min-width: 576px) {
.article-body .list + .superlink {
    margin-top: 40px
}
  }
.article-body .desktop-table__header-row td, .article-body .desktop-table th {
  vertical-align: bottom;
  padding-bottom: 4px;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}
.article-body .desktop-table {
  display: table;
  table-layout: fixed;
  text-align: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
}
.article-body .desktop-table[style] {
  width: auto !important;
}
.article-body .desktop-table strong {
  font-size: 16px !important;
}
.article-body .desktop-table .yellow-mark {
  padding: 1px 4px 2px;
  margin: -1px -4px;
}
.article-body .desktop-table .yellow {
  background-color: #ffff80;
}
.article-body .desktop-table .light-yellow {
  background-color: #ffffa6;
}
.article-body .desktop-table .very-light-yellow {
  background-color: #ffffcc;
}
.article-body .desktop-table thead .space {
  border-bottom: 1px solid white;
}
.article-body .desktop-table tfoot .space {
  border-top: 1px solid white;
}
@media (max-width: 980px) {
.article-body .desktop-table {
    display: none
}
  }
.article-body .desktop-table tr.row-bordered {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.article-body .desktop-table tr.row-bordered td {
  padding-bottom: 10px;
}
.article-body .desktop-table--32px .media-container {
  margin-top: 0 !important;
}
.article-body .desktop-table--sup p {
  margin-bottom: 0;
  margin-top: 4px;
}
.article-body .desktop-table--sup sup {
  font-size: 0.7em;
  margin-left: 4px;
  top: 5px;
  position: absolute
}
@media (max-width: 980px) {
.article-body .desktop-table--sup sup {
    top: 1px
}
  }
.article-body .desktop-table--sup .red {
  color: red;
}
.article-body .desktop-table--sup .green {
  color: green;
}
.article-body .desktop-table--sup .black {
  color: black;
}
.article-body .desktop-table--tfoot tbody tr:last-child td {
  padding-bottom: 10px;
}
.article-body .desktop-table__header-row td {
  padding-top: 16px !important
}
@media (max-width: 1000px) {
.article-body .desktop-table__header-row td {
    font-size: 15px;
    line-height: 17px
}
  }
.article-body .desktop-table--thead-with-border.desktop-table--colspan {
  border-collapse: separate;
}
.article-body .desktop-table--thead-with-border th {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.article-body .desktop-table--thead-with-border thead tr:last-child td {
  padding-top: .5rem;
}
.article-body .desktop-table--thead-with-border tbody tr:first-child td {
  padding-top: 14px;
}
.article-body .desktop-table--thead-with-border tbody tr:first-child td sup {
  top : 9px
}
.feature-new-styles .article-body .desktop-table--enlarged {
  font-size: auto;
  line-height: 26px;
}
.article-body .desktop-table--no-thead tbody tr:first-child td {
  padding-top: 0;
}
.article-body .desktop-table tfoot {
  border-top: 1px solid rgba(0, 0, 0, .1);
}
@media (max-width: 1000px) {
.article-body .desktop-table th {
    font-size: 15px;
    line-height: 17px
}
  }
.article-body .desktop-table th, .article-body .desktop-table td {
  word-wrap: break-word;
  padding-left: 0 !important;
  padding-top: 9px;
  padding-right: 24px;
  position: relative;
}
.article-body .desktop-table th.highlighted, .article-body .desktop-table td.highlighted {
  position: relative;
}
.article-body .desktop-table th.highlighted::before, .article-body .desktop-table td.highlighted::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3px;
  left: -10px;
  width: calc(100% + 0px);
  height: calc(100% + 10px);
  background: #fff4cb;
  z-index: -1;
}
.article-body .desktop-table th.small, .article-body .desktop-table td.small {
  font-size: 11px;
}
.article-body .desktop-table--small-padding th, .article-body .desktop-table--small-padding td {
  padding-left: .3rem;
  padding-right: 1rem;
}
.article-body .desktop-table td {
  vertical-align: top;
  padding-top: 10px
}
@media (max-width: 980px) {
.article-body .desktop-table td {
    font-size: 15px;
    line-height: 18px
}
  }
.article-body .desktop-table td .media-container {
  width: 100%;
}
.article-body .desktop-table td > .media-container:first-child {
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 590px) {
.article-body .desktop-table:not(.desktop-table--text) th, .article-body .desktop-table:not(.desktop-table--text) td {
    font-size: 13px;
    line-height: 16px
}
  }
.article-body .desktop-table:not(.desktop-table--text) th .ruble, .article-body .desktop-table:not(.desktop-table--text) td .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body .desktop-table--w541 {
  max-width: 1110px;
}
.article-body .desktop-table--w541 tr {
  width: 100%;
}
.article-body .desktop-table--w541 td {
  width: 50%;
  max-width: 541px;
  padding-top: 0;
}
.article-body .desktop-table--w541 td img {
  width: 100%;
  height: auto;
  margin: 0;
}
.article-body .desktop-table--w541 td:first-of-type {
  padding-right: 14px;
  padding-left: 0;
}
.article-body .desktop-table--w541 td:last-of-type {
  padding-left: 14px;
  padding-right: 0;
}
.article-body .desktop-table--colspan th:last-child {
  padding-right: 0;
}
.article-body .desktop-table--colspan tbody tr:nth-child(4) td {
  padding-top: 10px;
}
.article-body .desktop-table--colspan tbody tr:nth-child(12) td {
  padding-top: 5px;
}
.article-body .desktop-table--colspan tbody tr td {
  padding-left: 17px;
}
.article-body .desktop-table--colspan tbody tr td:last-child {
  padding-left: 10px;
  text-align: right;
}
.article-body .desktop-table--colspan tbody tr td:nth-child(3) {
  width: 80px;
}
.article-body .desktop-table--colspan tbody tr td:nth-child(4) {
  padding-left: 0px;
  width: calc(215px - 80px);
}
.article-body .desktop-table--colspan th {
  padding-left: 17px;
}
.article-body .desktop-table--text tr:first-child td {
  padding-top: 0.6rem;
}
.article-body .desktop-table--text thead {
  background-position: 0px 100%;
}
.article-body .desktop-table--text th {
  padding-bottom: 10px;
  font-size: 21px;
  line-height: 30px;
  font-weight: 400;
}
.article-body .desktop-table--text th .ruble {
  font-family: "Ruble Serif", Charter, Georgia, "Times New Roman", Times, serif;
  font-family: var(--ruble-serif-font), var(--serif-font);
}
.article-body .desktop-table--text td {
  padding-top: 20px;
  font-size: 21px;
  line-height: 30px;
}
.clubbish .article-body .desktop-table {
  max-width: 100% !important;
  background: #fff;
  box-shadow: 0 0 0 10px #fff;
}
.clubbish .article-body .desktop-table[style] {
  width: 100% !important;
}
.table-with-num  tr {
  padding-bottom: 20px;
}
.table-with-num td {
  padding-top: 15px;
}
.table-with-num .large-fontsize {
  font-size: 25px;
  line-height: 25px;
}
.table-with-num .empty {
  width: 35px;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
  font-size: 25px;
  line-height: 25px;
}
.table-td-270 {
  width: 122% !important;
  margin-left: 0;
}
.table-td-270 td {
  width: 33.33% !important;
  padding-right: 15px !important;
  padding-left: 0 !important;
  display: inline-block;
}
.table-td-270 td div {
  width: 270px !important;
}
.table-td-270 td:last-of-type {
  padding-right: 0 !important;
}
@media (max-width: 1150px) {
  .table-td-270 {
    width: calc(100% + 25px) !important;
  }
  .table-td-270 td {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }

  .table-td-270 td:nth-of-type(2) {
    padding-right: 0;
    padding-left: 0;
  }

  .table-td-270 td div {
    width: 208px !important;
  }

  .table-td-270 td:first-of-type {
    float: left;
  }

  .table-td-270 td:last-of-type {
    padding-right: 0;
    float: right;
  }
}
.desktop-table__cell-space .small-label {
  float: right;
}
.desktop-table--wider tr td:first-child {
  padding-right: 1.6rem !important;
}
.desktop-table.desktop-table--no-left-padding {
  margin-left: 0;
  margin-right: 0;
}
.desktop-table.desktop-table--no-left-padding th, .desktop-table.desktop-table--no-left-padding td {
  padding-left: 0 !important;
}
.desktop-table .no-right-padding {
  padding-right: 0 !important;
}
.desktop-table.desktop-table--no-all-padding {
  margin-left: 0;
  margin-right: 0;
}
.desktop-table.desktop-table--no-all-padding th, .desktop-table.desktop-table--no-all-padding td {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.desktop-table.width-790 {
  width: 790px;
}
.desktop-table.width-640 {
  width: 640px;
}
.desktop-table .right-align {
  float: right;
  padding-right: 15px;
}
h3 + .with-aside .desktop-table {
  margin-top: 0px;
}
.article-body .media-container--for-table .desktop-table td {
  padding-right: 10px;
}
.article-body .mobile-table {
  display: none
}
@media (max-width: 980px) {
.article-body .mobile-table {
    display: block;
    margin-bottom: 30px
}
  }
@media (max-width: 590px) {
.article-body .mobile-table {
    margin-bottom: 20px
}
  }
@media (max-width: 980px) {
.article-body .mobile-table--always-show {
    display: block
}
  }
.article-body .mobile-table__heading {
  display: none
}
@media (max-width: 980px) {
.article-body .mobile-table__heading {
    display: block
}
  }
.article-body .mobile-table__section {
  display: table;
  table-layout: fixed;
  width: 100%
}
@media (max-width: 590px) {
.article-body .mobile-table__section {
    margin-top: 8px
}
  }
.article-body .mobile-table__section:first-child {
  margin-top: 0;
}
.article-body .mobile-table__row {
  display: table-row;
}
.article-body .mobile-table__row--bold {
  font-weight: 600;
}
.article-body .mobile-table__key, .article-body .mobile-table__value {
  position: relative;
  display: table-cell;
  vertical-align: baseline;
  padding: 4px 0
}
@media (max-width: 590px) {
.article-body .mobile-table__key, .article-body .mobile-table__value {
    font-size: 13px;
    line-height: 16px
}
  }
.article-body .mobile-table__key .ruble, .article-body .mobile-table__value .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body .mobile-table__key.highlighted, .article-body .mobile-table__value.highlighted {
  background: #fff4cb;
}
.article-body .mobile-table__key {
  max-width: 35%;
  padding-right: 10px;
}
.article-body .mobile-table__key p {
  margin: 0;
}
.article-body .mobile-table__value {
  padding-top: 0px;
  padding-bottom: 8px;
}
.article-body .mobile-table__value > .media-container:first-child {
  margin-top: 0;
  margin-bottom: 0;
}
.article-body .mobile-table strong {
  font-size: 14px;
}
.clubbish .article-body .mobile-table {
  background: #fff;
  box-shadow: 0 0 0 10px #fff;
}
.article-body table.desktop-table--text + .mobile-table strong, .article-body table.desktop-table--text + .mobile-table .mobile-table__key, .article-body table.desktop-table--text + .mobile-table .mobile-table__value {
  font-size: 17px !important;
  line-height: 25px !important;
  margin-left: 25px;
}
.article-body table.desktop-table--text + .mobile-table strong .ruble, .article-body table.desktop-table--text + .mobile-table .mobile-table__key .ruble, .article-body table.desktop-table--text + .mobile-table .mobile-table__value .ruble {
  font-family: "Ruble Serif", Charter, Georgia, "Times New Roman", Times, serif;
  font-family: var(--ruble-serif-font), var(--serif-font);
}
.article-body table.desktop-table--text + .mobile-table strong {
  font-weight: 400;
  margin-left: -25px;
}
.article-body table.desktop-table--text + .mobile-table .mobile-table__key, .article-body table.desktop-table--text + .mobile-table .mobile-table__value {
  padding: 4px 0 12px;
  display: block;
  width: calc(100% - 25px) !important;
  max-width: 100% !important;
}
.article-body table.desktop-table--text + .mobile-table .mobile-table__value {
  padding-left: 26px;
}
.table-of-contents.table-of-contents--ordered {
  counter-reset: list;
  padding-left: 25px;
}
.table-of-contents__item {
  margin: 0;
  position: relative;
}
.table-of-contents__item:not(:last-child) {
  margin-bottom: 15px;
}
.table-of-contents__item.active {
  pointer-events: none;
}
.table-of-contents__item.active ::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: calc(100% + 4px);
  background: #f2f2f2;
  top: -2px;
  left: -4px;
  border-radius: 2px;
}
.table-of-contents--ordered .table-of-contents__item::before {
  counter-increment: list;
  content: counter(list) ". ";
  position: absolute;
  right: calc(100% + 6px);
}
a.table-of-contents__item__link {
  color:  #045577;
  color:  var(--link-color);
  background-image: linear-gradient(to right, rgba(4, 85, 119, 0.1) 3px, transparent 3px);
  background-image: linear-gradient(to right, rgba(var(--link-color-raw), 0.1) 3px, transparent 3px);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(3px + 2px) 1px;

  position: relative;
  z-index: 1;
  outline: none;
}
a.table-of-contents__item__link:hover, a.table-of-contents__item__link.hover {
  color: #bd1d00;
  color: var(--link-hover-color);
  background-image: linear-gradient(to right, rgba(189, 29, 0, 0.1) 3px, transparent 2px);
  background-image: linear-gradient(to right, rgba(var(--link-hover-color-raw), 0.1) 3px, transparent 2px);
}
:root {
  --template-image-width: 360px;
  --template-image-height: 976px;
}
.article-body .template {
  text-align: center;
  margin: 2rem 0;
}
.article-body .template__img {
  width: calc(360px / 2);
  width: calc(var(--template-image-width) / 2);
  height: calc(976px / 4);
  height: calc(var(--template-image-height) / 4);
  display: inline-block;
  background-position: left top !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.article-body .template__img:hover {
  background-position: left bottom !important;
}
.article-body .template .u-signature {
  display: block;
  padding: 0 25%;
  text-align: center;
}
.article-body .template--with-title a.template__img {
  text-align: left;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAPQAgMAAABmjQl3AAAACVBMVEUDVXf///+6KRdxHs1ZAAAAAnRSTlP/AOW3MEoAAAHoSURBVHgB7cyhkQNBEAQwk8lvSZPNb4ijfH710Ae6SgpAn5+ZPLxZT37kU1nPVNanss5U1qeyzlTWp7LOVNanss5U1qeyzlTWp7LOVNanss5U1qeyzlTWp7LOVNanss5U1qeyzlTWp7LOVNanss5U1qeyzlTWp7LOVNSfp4r66ajVarVarVar1Wq1Wq1Wq9VqtVqtVqvVarVarVar1Wq1Wq1Wq/+nVqvVarVarVar1Wq1Wq1Wq9VqtVqtVqvVarVarVar1Wq1Wq1Wq9VqtVqtVqvVarVarVar1Wq1Wq1Wq9VqtVqtVqvVarVarVar1Wq1Wq1Wq9VqtVqtVqvVarVarVZ3+v7K5uHNevMj38p6t7K+lXW2sr6VdbayvpV1trK+lXW2sr6VdbayvpV1trK+lXW2sr6VdbayvpV1trK+lXW2sr6VdbayvpV1trK+lXW2sr6VdbayvpV1tqL+PlXUT1etVqvVarVarVar1Wq1Wq1Wq9VqtVqtVqvVarVarVar1Wq1Wq1Wq9VqtVqtVqvVarVarVar1Wq1Wq1Wq9VqtVqtVqvVarVarVar1Wq1Wq1Wq9VqtVqtVqvVarVarVar1Wq1Wq1Wq9VqtVqtVqvVarVarVar1Wq1Wq1Wq9VqtVr9P7X6+5oX6z+bmvRA+hgBxAAAAABJRU5ErkJggg==) !important;
  padding: 20px 10px 0 10px;
  font-weight: bold;
  line-height: 25px;
}
.article-body .template--with-title a.template__img .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-body .template--with-title a.template__img::before {
  content: attr(data-label);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  display: block;
  font-weight: normal;
}
:root {
  --tile-button-default-bg-color: #eb6841;
}
.tiles {
  display: flex;
  flex-wrap: wrap
}
@media (min-width: 576px) {
.tiles {
    margin: 0 -20px
}
  }
.tile {
  box-sizing: border-box;
  max-width: 100%;
  width: 450px;
  min-height: 320px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 15px
}
@media (min-width: 576px) {
.tile {
    min-height: 450px;
    padding: 15px;
    margin: 20px 20px
}
  }
.tile .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.tile.tile--align-top {
  justify-content: flex-start;
}
.tile.tile--align-stretch {
  align-items: stretch;
}
.tile.tile--bordered {
  border-width: 1px;
  border-style: solid;
}
.tile.tile--with-image {
  justify-content: space-between;
}
.tile__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}
.tile.tile--align-stretch .tile__content {
  flex-grow: 1;
}
.tile__title {
  font-size: 17px;
  line-height: 25px;
  font-weight: bold;
  max-width: 100%
}
@media (min-width: 576px) {
.tile__title {
    font-size: 24px;
    line-height: 30px
}
  }
.tile__title.tile__title--quote {
  font-size: 24px;
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 10px
}
@media (min-width: 576px) {
.tile__title.tile__title--quote {
    font-size: 45px;
    line-height: 55px
}
  }
.tile__title.tile__title--large {
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 10px
}
@media (min-width: 576px) {
.tile__title.tile__title--large {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 15px
}
  }
.tile__title.tile__title--extra-large {
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 15px
}
@media (min-width: 576px) {
.tile__title.tile__title--extra-large {
    font-size: 70px;
    line-height: 75px
}
  }
.tile__label {
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: .9px;
  margin-top: 5px;
  opacity: .8
}
@media (min-width: 576px) {
.tile__label {
    font-size: 12px
}
  }
.tile__label:first-child {
  margin-top: 0;
  margin-bottom: 3px;
}
.tile__description {
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
  max-width: 100%;
}
@media (min-width: 576px) {
.tile__description.tile__description--middle {
    font-size: 17px;
    line-height: 25px
}
  }
.tile__description.tile__description--large {
  font-size: 17px;
  line-height: 25px;
  margin-top: 0
}
@media (min-width: 576px) {
.tile__description.tile__description--large {
    font-size: 24px;
    line-height: 30px
}
  }
a.tile__button {
  display: inline-block;
  color: inherit;
  font-size: 13px;
  line-height: 15px;
  background-color: #eb6841;
  background-color: var(--tile-button-default-bg-color);
  border-radius: 2px;
  margin-top: 10px;
  padding-bottom: 0;
  outline: none;
}
a.tile__button.hover, a.tile__button:hover {
  color: inherit;
}
/* Всем ссылкам в шортах ставится цветное подчеркивание с помощью тени.
 Чтобы переопределить это свойство у кнопки усиливаем селектор через каскад */
.tile a.tile__button {
  box-shadow: none;
}
.tile__button-text {
  padding: 8px 16px;
}
.tile__button:hover .tile__button-text {
  background-color: rgba(0, 0, 0, 0.15);
}
.tile__factoid {
  max-width: 100%;
}
.tile__factoid-text {
  font-size: 15px;
  line-height: 20px
}
@media (min-width: 576px) {
.tile__factoid-text {
    font-size: 18px;
    line-height: 25px
}
  }
.tile__number {
  font-size: 30px;
  line-height: 35px;
  font-weight: bold
}
@media (min-width: 576px) {
.tile__number {
    font-size: 35px;
    line-height: 40px
}
  }
.tile__notes {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px
}
@media (min-width: 576px) {
.tile__notes {
    margin-top: 10px
}
  }
.tile__notes > a {
  color: inherit;
  box-shadow: 0 1px 0;
  /* Переопределение статейных стилей */
  background-image: none;
}
.tile__notes > a:hover {
  color: inherit;
  box-shadow: none;
}
/* Переопределение статейных стилей */
.tile__notes > a.hover {
  color: inherit;
}
.tile__image {
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tile__image > img {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
.tile__definition-list {
  font-size: 17px;
  line-height: 25px;
  max-width: 100%
}
@media (min-width: 576px) {
.tile__definition-list {
    font-size: 20px;
    line-height: 30px
}
  }
.tile__definition-description {
  margin-bottom: 10px;
}
.tile__title.is-stretched, .tile__label.is-stretched, .tile__description.is-stretched, .tile__button.is-stretched, .tile__factoid.is-stretched, .tile__notes.is-stretched, .tile__definition-list.is-stretched {
  margin-top: auto;
}
.article-body .u-signature {
  margin: 19px 0 20px 0
}
@media (max-width: 590px) {
.article-body .u-signature {
    margin: 19px 0 0;
    font-size: 13px;
    line-height: 16px
}
  }
.article-body .u-signature .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.ugc-author-block__name > b.bold, .ugc-author-block__name > strong.bold {
  font-size: 14px;
  line-height: 20px;
}
.ugc-author-block {
  display: flex;
  flex-direction: horizontal;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
.ugc-author-block__avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 10px;
}
.ugc-author-block__avatar img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.ugc-author-block__name {
  font-family: Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
}
.videoframe, .iframe-box {
  position: relative;
  padding-top: 56.2609%;
}
.videoframe iframe, .iframe-box iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* В некоторых случаях внутри Datawrapper неправильно рассчитываются ширины выносок.
 Из-за этого на iOS появляется горизонтальный скролл (см. задачу TJ-2343).
 Т.к. влиять на стили внутри iframe мы не можем, остается только обрезать часть выносок.
 Так происходит на android, поэтому мы с этим соглашаемся.
 Таким образом, у нас везде будет одинаково */
.iframe-box.chart-box {
  overflow: hidden;
}
.videoframe--delayed {
  background-size: auto 102%; /* Fix JPEG cover black border */
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.vk-poll {
  margin: 2rem 0;
}
:root {
  --thumbs-bgcolor: #f1f1e4;
}
.article-body .highlight.highlight--votebox {
  padding-bottom: 0;
  padding-top: 36px;
  padding-left: 22px;
  margin: 80px 0 30px
}
@media (max-width: 590px) {
.article-body .highlight.highlight--votebox {
    padding-top: 19px;
    padding-left: 8px
}
  }
.votebox__footer {
  margin-left: -22px;
  margin-right: -27px;
  margin-top: 43px;
  padding: 20px 15px 26px;
  background-color: #f1f1e4;
  background-color: var(--thumbs-bgcolor)
}
@media (max-width: 980px) {
.votebox__footer {
    margin-right: -12px
}
  }
@media (max-width: 590px) {
.votebox__footer {
    padding: 12px 5px 42px 5px;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 24px
}
  }
.votebox .list + .votebox__footer, .votebox .list.list--bullet_milchin + .votebox__footer {
  margin-top: 33px
}
@media (max-width: 590px) {
.votebox .list + .votebox__footer, .votebox .list.list--bullet_milchin + .votebox__footer {
    margin-top: 24px
}
  }
.votebox__question {
  text-align: center;
  margin-bottom: 8px
}
@media (max-width: 590px) {
.votebox__question {
    margin-bottom: 3px
}
  }
.votebox__thumbs-percentage {
  display: flex;
  justify-content: center;
}
.votebox__thumbs-percentage .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.votebox__percentage-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
}
.votebox__percentage {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  min-width: 50px
}
@media (max-width: 590px) {
.votebox__percentage {
    position: absolute;
    align-items: center;
    justify-content: space-evenly
}
  }
.votebox__percentage--like {
  color: blue
}
@media (max-width: 590px) {
.votebox__percentage--like {
    flex-direction: row;
    margin-bottom: -90px;
    bottom: 99px;
    left: 10px
}
  }
.votebox__percentage--dislike {
  color: red
}
@media (max-width: 590px) {
.votebox__percentage--dislike {
    flex-direction: row-reverse;
    margin-top: -50px;
    bottom: 9px;
    right: 10px
}
  }
.votebox__percentage__mobile-helper {
  display: none
}
@media (max-width: 590px) {
.votebox__percentage__mobile-helper {
    display: block
}
  }
.votebox__percentage-number {
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  min-height: 25px
}
@media (max-width: 590px) {
.votebox__percentage-number {
    margin-left: 10px
}
  }
.votebox__percentage-number--like {
  text-align: right
}
@media (max-width: 590px) {
.votebox__percentage-number--like {
    margin-left: 0;
    margin-right: 10px
}
  }
.votebox__percentage-count {
  font-size: 12px;
  line-height: 1.43;
  font-weight: normal;
}
.votebox__percentage-count--like {
  text-align: right;
}
.votebox__thumb-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 62px;
  position: relative;
  transition: margin 1s ease-in-out;
}
.votebox__thumb-wrapper--dislike {
  margin-top: 37px;
}
.votebox__thumb-btn {
  padding: 0;
  width: 58px;
  height: 62px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(https://static2.tinkoffjournal.ru/hestia/86bdd4ec0374cd11ffd20bb5763336123b4aea42/sprite-81caf9855564b0f68fd38b69af0ee2fe.png);
  background-repeat: no-repeat;
  background-size: 116px 124px;
}
.votebox__thumb-btn:focus {
  outline: none;
}
.votebox__thumb-btn[disabled] {
  pointer-events: none;
}
.votebox__thumb-btn--up {
  background-position: -58px 0;
}
.votebox__thumb-btn--up:hover, .votebox__thumb-btn--up.is-active {
  background-position: 0 0;
}
.votebox__thumb-btn--down {
  background-position: -58px -62px;
}
.votebox__thumb-btn--down:hover, .votebox__thumb-btn--down.is-active {
  background-position: 0 -62px;
}
.votebox__thumbs {
  visibility: hidden;
  position: absolute;
  z-index: 0;
  top: 3px;
  height: 55px;
  width: 42px;
  transition-timing-function: steps(30, end);
  transition-duration: 1s;
}
.votebox__thumbs.is-visible {
  visibility: visible;
}
.votebox__thumbs--up {
  right: 14px;
  background-image: url(data:image/png;base64,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);
  background-size: contain;
  background-repeat: repeat-x;
  background-position: center;
}
.votebox__thumbs--up::before {
  content: '';
  width: 42px;
  height: 100%;
  position: absolute;
  left: -1px;
  z-index: 1;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.votebox__thumbs--up::after {
  content: '';
  width: 14px;
  height: 50%;
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 1;
  background-color: #f1f1e4;
  background-color: var(--thumbs-bgcolor);
}
.votebox__thumbs--down {
  left: 15px;
  background-image: url(data:image/png;base64,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);
  background-size: contain;
  background-repeat: repeat-x;
  background-position: center;
}
.votebox__thumbs--down::before {
  content: '';
  width: 39px;
  height: 102%;
  position: absolute;
  right: 0;
  top: -1px;
  z-index: 1;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.votebox__thumbs--down::after {
  content: '';
  width: 14px;
  height: 50%;
  position: absolute;
  left: -1px;
  bottom: 0;
  z-index: 1;
  background-color: #f1f1e4;
  background-color: var(--thumbs-bgcolor);
}
.youtube-pseudobar {
  height: 98px;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAQAAAC58SIOAAAAaklEQVQoz3WOUQrAMAhD1e7+B9kZ1zqYKAk6yMfLa8Ca3CbbxL+cTJgNNeDhTZmdQXb24/KAPNNFjDf2CQSMJGCVViveAKuy1AZYFaCqcrVkA4NgGeTKYlg/Jvhio/w6LuvQNV1U3sS31wvH7lU3Wti4HgAAAABJRU5ErkJggg==) repeat-x bottom;
  opacity: 0;
  transition: opacity .25s ease-out, z-index 0s .25s;
  z-index: -1;
}
.youtube-pseudobar.visible {
  opacity: 1;
  z-index: 99;
  transition: opacity .25s ease-out;
}
.youtube-pseudobar__progress {
  position: absolute;
  height: 3px;
  width: calc(100% - 24px);
  bottom: 36px;
  left: 12px;
  background: rgba(255, 255, 255, .2);
}
.youtube-pseudobar__progress-done {
  position: absolute;
  height: 100%;
  background: #f12b24;
}
.youtube-pseudobar__progress-timing {
  position: absolute;
  width: 30px;
  text-align: center;
  color: white;
  font-size: 12px;
  left: 100%;
  bottom: 6px;
  margin-left: -16px;
  opacity: .75;
}
.youtube-pseudobar__progress-timing .ruble {
  font-family: "Ruble Sans", Graphik, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--ruble-sans-font), var(--grotesque-font);
}
.article-header__meta {
  position: relative;
  top: 1px;
}
.article-header__title {
  position: relative;
  top: 2px;
}
.article-header__subtitle {
  position: relative;
  top: 9px;
}
.article-body p {
  position: relative;
  top: 9px;
}
.article-body p.lead {
  position: relative;
  top: 5px;
}
.article-author__name {
  position: relative;
  top: 4px;
}
.article-author__position {
  position: relative;
  top: 5px;
}
.aside__text p {
  position: relative;
  top: 6px;
}
.article-body .u-signature {
  position: relative;
  top: 2px;
}
.article-body .aside .aside__title {
  position: relative;
  top: 7px;
}
.article-body .aside__title + p {
  position: relative;
  top: 9px;
}
.quote, .big-quote {
  position: relative;
  top: 16px;
}
.desktop-table--text+*+.highlight {
  position: relative;
  top: 1px;
}
.article-body .heading .label, .article-body .subheading .label {
  position: relative;
  top: -2px;
}
ul, ol {
  position: relative;
  top: -1px;
}
.desktop-table--text th {
  position: relative;
  top: -1px;
}
.article-body .aside__text {
  position: relative;
  top: 1px;
}
.article-body .aside__number {
  position: relative;
  top: 1px;
}
@media (max-width: 590px) {

  .article-body p {
    position: relative;
    top: 6px;
  }

  .article-body p.lead {
    position: relative;
    top: 5px;
  }

  .lead ~ p {
    position: relative;
    top: 7px;
  }

  .article-body h2 ~ p {
    position: relative;
    top: 6px;
  }

  .article-author__name {
    position: relative;
    top: 4px;
  }

  .article-author__position {
    position: relative;
    top: 6px;
  }

  .aside__text p {
    position: relative;
    top: 3px;
  }

  .article-body .u-signature {
    position: relative;
    top: 0px;
  }

  .article-body .aside .aside__title {
    position: relative;
    top: 1px;
  }

  .article-body .aside__title+p {
    position: relative;
    top: 1px;
  }

  .highlight p {
    position: relative;
    top: -2px;
  }

  .quote {
    position: relative;
    top: 16px;
  }

  .desktop-table--text+*+.highlight {
    position: relative;
    top: 0px;
  }

  .article-body h1 .label, .article-body h2 .label, .article-body h3 .label {
    position: relative;
    top: 1px;
  }

  ul, ol {
    position: relative;
    top: -2px;
  }

  .desktop-table--text th {
    position: relative;
    top: -1px;
  }

  .article-body .aside__text {
    position: relative;
    top: -1px;
  }

  .article-body .aside__number {
    position: relative;
    top: 1px;
  }

  .article-body .mobile-table {
    position: relative;
    top: 4px;
  }

}
.news-cut__container p {
  top: 0;
}