/* 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_wrapper {
    transition: background-color 0.5s ease;
    background-color: #fff0eb; }
  .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 span:hover {
        color: #ad6d3f; }
    .free-research .main-shares a:last-child span {
      border-right: 1px solid; }

.slide {
  margin-top: 60px; }

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

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

.free-research .title {
  width: 790px;
  max-width: 100%;
  margin: 0 auto;
  padding: 50px 0 0; }
  .free-research .title__header {
    margin: 0 0 29px;
    font-size: 39px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 0.03em;
    text-align: center; }
  .free-research .title__remark {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: #ad6d3f; }

@media screen and (max-width: 812px) {
  .free-research .title {
    padding: 30px 20px 0; }
    .free-research .title__header {
      font-size: 24px;
      line-height: 27px;
      margin-bottom: 10px; } }

.posters-wrapper {
  width: 100%;
  max-width: 1500px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 56px 20px 0; }
  .posters-wrapper .poster {
    width: 31.5%;
    padding-bottom: 0.9%;
    position: relative;
    transition-duration: 0.5s;
    opacity: 0; }
    .posters-wrapper .poster__movie-link {
      display: inline-block; }
    .posters-wrapper .poster__img {
      width: 100%;
      height: auto;
      display: block; }
    .posters-wrapper .poster .share {
      width: 40px;
      height: 200px;
      /*height: 160px;*/
      flex-wrap: wrap;
      position: absolute;
      top: calc(50% - 100px);
      right: 0; }
      .posters-wrapper .poster .share span {
        color: #ad6d3f;
        background-color: #ffffff; }
        .posters-wrapper .poster .share span:hover {
          color: #ffffff;
          background-color: #ad6d3f; }
  .posters-wrapper .poster:nth-child(3n + 2) {
    transition-delay: 0.3s; }
  .posters-wrapper .poster:nth-child(3n + 3) {
    transition-delay: 0.6s; }
  .posters-wrapper .signature {
    transform-origin: 0 0;
    left: -14px;
    bottom: 10px; }
  .posters-wrapper .research-button {
    margin-bottom: 0; }

.signature {
  margin: 0;
  min-width: 292px;
  transform: rotate(270deg);
  position: absolute;
  font-size: 11px;
  line-height: 11px;
  opacity: 0.3; }

@media screen and (max-width: 1500px) and (min-width: 697px) {
  .posters-wrapper {
    padding: 0 20px; } }

@media screen and (max-width: 696px) and (min-width: 415px) {
  .posters-wrapper .poster {
    width: 48%; } }

@media screen and (max-width: 414px) {
  .posters-wrapper {
    padding: 0 20px; }
    .posters-wrapper .poster {
      width: calc(100vw - 40px);
      margin-bottom: 10px;
      padding: 0; }
    .posters-wrapper .signature {
      bottom: -4px; }
    .posters-wrapper .share-button {
      transform: rotate(270deg);
      transform-origin: 0 0;
      position: absolute;
      left: calc(100vw - 45px);
      top: calc(100vw - 86px);
      height: 25px;
      color: #ad6d3f;
      opacity: 1; } }

.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: 14px;
    line-height: 20px;
    padding: 0 20px; }
    .free-research .text-pane__header {
      font-size: 20px;
      margin-top: 20px; } }

