.signature {
  max-width: 910px;
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.3);
  text-align: left; }

@media screen and (max-width: 812px) {
  .signature {
    font-size: 13px;
    line-height: 19px; } }

.free-research .title {
  width: 973px;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px 0 90px; }
  .free-research .title__header {
    display: block;
    width: 973px;
    max-width: 100%;
    margin: 0 auto 29px;
    font-size: 39px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 0.03em;
    text-align: center; }
  .free-research .title__text {
    margin: 0;
    padding-left: 90px;
    font: 500 25px/25px 'YS Display', arial, sans-serif;
    letter-spacing: 0.815em; }
  .free-research .title .signature {
    margin-bottom: 44px;
    text-align: center; }

@media screen and (max-width: 812px) {
  .free-research .title {
    margin-bottom: 50px;
    padding: 0;
    height: auto; }
    .free-research .title__header {
      font-size: 24px;
      line-height: 27px;
      margin-bottom: 12px; }
    .free-research .title__text {
      font-size: 13px;
      line-height: 16px;
      padding-left: 0;
      margin-bottom: 10px;
      letter-spacing: 0.4em;
      text-align: center; }
    .free-research .title .signature {
      text-align: center; }
  .free-research .signature {
    margin-bottom: 50px; } }

.spoiler {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 350px;
  left: calc(100vw - 50% - 179px / 2);
  width: 275px;
  height: 275px;
  border-radius: 50%;
  background-color: #e61d24;
  transition: 0.5s;
  transform: rotate(23deg); }
  .spoiler_hide {
    opacity: 0;
    z-index: -1; }
  .spoiler__text {
    margin: 0 auto;
    width: 67%;
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.035em;
    color: #ffffff; }
  .spoiler__button {
    display: block;
    width: 29px;
    background-color: transparent;
    padding: 0;
    border: none;
    color: #fff;
    border-bottom: 1px dotted;
    margin: 20px auto 0;
    outline: none;
    cursor: pointer; }
    .spoiler__button:hover {
      border-bottom-style: solid; }

@media screen and (max-width: 812px) {
  .spoiler {
    width: 150px;
    height: 150px;
    top: 200px;
    left: calc(100vw - 50% - 236px / 2); }
    .spoiler__text {
      font-size: 13px;
      line-height: 18px; } }

.free-research .text-pane {
  max-width: 790px;
  margin: 0 auto; }
  .free-research .text-pane__header {
    margin: 44px auto 18px;
    font-size: 22px; }
  .free-research .text-pane__text {
    margin: 0;
    padding: 0 0 22px; }

@media screen and (max-width: 812px) {
  .free-research .text-pane {
    font-size: 16px;
    line-height: 24px; }
    .free-research .text-pane__header {
      font-size: 20px;
      margin-top: 20px; } }

.preloader {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4; }

.preloader__spinner {
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url("https://yastat.net/s3/milab/2019/friends/build/assets/preloader.png");
  /* you can use white preloader for dark backgrounds (i/preloader_white.png) */
  background-size: contain;
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
  /* half of width and height */
  animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@media screen and (max-width: 812px) {
  .preloader {
    height: 250px; } }

.push-arrow {
  display: none; }

@media screen and (max-width: 980px) {
  .push-arrow {
    display: block;
    width: 162px;
    font-size: 12px;
    line-height: 13px; }
    .push-arrow__text {
      padding-left: 23px; }
    .push-arrow__img {
      margin: 0 auto;
      width: 5px;
      height: 18px;
      background: url("https://yastat.net/s3/milab/2019/friends/build/assets/arrow.png");
      background-size: cover;
      -webkit-animation-name: bounce;
      animation-name: bounce; }
    .push-arrow.fade-out {
      opacity: 0;
      transition: 0.5s; }
  .connections .push-arrow {
    margin: 0 auto; }
  .time-line .push-arrow {
    position: relative;
    margin: 0 auto;
    top: 12px; }
  .animated {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite; }
  @-webkit-keyframes bounce {
    0%, 20%, 60%, 80%, 100% {
      -webkit-transform: translateY(0); }
    40% {
      -webkit-transform: translateY(10px); }
    80% {
      -webkit-transform: translateY(5px); } }
  @keyframes bounce {
    0%, 20%, 60%, 80%, 100% {
      -webkit-transform: translateY(0); }
    40% {
      -webkit-transform: translateY(10px); }
    80% {
      -webkit-transform: translateY(5px); } } }

@media screen and (max-width: 980px) and (min-width: 521px) {
  .characters .push-arrow {
    margin: 0 auto;
    position: absolute;
    right: 20%; } }

@media screen and (max-width: 520px) {
  .characters .push-arrow {
    margin: 0 auto;
    position: inherit; }
  .time-line .push-arrow {
    position: relative;
    left: calc(100vw - 183px);
    margin: 0;
    top: 12px; } }

.circle {
  width: 24px;
  height: 22px;
  position: absolute;
  z-index: -1; }
  .circle_red {
    background: url("https://yastat.net/s3/milab/2019/friends/build/assets/circles/red_dot.png");
    background-size: cover; }
  .circle_blue {
    background: url("https://yastat.net/s3/milab/2019/friends/build/assets/circles/blue_dot.png");
    background-size: cover; }
  .circle_yellow {
    background: url("https://yastat.net/s3/milab/2019/friends/build/assets/circles/yellow_dot.png");
    background-size: cover; }

.char.monica .circle {
  left: -100px;
  top: 160px; }

.char.rachel .circle_yellow {
  right: -100px;
  top: 220px; }

.char.rachel .circle_blue {
  right: 0;
  top: 160px; }

.char.chandler .circle_red {
  left: 600px;
  top: 5px; }

.char.chandler .circle_yellow {
  left: 516px;
  top: 219px; }

.char.chandler .circle_blue {
  left: -145px;
  top: 328px; }

.char.joey .circle_yellow {
  left: -60px;
  top: 70px; }

.char.joey .circle_red {
  left: 820px;
  top: 495px; }

.time-line .circle_yellow {
  position: relative;
  top: -20px;
  left: 50px; }

.finish .circle_yellow {
  top: -30px;
  left: 250px; }

.finish .circle_red {
  top: 150px;
  left: -100px; }

.finish .circle_blue {
  top: 10px;
  right: 0; }

@media screen and (max-width: 1000px) {
  .char.monica .circle {
    left: -20px;
    top: -35px; }
  .char.rachel .circle_blue {
    right: -20px; }
  .char.rachel .circle_yellow {
    right: 50vw;
    top: 350px; }
  .char.chandler .circle_blue {
    left: 50px; }
  .char.chandler .circle_yellow {
    right: auto;
    left: -20px;
    top: 400px; }
  .char.chandler .circle_red {
    left: auto;
    right: -20px;
    top: 35px; }
  .char.joey .circle_yellow {
    left: auto;
    top: 170px;
    right: -20px; }
  .char.joey .circle_red {
    left: -10px; }
  .finish .circle_yellow {
    top: -40px;
    left: 200px; }
  .finish .circle_red {
    top: 200px;
    left: -20px; }
  .finish .circle_blue {
    top: -20px;
    right: 0; } }

.char {
  display: flex;
  position: relative;
  margin-bottom: 55px;
  transition: 0.5s;
  padding-top: 0; }
  .char__left, .char__right {
    display: block;
    position: relative;
    width: 520px;
    height: 433.48px; }
  .char__video {
    width: 100%; }
    .char__video_top {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      width: 520px;
      max-width: 100%;
      height: 433.48px; }
      .char__video_top .char__video__elem {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5; }
    .char__video.opacity_0 {
      opacity: 0; }
  .char__name {
    display: block;
    position: absolute;
    left: 129px;
    bottom: 30px;
    width: 262px;
    pointer-events: none;
    z-index: 10; }
  .char:nth-child(7) {
    margin-bottom: 21px; }
  .char.opacity_0 {
    opacity: 0; }
  .char__right {
    display: flex;
    align-items: center; }
    .char__right__svg {
      height: auto;
      width: 100%; }

@media screen and (max-width: 320px) {
  .char__name {
    left: 40px; } }

@media screen and (max-width: 812px) and (min-width: 321px) {
  .char__name {
    left: 60px; } }

@media screen and (max-width: 812px) {
  .char {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 50px; }
    .char__left, .char__right, .char__name {
      height: auto; }
    .char__video, .char__text {
      height: 100%; }
    .char__video_top {
      width: 100%;
      top: -4px; }
    .char__name {
      bottom: 20px;
      width: 70%; }
    .char__right {
      margin-top: 20px; } }

@media screen and (max-width: 980px) and (min-width: 521px) {
  .char__left, .char__right {
    max-width: 50%;
    height: auto; }
  .char__right {
    margin-top: 50px; } }

.characters {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto 80px;
  padding: 0 20px; }

@media screen and (max-width: 812px) {
  .characters {
    margin: 0 auto;
    padding: 0; } }

.text-pane__text__plus {
  cursor: pointer;
  color: #44b; }
  .text-pane__text__plus:hover {
    color: #e00; }
  .text-pane__text__plus:after {
    padding: 0 4px;
    content: '+';
    border: 1px solid; }

.text-pane__text__tooltip {
  width: 400px;
  max-width: calc(100vw - 40px);
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #ffffff;
  box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.4);
  z-index: 10; }
  .text-pane__text__tooltip .popup2__tail:before, .text-pane__text__tooltip .popup2__tail:after {
    display: none; }
  .text-pane__text__tooltip p {
    margin: 0;
    font-size: 12.5px;
    line-height: 20px;
    font-weight: 300; }

@media screen and (max-width: 757px) {
  .text-pane__text__tooltip {
    left: 20px !important; } }

.popup2__tail {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px; }

.popup2_direction_top-left .popup2__tail,
.popup2_direction_top-center .popup2__tail,
.popup2_direction_top-right .popup2__tail {
  transform: rotate(-45deg); }

.popup2_direction_bottom-left .popup2__tail,
.popup2_direction_bottom-center .popup2__tail,
.popup2_direction_bottom-right .popup2__tail {
  transform: rotate(135deg); }

.popup2_direction_left-top .popup2__tail,
.popup2_direction_left-center .popup2__tail,
.popup2_direction_left-bottom .popup2__tail {
  transform: rotate(-135deg); }

.popup2_direction_right-top .popup2__tail,
.popup2_direction_right-center .popup2__tail,
.popup2_direction_right-bottom .popup2__tail {
  transform: rotate(45deg); }

@charset "UTF-8";
/**
 * Без important стили класса перебиваются inline-стилями
 */
.popup2 {
  position: absolute; }

.popup2_outside_yes {
  top: -10000px !important;
  left: -10000px !important;
  display: block !important; }

@charset "UTF-8";
/*
 * 1. Предотвращает пропадание тени в iOS. https://st.yandex-team.ru/ISLCOMPONENTS-1710
 */
.popup2_theme_normal {
  visibility: hidden;
  box-sizing: border-box;
  margin: -9999px 0 0 -9999px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  animation-duration: .1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; }

.popup2_theme_normal .popup2__tail:before {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 0;
  left: 0;
  content: '';
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.06);
  border-left-color: rgba(0, 0, 0, 0.06); }

.popup2_theme_normal .popup2__tail:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1px;
  left: 1px;
  content: '';
  background-image: linear-gradient(to top right, #fff 50%, transparent 50%); }

.popup2_theme_normal:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  border-radius: .1px;
  /*1*/
  background: #fff;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4); }

/* NOTE: ISL-5672 */
.popup2_theme_normal.popup2_visible_yes:before {
  z-index: -1; }

.popup2_theme_normal.popup2_js_inited {
  display: block; }

.popup2_theme_normal.popup2_visible_yes {
  visibility: visible;
  margin: 0; }

.popup2_theme_normal.popup2_direction_bottom-left,
.popup2_theme_normal.popup2_direction_bottom-center,
.popup2_theme_normal.popup2_direction_bottom-right {
  animation-name: popup2_theme_normal_bottom; }

.popup2_theme_normal.popup2_direction_bottom-left.popup2_visible_yes,
.popup2_theme_normal.popup2_direction_bottom-center.popup2_visible_yes,
.popup2_theme_normal.popup2_direction_bottom-right.popup2_visible_yes {
  animation-name: popup2_theme_normal_bottom_visible; }

.popup2_theme_normal.popup2_direction_top-left,
.popup2_theme_normal.popup2_direction_top-center,
.popup2_theme_normal.popup2_direction_top-right {
  animation-name: popup2_theme_normal_top; }

.popup2_theme_normal.popup2_direction_top-left.popup2_visible_yes,
.popup2_theme_normal.popup2_direction_top-center.popup2_visible_yes,
.popup2_theme_normal.popup2_direction_top-right.popup2_visible_yes {
  animation-name: popup2_theme_normal_top_visible; }

.popup2_theme_normal.popup2_direction_right-top,
.popup2_theme_normal.popup2_direction_right-center,
.popup2_theme_normal.popup2_direction_right-bottom {
  animation-name: popup2_theme_normal_right; }

.popup2_theme_normal.popup2_direction_right-top.popup2_visible_yes,
.popup2_theme_normal.popup2_direction_right-center.popup2_visible_yes,
.popup2_theme_normal.popup2_direction_right-bottom.popup2_visible_yes {
  animation-name: popup2_theme_normal_right_visible; }

.popup2_theme_normal.popup2_direction_left-top,
.popup2_theme_normal.popup2_direction_left-center,
.popup2_theme_normal.popup2_direction_left-bottom {
  animation-name: popup2_theme_normal_left; }

.popup2_theme_normal.popup2_direction_left-top.popup2_visible_yes,
.popup2_theme_normal.popup2_direction_left-center.popup2_visible_yes,
.popup2_theme_normal.popup2_direction_left-bottom.popup2_visible_yes {
  animation-name: popup2_theme_normal_left_visible; }

@keyframes popup2_theme_normal_bottom {
  0% {
    visibility: visible;
    margin: 0;
    opacity: 1;
    transform: translateY(0); }
  99% {
    margin: 0;
    transform: translateY(10px); }
  100% {
    visibility: hidden;
    margin: -9999px 0 0 -9999px;
    opacity: 0; } }

@keyframes popup2_theme_normal_bottom_visible {
  0% {
    opacity: 0;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes popup2_theme_normal_top {
  0% {
    visibility: visible;
    margin: 0;
    opacity: 1;
    transform: translateY(0); }
  99% {
    margin: 0;
    transform: translateY(-10px); }
  100% {
    visibility: hidden;
    margin: -9999px 0 0 -9999px;
    opacity: 0; } }

@keyframes popup2_theme_normal_top_visible {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes popup2_theme_normal_right {
  0% {
    visibility: visible;
    margin: 0;
    opacity: 1;
    transform: translateX(0); }
  99% {
    margin: 0;
    transform: translateX(10px); }
  100% {
    visibility: hidden;
    margin: -9999px 0 0 -9999px;
    opacity: 0; } }

@keyframes popup2_theme_normal_right_visible {
  0% {
    opacity: 0;
    transform: translateX(10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes popup2_theme_normal_left {
  0% {
    visibility: visible;
    margin: 0;
    opacity: 1;
    transform: translateX(0); }
  99% {
    margin: 0;
    transform: translateX(-10px); }
  100% {
    visibility: hidden;
    margin: -9999px 0 0 -9999px;
    opacity: 0; } }

@keyframes popup2_theme_normal_left_visible {
  0% {
    opacity: 0;
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.popup2_theme_clear {
  display: none; }

.popup2_theme_clear.popup2_visible_yes {
  display: block; }

@charset "UTF-8";
/**
 * Этот файл создан, чтобы не было предупреждений webpack-loader
 * при сборке пакета и/или примеров для React.
 * Впоследствии файл будет наполнен содержимым или удален.
 */

@charset "UTF-8";
.popup2.popup2_view_default {
  /* color: var(--color-text); */
  border: none;
  border-radius: 4px;
  /* background-color: var(--color-bg-light); */
  box-shadow: 0 1.5ex 2ex -1ex rgba(0, 0, 0, 0.3); }

.popup2.popup2_view_default:before {
  border-radius: 4px;
  /* background-color: var(--color-transparent); */
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); }

.popup2.popup2_view_default .popup2__tail:before {
  top: 0;
  right: 0; }

/*.popup2_view_default .popup2__tail:after {
    background-image: linear-gradient(to top right, var(--color-bg-light) 50%, var(--color-transparent) 50%);
}*/
/**
 * Необходимо, чтобы сохранить скругленные края попапа,
 * даже если у вложенного элемента скругления не будет.
 */
.popup2.popup2_view_default > :first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.popup2.popup2_view_default > :last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

/*.popup2_tone_default {
    --color-bg-light: #fff;
    --color-text: #000;
    --color-transparent: transparent;
}*/
/*.popup2_tone_red {
    --color-bg-light: #d62b2b;
    --color-text: #fff;
    --color-transparent: transparent;
}*/
/*.popup2_tone_grey {
    --color-bg-light: #fff;
    --color-text: #000;
    --color-transparent: transparent;
}*/
/*.popup2_tone_dark {
    --color-bg-light: #29363c;
    --color-text: #eceff1;
    --color-transparent: transparent;
}*/
/*.popup2_tone_market {
     --color-bg-light: #fff;
     --color-text: #000;
     --color-transparent: transparent;
}*/

.popup2.popup2_view_default.popup2_tone_default {
  color: #000;
  background-color: #fff; }

.popup2.popup2_view_default.popup2_tone_default:before {
  background-color: transparent; }

.popup2_view_default.popup2_tone_default .popup2__tail:after {
  background-image: linear-gradient(to top right, #fff 50%, transparent 50%); }

.popup2.popup2_view_default.popup2_tone_grey {
  color: #000;
  background-color: #fff; }

.popup2.popup2_view_default.popup2_tone_grey:before {
  background-color: transparent; }

.popup2_view_default.popup2_tone_grey .popup2__tail:after {
  background-image: linear-gradient(to top right, #fff 50%, transparent 50%); }

.popup2.popup2_view_default.popup2_tone_red {
  color: #fff;
  background-color: #d62b2b; }

.popup2.popup2_view_default.popup2_tone_red:before {
  background-color: transparent; }

.popup2_view_default.popup2_tone_red .popup2__tail:after {
  background-image: linear-gradient(to top right, #d62b2b 50%, transparent 50%); }

.popup2.popup2_view_default.popup2_tone_dark {
  color: #eceff1;
  background-color: #29363c; }

.popup2.popup2_view_default.popup2_tone_dark:before {
  background-color: transparent; }

.popup2_view_default.popup2_tone_dark .popup2__tail:after {
  background-image: linear-gradient(to top right, #29363c 50%, transparent 50%); }

@charset "UTF-8";
.tooltip__corner {
  position: absolute;
  z-index: 10;
  bottom: -10px;
  /* DEPRECATED https://st.yandex-team.ru/ISL-5033: Для совместимости, просто удалить */
  left: -10px;
  /* DEPRECATED https://st.yandex-team.ru/ISL-5033: Для совместимости, просто удалить */
  width: 32px;
  height: 32px; }

.tooltip__corner_side_top-left {
  top: -10px;
  left: -10px; }

@charset "UTF-8";
.tooltip__corner_side_top-right {
  top: -10px;
  right: -10px;
  left: auto;
  /* DEPRECATED https://st.yandex-team.ru/ISL-5033: Для совместимости, просто удалить */ }

.tooltip__corner_side_bottom-left {
  bottom: -10px;
  left: -10px; }

@charset "UTF-8";
.tooltip__corner_side_bottom-right {
  right: -10px;
  bottom: -10px;
  left: auto;
  /* DEPRECATED https://st.yandex-team.ru/ISL-5033: Для совместимости, просто удалить */ }

.tooltip__corner_star_yes {
  background: url(assets/star.svg) center center no-repeat; }

@charset "UTF-8";
.tooltip__close {
  position: absolute;
  z-index: 21;
  top: 9px;
  right: 9px;
  width: 16px;
  height: 16px;
  opacity: .25;
  transition: opacity .1s;
  transform: translateZ(0);
  /* background: url() лежит в _theme_promo */ }

.tooltip__close:hover {
  opacity: .7; }

.tooltip__close {
  filter: alpha(opacity=35); }

.tooltip__close:hover {
  filter: alpha(opacity=70); }

.tooltip__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.tooltip__backdrop:before {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  border-radius: .1px;
  background: #fff;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4); }

/* NOTE: ISL-5672 */
.tooltip_shown_yes .tooltip__backdrop {
  z-index: -1; }

@charset "UTF-8";
.tooltip.popup2_theme_normal:before {
  content: none;
  box-shadow: none;
  /* Без этого - проблемы с hermione, ложно расширяющими область скриншота. */ }

.tooltip_view_classic {
  cursor: pointer; }

.tooltip_size_l .tooltip__content {
  padding: 18px;
  font-size: 16px;
  line-height: 16px; }

.tooltip_size_l .popup2__tail {
  width: 18px;
  height: 18px; }

.tooltip_size_m .tooltip__content {
  padding: 9px 10px;
  font-size: 15px;
  line-height: 14px; }

.tooltip_size_m .popup2__tail {
  width: 12px;
  height: 12px; }

.tooltip_size_n .tooltip__content {
  padding: 0 10px;
  font-size: 12px;
  line-height: 28px; }

.tooltip_size_n .popup2__tail {
  width: 14px;
  height: 14px; }

.tooltip_size_s .tooltip__content {
  padding: 8px;
  font-size: 13px;
  line-height: 12px; }

.tooltip_size_s .popup2__tail {
  width: 12px;
  height: 12px; }

.tooltip_size_xs .tooltip__content {
  padding: 6px 8px;
  font-size: 13px;
  line-height: 12px; }

.tooltip_size_xs .popup2__tail {
  width: 12px;
  height: 12px; }

.tooltip_view_classic.tooltip_theme_error.popup2_theme_normal {
  color: #fff;
  border: 0; }

.tooltip_view_classic.tooltip_theme_error.popup2_theme_normal .tooltip__backdrop {
  opacity: .9; }

.tooltip_view_classic.tooltip_theme_error.popup2_theme_normal .tooltip__backdrop:before {
  background: #ff6464; }

.tooltip_view_classic.tooltip_theme_error.popup2_theme_normal:before {
  background: transparent; }

.tooltip_view_classic.tooltip_theme_error .tooltip__backdrop:before {
  box-shadow: none; }

.tooltip_view_classic.tooltip_theme_error.popup2_theme_normal .popup2__tail:after {
  background-image: linear-gradient(to top right, #ff6464 50%, transparent 50%); }

.tooltip_view_classic.tooltip_theme_normal.popup2_theme_normal {
  color: #fff;
  border: 0; }

.tooltip_view_classic.tooltip_theme_normal.popup2_theme_normal .tooltip__backdrop {
  opacity: .8; }

.tooltip_view_classic.tooltip_theme_normal.popup2_theme_normal .tooltip__backdrop:before {
  background: #323232; }

.tooltip_view_classic.tooltip_theme_normal.popup2_theme_normal:before {
  background: transparent; }

.tooltip_view_classic.tooltip_theme_normal .tooltip__backdrop:before {
  box-shadow: none; }

.tooltip_view_classic.tooltip_theme_normal.popup2_theme_normal .popup2__tail:after {
  background-image: linear-gradient(to top right, #323232 50%, transparent 50%); }

@charset "UTF-8";
.tooltip_view_classic.tooltip.tooltip_theme_promo .tooltip__content {
  padding: 0; }

.tooltip_view_classic.tooltip_theme_promo.popup2_theme_normal {
  border: 0; }

.tooltip_view_classic.tooltip_theme_promo .tooltip__backdrop:before {
  border-radius: 7px;
  box-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.7); }

.tooltip_view_classic.tooltip_tone_default.tooltip_theme_promo.popup2_theme_normal {
  color: #fff; }

.tooltip_view_classic.tooltip_tone_default.tooltip_theme_promo .tooltip__backdrop {
  opacity: .85; }

.tooltip_view_classic.tooltip_tone_default.tooltip_theme_promo .tooltip__backdrop:before {
  background-color: #000; }

.tooltip_view_classic.tooltip_tone_dark.tooltip_theme_promo.popup2_theme_normal {
  color: #212121; }

.tooltip_view_classic.tooltip_tone_dark.tooltip_theme_promo .tooltip__backdrop {
  opacity: .9; }

.tooltip_view_classic.tooltip_tone_dark.tooltip_theme_promo .tooltip__backdrop:before {
  background-color: #fff; }

.tooltip_view_classic.tooltip_theme_promo.popup2_theme_normal:before {
  background: transparent;
  box-shadow: none; }

.tooltip_view_classic.tooltip_theme_promo.popup2_theme_normal .popup2__tail {
  width: 22px;
  height: 10px; }

.tooltip_view_classic.tooltip_tone_default.tooltip_theme_promo.popup2_theme_normal .popup2__tail {
  background: url(assets/tail-tone-default.svg) center bottom no-repeat; }

.tooltip_view_classic.tooltip_tone_dark.tooltip_theme_promo.popup2_theme_normal .popup2__tail {
  background: url(assets/tail-tone-dark.svg) center bottom no-repeat; }

.tooltip_view_classic.tooltip_tone_default.tooltip_theme_promo .tooltip__close {
  background: url(assets/close-tone-default.svg) center bottom no-repeat; }

.tooltip_view_classic.tooltip_tone_dark.tooltip_theme_promo .tooltip__close {
  background: url(assets/close-tone-dark.svg) center bottom no-repeat; }

.tooltip_view_classic.tooltip_theme_promo.popup2_theme_normal .popup2__tail:before,
.tooltip_view_classic.tooltip_theme_promo.popup2_theme_normal .popup2__tail:after {
  display: none; }

/* important нужен, чтобы перебить то, что написано в desktop.blocks/tooltip/_hovered */
.tooltip_view_classic.tooltip_theme_promo.popup2_theme_normal.tooltip_hovered_yes {
  opacity: 1 !important; }

.tooltip_view_classic.tooltip_theme_promo .tooltip__buttons {
  text-align: right; }

.tooltip_view_classic.tooltip_theme_promo .button2 {
  height: 36px;
  font-size: 13px;
  line-height: 36px; }

.tooltip_view_classic.tooltip_theme_promo .button2_view_classic.button2_theme_action::before {
  border-radius: 4px 0;
  background: #fc0; }

.tooltip_view_classic.tooltip_theme_promo .button2_view_classic.button2_theme_action.button2_hovered_yes::before {
  background: #ffd633; }

.tooltip_view_classic.tooltip_theme_promo .button2_theme_clear .button2__text {
  opacity: 1;
  -webkit-font-smoothing: antialiased; }

.tooltip_view_classic.tooltip_theme_promo .button2_theme_clear.button2_hovered_yes .button2__text {
  opacity: .75; }

.tooltip_view_classic.tooltip_tone_default.tooltip_theme_promo .button2_theme_clear .button2__text,
.tooltip_view_classic.tooltip_tone_default.tooltip_theme_promo .button2_theme_clear.button2_hovered_yes .button2__text {
  color: #fff; }

.tooltip_view_classic.tooltip_tone_dark.tooltip_theme_promo .button2_theme_clear .button2__text,
.tooltip_view_classic.tooltip_tone_dark.tooltip_theme_promo .button2_theme_clear.button2_hovered_yes .button2__text {
  color: #333; }

.tooltip_view_classic.tooltip_theme_promo .tooltip__description {
  position: relative;
  z-index: 20;
  padding: 25px;
  font-size: 13px;
  line-height: 16px;
  -webkit-font-smoothing: antialiased; }

.tooltip_view_classic.tooltip_theme_promo.tooltip_size_s {
  text-align: center; }

.tooltip_view_classic.tooltip_theme_promo.tooltip_size_s .tooltip__description {
  max-width: 130px; }

.tooltip_view_classic.tooltip_theme_promo.tooltip_size_m .tooltip__description {
  max-width: 180px; }

.tooltip_view_classic.tooltip_theme_promo.popup2_direction_top-left .popup2__tail,
.tooltip_view_classic.tooltip_theme_promo.popup2_direction_top-right .popup2__tail {
  transform: rotate(180deg) translateX(1px) translateY(-11px); }

/*
 * Для направлений *-center у хвостика не нужно смещение,
 * поэтому двигаем положение хвостика обратно на расстояние равное смещению по умолчанию 30px
 */
.tooltip_view_classic.tooltip_theme_promo.popup2_direction_top-center .popup2__tail {
  transform: rotate(180deg) translateX(31px) translateY(-11px); }

.tooltip_view_classic.tooltip_theme_promo.popup2_direction_bottom-left .popup2__tail,
.tooltip_view_classic.tooltip_theme_promo.popup2_direction_bottom-right .popup2__tail {
  transform: translateX(1px) translateY(1px); }

.tooltip_view_classic.tooltip_theme_promo.popup2_direction_bottom-center .popup2__tail {
  transform: translateX(-30px) translateY(1px); }

.tooltip_view_classic.tooltip_theme_promo.popup2_direction_left-top .popup2__tail,
.tooltip_view_classic.tooltip_theme_promo.popup2_direction_left-bottom .popup2__tail {
  transform: rotate(90deg) translateX(7px) translateY(-5px); }

.tooltip_view_classic.tooltip_theme_promo.popup2_direction_right-top .popup2__tail,
.tooltip_view_classic.tooltip_theme_promo.popup2_direction_right-bottom .popup2__tail {
  transform: rotate(-90deg) translateX(-5px) translateY(-5px); }

.tooltip_view_classic.tooltip_theme_promo.popup2_direction_right-center .popup2__tail {
  transform: rotate(-90deg) translateX(25px) translateY(-5px); }

.tooltip_view_classic.tooltip_theme_promo.popup2_direction_left-center .popup2__tail {
  transform: rotate(90deg) translateX(-23px) translateY(-5px); }

.tooltip_view_classic.tooltip_theme_success.popup2_theme_normal {
  color: #fff;
  border: 0; }

.tooltip_view_classic.tooltip_theme_success.popup2_theme_normal .tooltip__backdrop {
  opacity: .9; }

.tooltip_view_classic.tooltip_theme_success.popup2_theme_normal .tooltip__backdrop:before {
  background: #6cba68; }

.tooltip_view_classic.tooltip_theme_success.popup2_theme_normal:before {
  background: transparent; }

.tooltip_view_classic.tooltip_theme_success .tooltip__backdrop:before {
  box-shadow: none; }

.tooltip_view_classic.tooltip_theme_success.popup2_theme_normal .popup2__tail:after {
  background-image: linear-gradient(to top right, #6cba68 50%, transparent 50%); }

.tooltip_view_classic.tooltip_theme_white.popup2_theme_normal {
  color: #000;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  background-clip: padding-box; }

.tooltip_view_classic.tooltip_theme_white.popup2_theme_normal .tooltip__backdrop:before {
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); }

/*.tooltip_tone_default {
    --color-bg-base: #fff;
    --color-text: #000;
    --color-transparent: transparent;
}*/
/*.tooltip_tone_red {
    --color-bg-base: #c62828;
    --color-text: #fff;
    --color-transparent: transparent;
}*/
/*.tooltip_tone_grey {
    --color-bg-base: #f5f5f5;
    --color-text: #000;
    --color-transparent: transparent;
}*/
/*.tooltip_tone_dark {
    --color-bg-base: #263238;
    --color-text: #eceff1;
    --color-transparent: transparent;
}*/
/*.tooltip_tone_market {
     --color-bg-base: #FFFFFF;
     --color-text: #000000;
     --color-transparent: rgba(0, 0, 0, 0);
}*/

.tooltip_view_default.tooltip_tone_dark.popup2_view_default.tooltip_tone_dark.popup2_theme_normal {
  color: #263238; }

.tooltip_view_default.tooltip_tone_dark.popup2_view_default.tooltip_tone_dark.popup2_theme_normal .tooltip__backdrop:before {
  background: #eceff1; }

.tooltip_view_default.tooltip_tone_dark.popup2_view_default.tooltip_tone_dark.popup2_theme_normal .popup2__tail:before,
.tooltip_view_default.tooltip_tone_dark.popup2_view_default.tooltip_tone_dark.popup2_theme_normal .popup2__tail:after {
  background-color: transparent;
  background-image: linear-gradient(to top right, #eceff1 50%, transparent 50%); }

.tooltip_view_default.tooltip_tone_default.popup2_view_default.tooltip_tone_default.popup2_theme_normal {
  color: #fff; }

.tooltip_view_default.tooltip_tone_default.popup2_view_default.tooltip_tone_default.popup2_theme_normal .tooltip__backdrop:before {
  background: #000; }

.tooltip_view_default.tooltip_tone_default.popup2_view_default.tooltip_tone_default.popup2_theme_normal .popup2__tail:before,
.tooltip_view_default.tooltip_tone_default.popup2_view_default.tooltip_tone_default.popup2_theme_normal .popup2__tail:after {
  background-color: transparent;
  background-image: linear-gradient(to top right, #000 50%, transparent 50%); }

.tooltip_view_default.tooltip_tone_grey.popup2_view_default.tooltip_tone_grey.popup2_theme_normal {
  color: #f5f5f5; }

.tooltip_view_default.tooltip_tone_grey.popup2_view_default.tooltip_tone_grey.popup2_theme_normal .tooltip__backdrop:before {
  background: #000; }

.tooltip_view_default.tooltip_tone_grey.popup2_view_default.tooltip_tone_grey.popup2_theme_normal .popup2__tail:before,
.tooltip_view_default.tooltip_tone_grey.popup2_view_default.tooltip_tone_grey.popup2_theme_normal .popup2__tail:after {
  background-color: transparent;
  background-image: linear-gradient(to top right, #000 50%, transparent 50%); }

.tooltip_view_default.tooltip_tone_market.popup2_view_default.tooltip_tone_market.popup2_theme_normal {
  color: #FFFFFF; }

.tooltip_view_default.tooltip_tone_market.popup2_view_default.tooltip_tone_market.popup2_theme_normal .tooltip__backdrop:before {
  background: #000000; }

.tooltip_view_default.tooltip_tone_market.popup2_view_default.tooltip_tone_market.popup2_theme_normal .popup2__tail:before,
.tooltip_view_default.tooltip_tone_market.popup2_view_default.tooltip_tone_market.popup2_theme_normal .popup2__tail:after {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to top right, #000000 50%, rgba(0, 0, 0, 0) 50%); }

.tooltip_view_default.tooltip_tone_red.popup2_view_default.tooltip_tone_red.popup2_theme_normal {
  color: #c62828; }

.tooltip_view_default.tooltip_tone_red.popup2_view_default.tooltip_tone_red.popup2_theme_normal .tooltip__backdrop:before {
  background: #fff; }

.tooltip_view_default.tooltip_tone_red.popup2_view_default.tooltip_tone_red.popup2_theme_normal .popup2__tail:before,
.tooltip_view_default.tooltip_tone_red.popup2_view_default.tooltip_tone_red.popup2_theme_normal .popup2__tail:after {
  background-color: transparent;
  background-image: linear-gradient(to top right, #fff 50%, transparent 50%); }

@charset "UTF-8";
/**
 * Этот файл создан, чтобы не было предупреждений webpack-loader
 * при сборке пакета и/или примеров для React.
 * Впоследствии файл будет наполнен содержимым или удален.
 */

@charset "UTF-8";
/**
 * 1. Усиливаем селектор, чтобы в react стили перебивали скругления popup2
 * TODO: https://st.yandex-team.ru/ISL-4002.
 */
.tooltip_view_default.popup2_view_default.popup2_theme_normal {
  /* color: var(--color-bg-base); */
  border: 0;
  box-shadow: none; }

.tooltip_view_default.popup2_view_default.popup2_theme_normal .tooltip__backdrop:before {
  /* background: var(--color-text); */
  box-shadow: 0 1ex 2ex -0.5ex rgba(0, 0, 0, 0.5); }

/*.tooltip_view_default.popup2_view_default.popup2_theme_normal .popup2__tail:before,
.tooltip_view_default.popup2_view_default.popup2_theme_normal .popup2__tail:after {
    background-color: var(--color-transparent);
    background-image: linear-gradient(to top right, var(--color-text) 50%, var(--color-transparent) 50%);
}*/
.tooltip.tooltip.tooltip_view_default.popup2_view_default {
  /*1*/
  background: none; }

.tooltip_view_default.popup2_theme_normal .popup2__tail:before {
  border: none; }

.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal .popup2__tail {
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_bottom-left .popup2__tail,
.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_bottom-center .popup2__tail,
.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_bottom-right .popup2__tail {
  animation-name: tooltip__tail_bottom; }

.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_top-left .popup2__tail,
.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_top-center .popup2__tail,
.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_top-right .popup2__tail {
  animation-name: tooltip__tail_top; }

.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_right-top .popup2__tail,
.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_right-center .popup2__tail,
.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_right-bottom .popup2__tail {
  animation-name: tooltip__tail_right; }

.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_left-to .popup2__tail,
.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_left-center .popup2__tail,
.tooltip_view_default.tooltip_pulsing-tail_yes.popup2_theme_normal.popup2_direction_left-bottom .pupup2__tail {
  animation-name: tooltip__tail_left; }

@keyframes tooltip__tail_bottom {
  from {
    transform: translateY(2px) rotate(135deg); }
  50% {
    transform: translateY(0px) rotate(135deg); }
  to {
    transform: translateY(2px) rotate(135deg); } }

@keyframes tooltip__tail_top {
  from {
    transform: translateY(-2px) rotate(-45deg); }
  50% {
    transform: translateY(0px) rotate(-45deg); }
  to {
    transform: translateY(-2px) rotate(-45deg); } }

@keyframes tooltip__tail_left {
  from {
    transform: translateX(-2px) rotate(-135deg); }
  50% {
    transform: translateX(0px) rotate(-135deg); }
  to {
    transform: translateX(-2px) rotate(-135deg); } }

@keyframes tooltip__tail_right {
  from {
    transform: translateX(2px) rotate(45deg); }
  50% {
    transform: translateX(0px) rotate(45deg); }
  to {
    transform: translateX(2px) rotate(45deg); } }

.connections {
  width: 1090px;
  max-width: 100%;
  margin: 0 auto 96px;
  padding: 0 20px; }
  .connections__svg {
    margin-top: 33px;
    margin-bottom: 5px;
    min-height: 800px; }
    .connections__svg svg {
      min-height: 800px;
      max-width: 100%; }
  .connections__video {
    position: absolute;
    width: 400px;
    pointer-events: none; }
    .connections__video__elem {
      max-width: 100%; }
    .connections__video__cross {
      color: #ffffff;
      position: absolute;
      top: 0;
      right: 10px;
      width: 15px;
      height: 15px; }
    .connections__video.hide {
      display: none; }

@media screen and (max-width: 980px) {
  .connections__svg svg {
    min-height: auto;
    margin-top: 10px; }
  .connections__video {
    pointer-events: auto; } }

@media screen and (max-width: 812px) {
  .connections {
    padding: 0;
    margin-bottom: 0; }
    .connections__svg {
      min-height: 290px;
      margin-top: 0;
      margin-bottom: 20px;
      position: relative; }
    .connections__video {
      width: calc(100vw - 40px); }
      .connections__video__elem {
        width: 100%; } }

.time-line {
  width: 1085px;
  max-width: 100%;
  margin: 50px auto;
  padding: 0 20px; }
  .time-line__svg {
    margin-top: 36px;
    margin-bottom: 0;
    min-height: 773px; }
    .time-line__svg svg {
      min-height: 773px;
      max-width: 100%; }
  .time-line__video {
    position: absolute;
    width: 400px;
    max-width: 100%;
    pointer-events: none;
    z-index: 10; }
    .time-line__video__elem {
      max-width: 100%; }
    .time-line__video__cross {
      color: #ffffff;
      position: absolute;
      top: 10px;
      right: 10px;
      width: 15px;
      height: 15px; }
    .time-line__video.hide {
      display: none; }

@media screen and (max-width: 980px) {
  .time-line__svg {
    margin-top: 0; }
    .time-line__svg svg {
      min-height: auto; }
  .time-line__video {
    pointer-events: auto; } }

@media screen and (max-width: 812px) {
  .time-line {
    padding: 0; }
    .time-line__svg {
      min-height: 400px;
      z-index: 5; }
    .time-line__video__elem {
      width: 100%;
      position: relative; }
    .time-line__video__cross {
      z-index: 10; } }

.finish {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  position: relative; }
  .finish__video {
    display: block;
    margin: 0 auto;
    max-width: 100%; }

@media screen and (max-width: 812px) {
  .finish {
    z-index: 1;
    padding: 0; } }

.share {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 200px;
  /*width: 160px;*/
  margin: 0 auto; }
  .share__link {
    text-decoration: none;
    height: 40px; }
    .share__link .fa {
      width: 40px;
      height: 40px;
      font-size: 15px;
      text-align: center;
      line-height: 40px; }
    .share__link .fa-telegram {
      font-size: 19px !important; }
  .share_main {
    margin: 100px auto; }
    .share_main .share__link .fa {
      color: #000000;
      border: 1px solid #000000;
      border-right: none; }
      .share_main .share__link .fa:hover {
        color: #ffffff;
        background-color: #000000; }
    .share_main .share__link:last-child .fa {
      border-right: 1px solid; }

/* thin */
@font-face {
  font-family: 'YS Display';
  src: url(/yastatic/islands/_/_21lJT1DxJm0qOuTQlZAxS_QfIE.eot);
  src: url(/yastatic/islands/_/1EDXXjePaZBYzRoZUZW-r-5Ae9k.ttf);
  src: url(/yastatic/islands/_/GE8ZpuryN_U-oaGs1yNv8xkDYDU.woff2), url(/yastatic/islands/_/f0n7GQTqoZeHJ6_Fi4fuysinXeo.woff);
  font-weight: 100;
  font-style: normal;
  font-stretch: normal; }

/* light */
@font-face {
  font-family: 'YS Text Web';
  src: url(/yastatic/islands/_/rmAe3pgPHZzcBuzrfsqV73gHSXY.eot);
  src: url(/yastatic/islands/_/p8HK2Ev5WalcXs8ckwgTGlqHvS4.ttf);
  src: url(/yastatic/islands/_/by-vpc-X6UmO7JCxhQxKTuBSZ2Y.woff2), url(/yastatic/islands/_/62t3OTI7Ni2p1SzUMPLmUOtNxWQ.woff);
  font-weight: 300;
  font-style: italic;
  font-stretch: normal; }

@font-face {
  font-family: 'YS Text Web';
  src: url(/yastatic/islands/_/KAob14N5lGXGZGYvb0MGusnBq_c.eot);
  src: url(/yastatic/islands/_/uj0FTZ-yCuwgdL03HPzKVfMxXNE.ttf);
  src: url(/yastatic/islands/_/kxV2-EeUdyizF_lxQ-hrmltgp3c.woff2), url(/yastatic/islands/_/p9QGkWz-vqtayeFDeI6z9Dxffpo.woff);
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'YS Display';
  src: url(/yastatic/islands/_/em1laIAd9Fs1JT2GKKs5fOYQJSM.eot);
  src: url(/yastatic/islands/_/LLtKkvmBflgluo1OgtXAjxExx7M.ttf);
  src: url(/yastatic/islands/_/k-KIcXeskhlPQuDTLLTeyNmYur4.woff2), url(/yastatic/islands/_/hwozlZT_5YA91hRCY4krn6sT9ggQ.woff);
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

/* regular */
@font-face {
  font-family: 'YS Text Web';
  src: url(/yastatic/islands/_/kprGdbFG193KHZo19HtESsRHncw.eot);
  src: url(/yastatic/islands/_/2SFdG32ETUSsR0lGHx7BLic2F44.ttf);
  src: url(/yastatic/islands/_/KRBKbh7904nwfw8-FzDelXRpZ9o.woff2), url(/yastatic/islands/_/7RkupUWVEcepjeZPFv1xCDdQFhc.woff);
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'YS Display';
  src: url(/yastatic/islands/_/CiijsOk7lC_4jTxNb5PoynbEqDQ.eot);
  src: url(/yastatic/islands/_/ttuU1dXw9pDBsPJ7RqY6WXh54Zk.ttf);
  src: url(/yastatic/islands/_/W-dKLp7z2fg5Z5GTIuesTs2joBg.woff2), url(/yastatic/islands/_/9336akGC8KRkdWO-oCYyKx1T6nM.woff);
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

/* italic regular */
@font-face {
  font-family: 'YS Text Web';
  src: url(/yastatic/islands/_/23dRTYeRApl_I97g63DWpDNUCso.eot);
  src: url(/yastatic/islands/_/h6kmTxZTzjdC66Exd_jCdyhDh-4.ttf);
  src: url(/yastatic/islands/_/g3U2RJxK_bGOPY_N-2FCERCyJD4.woff2), url(/yastatic/islands/_/hIh0vZ9BRbAkDFrbaDOGYZZf3nQ.woff);
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }

/* medium */
@font-face {
  font-family: 'YS Text Web';
  src: url(/yastatic/islands/_/F3BLWopvyUrJfqcehmoD61LBcSQ.eot);
  src: url(/yastatic/islands/_/AK3QePfiz0p_XuKDni2fqRLv770.ttf);
  src: url(/yastatic/islands/_/_Ocpq376VVJdR5aDIq4WkfWF6Gg.woff2), url(/yastatic/islands/_/aHTLG2tTlmAJt89PBP6ke1NjNlI.woff);
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'YS Display';
  src: url(/yastatic/islands/_/Y8M7l2oTxNADTKJZ0jlBjkl-fnU.eot);
  src: url(/yastatic/islands/_/Kdrbeqk5WxIvXrgffCOrt158YNk.ttf);
  src: url(/yastatic/islands/_/R2Zsv_mKc3-ral8dLDRhT9dPzxc.woff2), url(/yastatic/islands/_/GPAudYaE9SJRxVYtzzYqFv0idnQ.woff);
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

/* medium italic */
@font-face {
  font-family: 'YS Text Web';
  src: url(/yastatic/islands/_/CsES5ahNpNB4Sbb50ujKR2tGhmk.eot);
  src: url(/yastatic/islands/_/49bLW5bevvzNOuiJk77m_hYSM1A.ttf);
  src: url(/yastatic/islands/_/ClZA7V31lo_QipAKxFXViv7KLYw.woff2), url(/yastatic/islands/_/l5aHGylNo17allJGXChvWAaimMk.woff);
  font-weight: 500;
  font-style: italic;
  font-stretch: normal; }

/* bold */
@font-face {
  font-family: 'YS Text Web';
  src: url(/yastatic/islands/_/nQkNN762Gs6THHewW5rQMIIyfMA.eot);
  src: url(/yastatic/islands/_/o9D1OOQkIM1tjIvuGeHuvA0EgWA.ttf);
  src: url(/yastatic/islands/_/TR2STky64Ra69XlYzqKN7cnjYfQ.woff2), url(/yastatic/islands/_/6n8FrCwGXwQ5ZumBk1SCxOl2ec8.woff);
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }

.free-research * {
  box-sizing: border-box; }

.free-research {
  font: 300 16px/26px 'YS Text Web', arial, sans-serif;
  margin: 0;
  position: relative;
  min-height: 100vh; }
  .free-research .main-shares {
    padding-bottom: 120px;
    height: auto; }
    .free-research .main-shares span {
      color: #ffffff;
      background: none;
      border: 1px solid;
      border-right: none; }
    .free-research .main-shares a:last-child span {
      border-right: 1px solid; }
  .free-research .characters .text-pane {
    margin-bottom: 25px; }

.slide {
  margin-top: 60px; }

.widget-set {
  margin-top: 0; }

@media screen and (max-width: 812px) {
  .free-research {
    min-width: 0;
    max-width: 100%;
    margin: 0 20px; }
  .slide {
    margin-top: 20px; } }