.research-button {
  display: block;
  margin: 0 auto 41px;
  color: #ad6d3f;
  background-color: transparent;
  font-size: 12px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  border: none;
  outline: none;
  cursor: pointer; }
  .research-button:hover {
    color: #000000; }

@media screen and (max-width: 812px) {
  .research-button {
    font-size: 10px;
    font-weight: 300;
    line-height: 20px; }
    .research-button:hover {
      color: #ad6d3f; } }

.share {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 200px;
  /*width: 160px;*/
  margin: 0 auto; }
  .share a {
    text-decoration: none;
    height: 40px; }
  .share span {
    width: 40px;
    height: 40px;
    font-size: 15px;
    text-align: center;
    line-height: 40px; }
  .share .fa-telegram {
    font-size: 19px !important; }
  .share-button {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    opacity: 0.5;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer; }

@media screen and (max-width: 812px) {
  .share-button {
    font-size: 10px; } }

.cut {
  width: 790px;
  max-width: 100%;
  margin: 0 auto; }
  .cut__header {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #000000;
    cursor: pointer; }
    .cut__header img {
      width: 12px;
      height: 12px;
      position: absolute;
      top: 6px;
      left: 0;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA9fIAAIFdAABwQgAA40IAADJdAAAWECvt5kEAAAIvSURBVHja3FWxattQFD3XFthDDNYiDAVNtemkVeDBeLGXeLLBAg0FP2cNFAKBEo819RToVCj2E7SQyXix8wXJBwRDh0JWD3YHLx5EIdwOicyTLCvOkKE98BAS5+nee9695xEz44V40YaU+tLtdr8LId4QEeJWFMPhEOv1OjEAqRUIIZiINgD6AC6llH9CqT9yWeEjm82i0WigXq9D07TkCp5+csTMn5n5Z6fTOX5OAt/3MR6P0ev1MJ/PD6ogyDSQ5ZqZzzzP+xVXQZRvWRYcx0GhUNitINA50Pxp4zER3Qgh3u5kF8Ofz+cYDAZYrVa7AYJMlIwemPkrgHdSyvsYOUPPdDqNarWKfr8PwzAAAFqCvLcATj3PuzukHYvFIlzXhWmaoe9aTFYLIjqXUl4d8uN8Po92uw3btvdMDfN2CSEuhBBHeyfskbfFdDpl3/c5CfTak/zvB0jhlaEpRnfBzJ/UIVKrI6Ifo9HoffA+m80wmUywj18ul3FychKq4AuAheqcynPDzB/VzGq1GnRdRxw/m82i1WqFJZJSbojoPGhZdUIB9D3PW6gBMpkM2u024viNRgO6ru+egZTyiohuI95/D+AyTl/btlEqlUJ3hWEYqNfriYd8CuCBmYONH6L3ggrXdZFKpRDwXdcN3Qs7AaSUd8z8LbBqz/Ouk7rENE1UKpWtVVuW9XybElEPwG9mPjukFZvNJnK5HBzH2e9FUcT5f9SLVCyXy//Ui/4OAMxYZqXwVcH6AAAAAElFTkSuQmCC) no-repeat; }
  .cut__body {
    background-color: #ffffff;
    padding: 30px 40px;
    display: none; }

.cut.cut_active .cut__header img {
  background-position: 0 -12px; }

.cut.cut_active .cut__body {
  display: block; }

@media screen and (max-width: 812px) {
  .cut__header {
    margin-left: 20px; }
  .cut__body {
    padding: 20px 0 0; } }

.switch {
  width: 790px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative; }
  .switch__header {
    margin: 39px 0 8px;
    font-size: 18px;
    letter-spacing: 0.075em; }
  .switch__description {
    width: 690px;
    max-width: 100%;
    margin: 0 auto 32px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: rgba(0, 0, 0, 0.7); }
  .switch__buttons {
    width: 640px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 38px;
    outline: none; }
    .switch__buttons__item {
      margin: 0;
      padding: 7px 9px 9px;
      font-size: 12px;
      line-height: 12px;
      letter-spacing: 0.04em;
      color: rgba(0, 0, 0, 0.7);
      background-color: transparent;
      text-transform: uppercase;
      border: none;
      outline: none;
      border-radius: 2.5px;
      cursor: pointer; }
      .switch__buttons__item.active {
        background-color: #f35420;
        color: #ffffff;
        cursor: default; }
      .switch__buttons__item:hover:not(.active) {
        color: #000000; }
  .switch__body {
    position: relative;
    background-color: #e71b00;
    padding-bottom: 25px;
    text-align: left; }
    .switch__body__bg {
      height: 165px;
      background-size: cover; }
    .switch__body__categories {
      display: flex;
      justify-content: space-between;
      padding: 14px 55px 15px;
      font-weight: 500; }
      .switch__body__categories .column {
        width: 224px; }
        .switch__body__categories .column .header {
          margin: 0;
          padding: 0 10px;
          font-size: 12px;
          letter-spacing: 0.06em; }
        .switch__body__categories .column .words__item {
          margin: 0 2px 2px;
          padding: 0 10px;
          font-size: 16px;
          line-height: 26px;
          color: #ffffff;
          cursor: pointer;
          border-radius: 18px;
          opacity: 0.8; }
          .switch__body__categories .column .words__item.active {
            box-shadow: inset 0 0 0 1px;
            opacity: 1; }
          .switch__body__categories .column .words__item:hover {
            opacity: 1; }
    .switch__body__example {
      position: relative;
      width: 715px;
      height: 88px;
      display: flex;
      align-items: center;
      background-color: #ffffff;
      margin-left: 25px;
      padding-left: 25px;
      padding-right: 34px;
      font-size: 20px;
      font-weight: 500;
      line-height: 24px;
      letter-spacing: 0.025em;
      text-align: center;
      color: #000000; }
      .switch__body__example p {
        margin: 0;
        width: 100%; }
      .switch__body__example:after {
        content: '';
        position: absolute;
        top: 0;
        right: -24px;
        width: 0;
        height: 0;
        border-top: 44px solid transparent;
        border-bottom: 44px solid transparent;
        border-left: 24px solid #ffffff; }
  .switch .signature {
    min-width: 310px;
    transform-origin: 100% 0;
    right: -3px;
    bottom: 298px; }
  .switch__link {
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px dotted;
    color: #000000; }
    .switch__link:hover {
      border-bottom: 1px solid; }
  .switch:hover {
    z-index: 5; }

.switch .share,
.slide_shuffle .share {
  position: absolute;
  bottom: -40px;
  left: 295px;
  /*left: 315px;*/ }
  .switch .share span,
  .slide_shuffle .share span {
    color: #ad6d3f;
    background-color: #ffffff; }
    .switch .share span:hover,
    .slide_shuffle .share span:hover {
      color: #ffffff;
      background-color: #ad6d3f; }

@media screen and (max-width: 812px) {
  .genres {
    margin-top: 5px; }
  .switch__header {
    margin: 0 0 4px;
    font-size: 14px;
    letter-spacing: 0.075em; }
  .switch__description {
    margin-bottom: 16px;
    padding: 0 20px;
    font-size: 11px;
    line-height: 15px; }
  .switch__buttons {
    max-width: 300px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px; }
    .switch__buttons__item {
      padding: 8px 10px;
      font-size: 11px;
      line-height: 11px; }
      .switch__buttons__item:hover:not(.active) {
        color: rgba(0, 0, 0, 0.7); }
  .switch__body__bg {
    height: 68px; }
  .switch__body__categories {
    flex-wrap: wrap;
    padding: 13px 20px 4px; }
    .switch__body__categories .column {
      width: 100%;
      margin-bottom: 15px; }
      .switch__body__categories .column .header {
        padding-left: 6px;
        font-size: 10px;
        line-height: 16px; }
      .switch__body__categories .column .words__item {
        display: inline-block;
        padding: 1px 4px 3px;
        font-size: 12px;
        line-height: 15px; }
  .switch__body__example {
    max-width: calc(100% - 34px);
    height: 54px;
    margin-left: 10px;
    padding-left: 12px;
    font-size: 11px;
    line-height: 11px; }
    .switch__body__example:after {
      right: -14px;
      border-top: 27px solid transparent;
      border-bottom: 27px solid transparent;
      border-left: 14px solid #ffffff; }
  .switch .signature {
    width: 100%;
    transform: none;
    left: 0;
    top: -12px;
    font-size: 10px;
    text-align: center; }
  .switch .share,
  .slide_shuffle .share {
    /*left: calc((100vw - 200px) / 2);*/
    left: calc((100vw - 160px) / 2); }
  .switch .research-button,
  .slide_shuffle .research-button {
    margin-top: 9px; } }

.switch .India .highlight {
  color: #ff881d; }

.switch .China .highlight {
  color: #e71b00; }

.switch .Russia .highlight {
  color: #bc8a67; }

.switch .USSR .highlight {
  color: #ff3c1e; }

.switch .USA .highlight {
  color: #5151af; }

.switch .Turkey .highlight {
  color: #78c8f0; }

.switch .Japan .highlight {
  color: #6baf7d; }

.switch .Anime .highlight {
  color: #fea831; }

.switch .Action .highlight {
  color: #22499b; }

.switch .War .highlight {
  color: #f15228; }

.switch .Comedy .highlight {
  color: #ff881d; }

.switch .Melodrama .highlight {
  color: #db8f71; }

.switch .Triller .highlight {
  color: #2f718e; }

.switch .Horror .highlight {
  color: #e71b00; }

.ten-words {
  width: 790px;
  max-width: 100%;
  min-height: 800px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .ten-words__item {
    width: 380px;
    margin-bottom: 10px;
    transition-duration: 0.5s; }
    .ten-words__item__header {
      margin: 0 0 8px;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.05em; }
      .ten-words__item__header_year {
        margin-left: 6px;
        font-weight: 300; }
    .ten-words__item__wrapper {
      position: relative;
      width: 100%;
      margin-bottom: 12px; }
      .ten-words__item__wrapper canvas {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5; }
    .ten-words__item__img {
      width: 100%;
      display: block; }
    .ten-words__item__svg svg {
      height: 270px; }
    .ten-words__item:nth-child(even) {
      transition-delay: 0.3s; }
  .ten-words__button {
    width: 100%;
    text-align: center;
    background: none;
    border: none;
    outline: none;
    transform: scaleX(1.3);
    cursor: pointer;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    color: #ad6d3f;
    margin-top: 15px; }
    .ten-words__button span {
      transform: scaleX(1.3); }
      .ten-words__button span:before {
        font-size: 32px; }
  .ten-words .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: 812px) {
  .ten-words__item {
    margin: 0 auto;
    transform: translateY(20px); }
    .ten-words__item.visible {
      transform: translateY(0); }
    .ten-words__item__img {
      position: relative; }
      .ten-words__item__img_icon {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 5px;
        right: 15px;
        color: #ffffff;
        z-index: 10; }
    .ten-words__item__svg svg {
      height: auto; }
    .ten-words__item__header {
      margin-bottom: 8px;
      display: inline-block;
      text-decoration: none;
      line-height: 19px;
      color: #000000;
      border-bottom: 1px dotted; }
  .ten-words .more-button {
    width: 100%; } }

@media screen and (max-width: 414px) {
  .ten-words__item {
    margin: 0 20px; } }

.funny-queries {
  margin-top: 135px;
  padding-bottom: 120px;
  overflow: hidden;
  min-height: 100vh;
  color: #ffefeb;
  text-align: center; }
  .funny-queries .text-pane__header {
    opacity: 0.9; }
  .funny-queries .text-pane__text {
    opacity: 0.8; }
  .funny-queries__wrapper {
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px auto 120px; }
  .funny-queries__column {
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    transition: 1.5s; }
    .funny-queries__column:nth-child(odd) {
      align-items: flex-start; }
      .funny-queries__column:nth-child(odd) .share-button {
        text-align: right;
        padding-right: 25px; }
      .funny-queries__column:nth-child(odd) .share {
        right: calc(50% + 25px); }
    .funny-queries__column:nth-child(even) {
      align-items: flex-end; }
      .funny-queries__column:nth-child(even) .share-button {
        text-align: left;
        padding-left: 25px; }
      .funny-queries__column:nth-child(even) .share {
        left: calc(50% + 25px); }
    .funny-queries__column .share {
      position: absolute;
      bottom: -50px; }
      .funny-queries__column .share span {
        color: #091221;
        background-color: #ffefeb; }
        .funny-queries__column .share span:hover {
          color: #ffefeb;
          background-color: #091221; }
    .funny-queries__column:hover {
      z-index: 5; }
    .funny-queries__column .share-button {
      width: 50%;
      margin-top: 5px;
      margin-bottom: 5px;
      text-transform: uppercase;
      color: #ffefeb;
      opacity: 0.5;
      background-color: transparent;
      border: none;
      outline: none;
      cursor: pointer;
      letter-spacing: 0.04em; }
      .funny-queries__column .share-button:hover {
        opacity: 1; }
  .funny-queries__item {
    width: 475px; }
  .funny-queries__link {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px dotted; }
    .funny-queries__link:hover {
      border-bottom-style: solid; }

@media screen and (max-width: 812px) {
  .funny-queries {
    padding-bottom: 60px; }
    .funny-queries__wrapper {
      width: 100%;
      padding: 0 20px;
      margin-bottom: 60px; }
    .funny-queries__column {
      transform: translateX(0); }
      .funny-queries__column:nth-child(odd) {
        align-items: flex-end; }
        .funny-queries__column:nth-child(odd) .share-button {
          padding-right: 0; }
        .funny-queries__column:nth-child(odd) .share {
          right: 0; }
      .funny-queries__column:nth-child(even) {
        align-items: flex-start; }
        .funny-queries__column:nth-child(even) .share-button {
          padding-left: 0; }
        .funny-queries__column:nth-child(even) .share {
          left: 0; }
      .funny-queries__column .share {
        bottom: calc(50%); }
      .funny-queries__column .share-button {
        margin: 0 0 10px;
        padding-top: 5px;
        padding-bottom: 8px; }
    .funny-queries__item {
      width: 100%; }
      .funny-queries__item.darken {
        opacity: 0.3; }
  __link:hover {
    border-bottom-style: dotted; } }

@media screen and (max-width: 812px) {
  .funny-queries {
    margin-top: 50px;
    text-align: left; } }

.slide_shuffle {
  position: relative; }

.shuffle {
  width: 790px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 20px auto 0;
  position: relative; }
  .shuffle ::-webkit-scrollbar {
    width: 0;
    background: transparent;
    /* Optional: just make scrollbar invisible */ }
  .shuffle__column {
    width: 235px;
    height: 279px;
    position: relative;
    overflow: hidden; }
  .shuffle__header {
    font-size: 11px;
    font-weight: 500;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase; }
  .shuffle__border {
    width: 100%;
    height: 32px;
    position: absolute;
    top: 147px;
    border: 2px solid;
    color: #000000; }
  .shuffle__body-wrapper {
    position: relative;
    height: 240px;
    overflow: scroll;
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none; }
  .shuffle__body {
    transition-duration: 0.5s; }
  .shuffle__item {
    height: 32px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    opacity: 0.25; }
    .shuffle__item.enabled {
      opacity: 1; }
    .shuffle__item:hover:not(.enabled) {
      opacity: 0.5 !important;
      z-index: 10; }
  .shuffle__button {
    width: 27px;
    height: 27px;
    position: absolute;
    bottom: calc(50% - 36px);
    right: -40px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #000000;
    text-align: center;
    padding-left: 1px;
    padding-top: 1px; }
    .shuffle__button:hover {
      background-color: #ad6d3f; }
    .shuffle__button__icon {
      color: #ffefeb;
      font-size: 14px; }
  .shuffle__example {
    width: 790px;
    margin: 0 auto;
    position: relative; }
    .shuffle__example__text {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 26px 74px 35px;
      width: 100%;
      min-height: 135px;
      max-width: 100%;
      margin: 22px auto 0;
      font-size: 20px;
      font-weight: 500;
      line-height: 24px;
      letter-spacing: 0.025em;
      text-align: center;
      border: 1px solid rgba(233, 158, 0, 0.3); }
      .shuffle__example__text .character {
        color: #f57441; }
      .shuffle__example__text .action {
        color: #e99e00; }
      .shuffle__example__text .property {
        color: #2f718e; }
      .shuffle__example__text p {
        margin: 0; }
  .shuffle__column.characters .shuffle__body {
    padding: 96px 0 110px; }
  .shuffle__column.characters .shuffle__header {
    background-color: #f35421;
    margin-bottom: 23px; }
  .shuffle__column.characters .shuffle__border {
    border-color: #f35421; }
  .shuffle__column.actions .shuffle__body {
    padding: 119px 0 88px; }
  .shuffle__column.actions .shuffle__header {
    background-color: #ffab22; }
  .shuffle__column.actions .shuffle__border {
    border-color: #ffab22; }
  .shuffle__column.properties .shuffle__body {
    padding: 119px 0 88px; }
  .shuffle__column.properties .shuffle__header {
    background-color: #2e708f; }
  .shuffle__column.properties .shuffle__border {
    border-color: #2e708f; }

@media screen and (max-width: 812px) {
  .slide_shuffle {
    position: relative; }
  .shuffle__column {
    height: 228px; }
  .shuffle__body-wrapper {
    height: 195px; }
  .shuffle__header {
    font-size: 10px; }
  .shuffle__border {
    height: 27px;
    top: 118px; }
    .shuffle__border:after {
      content: none; }
    .shuffle__border:before {
      content: none; }
  .shuffle__button {
    bottom: 0;
    right: 10px;
    padding-top: 5px;
    background-color: #ad6d3f; }
  .shuffle__item {
    height: 27px;
    font-size: 13px; }
  .shuffle__example {
    max-width: 100%; }
    .shuffle__example__text {
      min-height: 110px;
      margin-top: 10px;
      padding: 20px 10px;
      font-size: 14px;
      line-height: 17px; }
  .shuffle__column.characters .shuffle__header {
    margin-bottom: 10px; }
  .shuffle__column.characters .shuffle__border {
    border-right: none; }
  .shuffle__column.characters .shuffle__body {
    padding: 80px 0 86px; }
  .shuffle__column.actions .shuffle__body {
    padding: 91px 0 77px; }
  .shuffle__column.properties .shuffle__border {
    border-left: none; }
  .shuffle__column.properties .shuffle__body {
    padding: 91px 0 77px; } }

.disclaimer {
  width: 890px;
  max-width: 100%;
  margin: 60px auto;
  padding: 33px 50px 41px;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.05em;
  background-color: #f45420;
  color: #ffffff; }

@media screen and (max-width: 812px) {
  .disclaimer {
    margin: 20px auto;
    padding: 20px;
    font-size: 14px;
    line-height: 20px; } }

.research-popup {
  cursor: pointer;
  color: #44b; }
  .research-popup:hover {
    color: #e00; }
  .research-popup:after {
    margin-left: 6px;
    padding: 0 4px;
    content: '+';
    border: 1px solid; }
  .research-popup__window {
    width: 400px;
    max-width: calc(100vw - 40px);
    position: absolute;
    opacity: 0;
    padding: 16px;
    font-size: 12.5px;
    line-height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #ffffff;
    box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.4);
    pointer-events: none; }
    .research-popup__window_show {
      opacity: 1; }

@media screen and (max-width: 812px) {
  .research-popup:hover {
    color: #44b; }
  .research-popup__window {
    margin: 0 20px; } }