@charset "UTF-8";

@font-face {
  font-family: "New York Medium Black";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/NewYorkMedium-Black.woff2?beece63bab63fdd160201513cd9c9765) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/NewYorkMedium-Black.woff?435576b5f60964e02936a450138f60df) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "New York Medium Bold";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/NewYorkMedium-Bold.woff2?53d574487f4b121397d3c34f5389b63d) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/NewYorkMedium-Bold.woff?8b9173ac5634bcc2cdb706fcdbe567dc) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "New York Medium Semi Bold";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/NewYorkMedium-Semibold.woff2?a8c2935ca0152c36e0807efab10c96c7) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/NewYorkMedium-Semibold.woff?e808c882e26f1c6d23e9fe856b023ae5) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "New York Medium Regular";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/NewYorkMedium-Regular.woff2?93a4e2dd970a50f4f2fd5804c4f8b51b) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/NewYorkMedium-Regular.woff?b5131c4589b6622c9ea791e03092e6b4) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Mono Bold";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Mono-Bold.woff2?a1895f4b430cff71af70e187ad629466) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Mono-Bold.woff?a626678254c4b956e412040986a69498) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Mono Semi Bold";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Mono-Semibold.woff2?2788d12c955a04bfb50cc05ab2b810f1) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Mono-Semibold.woff?1d063adea4bace4bd5a05f85f1d94fbe) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Mono Medium";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Mono-Medium.woff2?ee74b022e432690cea0453ae6c6a2260) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Mono-Medium.woff?bb6b36d4175524ef33f712a85803284f) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Mono Regular";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Mono-Regular.woff2?79c177f83bae01206fb71ea338b3a226) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Mono-Regular.woff?0f9bbff65221b00293c48684c5876158) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Mono Light";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Mono-Light.woff2?c6f663ba51ed2f931f20f2dd5145d3c2) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Mono-Light.woff?374166166be817c6786cf73b6acd0e4f) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display Black";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/sf-pro-display-black-webfont.woff2?5d6e0f270b598a5c60ba680228f3dadd) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/sf-pro-display-black-webfont.woff?e550a608e3741e71e78f56b654eb7481) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display Heavy";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/sf-pro-display-heavy-webfont.woff2?9f8ad9affe50cca561e1adf1f4ecff3c) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/sf-pro-display-heavy-webfont.woff?0456cf1d99815fe272ee6a0cf2b7c6e7) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display Bold";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Pro-Display-Bold.woff2?1a3d88567a0cb292d5b7bde029535c04) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/SF-Pro-Display-Bold.woff?629b7022d400fc1b7b59fb296bcbfe10) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display Semi Bold";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/sf-pro-display-semibold-webfont.woff2?39c67c7615f80576e13ecd3a09d635e3) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/sf-pro-display-semibold-webfont.woff?2d282a2f222ef42468a87ad69fb12ebc) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display Medium";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/sf-pro-display-medium-webfont.woff2?47449862abb85bf8f6c850aa3930afed) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/sf-pro-display-medium-webfont.woff?851f515b63dc2b2acc8b6b20e3c514e7) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display Regular";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/sf-pro-display-regular-webfont.woff2?29625eba461585c95da4900818e97e18) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/sf-pro-display-regular-webfont.woff?a6a3b962ad38711ee0b330d434a4456c) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "fontello";
  src: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/fontello.woff2?a83153f0f3f09d35e83d4de76915d5d2) format("woff2"), url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/fonts/fontello.woff?f7b2bb65e5f117a39534cf79271f82f7) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-at:before {
  content: "\E800";
}

/* '' */

.icon-arrows-cw:before {
  content: "\E801";
}

/* '' */

.icon-direction-outline:before {
  content: "\E802";
}

/* '' */

.icon-plus:before {
  content: "\E803";
}

/* '' */

.icon-minus:before {
  content: "\E804";
}

/* '' */

.icon-cog:before {
  content: "\E805";
}

/* '' */

.icon-camera-outline:before {
  content: "\E806";
}

/* '' */

.icon-cancel:before {
  content: "\E807";
}

/* '' */

.icon-right-open:before {
  content: "\F006";
}

/* '' */

.icon-logout:before {
  content: "\F02D";
}

/* '' */

.icon-bookmark-empty:before {
  content: "\F097";
}

/* '' */

.icon-twitter:before {
  content: "\F099";
}

/* '' */

.icon-facebook:before {
  content: "\F09A";
}

/* '' */

.icon-instagram-1:before {
  content: "\F16D";
}

/* '' */

.icon-vkontakte:before {
  content: "\F189";
}

/* '' */

.icon-odnoklassniki:before {
  content: "\F263";
}

/* '' */

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 100vh;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  font: 100% sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font: 100% sans-serif;
  margin: 0;
}

.app {
  height: auto;
}

.app--ajax-loading {
  overflow: hidden;
}

.app--active-aside {
  position: relative;
}

@media screen and (max-width: 1280px) {
  .app--active-aside {
    overflow-y: hidden;
  }
}

@media screen and (max-width: 768px) {
  .app {
    overflow-x: hidden;
  }
}

.app--scheme-black {
  background: #000000;
}

.app--scheme-white {
  background: #FFFFFF;
}

.app__holder {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1280px) {
  .app__holder {
    overflow-x: hidden;
  }
}

.app__main {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  margin: 0 396px 0 64px;
}

.app__main:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 5;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity 300ms ease 0ms, height 0ms ease 300ms, width 0ms ease 300ms;
}

@media screen and (max-width: 1280px) {
  .app--active-aside .app__main:after {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
    transition: opacity 300ms ease 0ms;
  }
}

@media screen and (max-width: 1024px) {
  .app--active-mobile-menu .app__main:after {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
    transition: opacity 300ms ease 0ms;
  }
}

.app--active-burger .app__main,
.vgtrk-gallery-full-screen .app__main,
.app--active-live-pop-up .app__main,
.app--active-picture-gallery .app__main {
  z-index: 7;
}

@media screen and (max-width: 1280px) {
  .app__main {
    margin: 0 32px;
  }
}

@media screen and (max-width: 768px) {
  .app__main {
    margin: 0;
    padding: 0 8px;
    overflow: hidden;
  }

  .app--active-search .app__main {
    z-index: 7;
  }
}

.app__aside {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 6;
  width: 332px;
  height: 100%;
}

.app--scheme-black .app__aside {
  background: #1A1A1A;
}

.app--scheme-white .app__aside {
  background: #FFFFFF;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1280px) {
  .app__aside {
    width: 0;
    transform: translateX(100%);
    transition: transform 200ms ease 0ms, width 0ms ease 200ms;
  }

  .app--active-aside .app__aside {
    width: 332px;
    transform: translateX(0);
    transition: transform 200ms ease 0ms;
  }
}

@media screen and (max-width: 359px) {
  .app--active-aside .app__aside {
    width: 320px;
  }
}

.app__mobile-menu {
  display: none;
}

@media screen and (max-width: 1024px) {
  .app__mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 75%;
    height: 100%;
    transform: translateX(100%);
    transition: transform 300ms ease 0ms;
    z-index: 7;
  }

  .app--active-mobile-menu .app__mobile-menu {
    transform: translateX(0);
    transition: transform 300ms ease 0ms;
  }
}

.app--show-fake .DEV_CSS_FAKECONTENT {
  outline: 3px dashed greenyellow;
}

.ps__rail-x {
  display: none;
}

.ps__rail-y {
  display: none;
}

.swiper-lazy {
  opacity: 0;
  transition: opacity 300ms ease 0ms;
}

.swiper-lazy.swiper-lazy-loaded {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.swiper-lazy-preloader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.swiper-lazy-preloader:before {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.vgtrk-gallery__slide,
.vgtrk-gallery__wrapper {
  height: auto !important;
}

.vgtrk-gallery__container {
  padding: 0 8px;
}

.vgtrk-gallery--fullscreen .vgtrk-gallery__inner {
  width: 60% !important;
}

@media screen and (max-width: 1440px) {
  .vgtrk-gallery--fullscreen .vgtrk-gallery__inner {
    width: 70% !important;
  }
}

@media screen and (max-width: 1280px) {
  .vgtrk-gallery--fullscreen .vgtrk-gallery__inner {
    width: 80% !important;
  }
}

.vgtrk-gallery__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.vgtrk-gallery__control {
  float: none;
  margin: auto 0 auto auto;
}

.vgtrk-gallery__btn--switch {
  margin: 0 !important;
}

a {
  text-decoration: none;
  outline: none;
}

p {
  margin: 0;
}

.section {
  width: 100%;
  padding: 0 8px;
  margin-bottom: 60px;
  font-family: "SF Pro Display Medium", sans-serif;
  font-weight: 500;
  box-sizing: border-box;
}

.section--black {
  position: relative;
  padding: 50px 0;
}

.section--black:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: calc(-1 / 12 * 100% - 8px);
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  background: #000000;
  z-index: 1;
}

.app--scheme-white .section__content {
  position: relative;
  z-index: 2;
}

.section__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  z-index: 1;
}

.section__title {
  color: #FFFFFF;
}

.app--scheme-white .section__title {
  color: #2A2C3D;
}

.app--page-brand .section__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
}

.app--page-search .section__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  margin: 25px auto auto 0;
}

.section__more {
  display: flex;
  color: #B8C2CC;
  font-size: 11px;
  font-family: "SF Mono Semi Bold", sans-serif;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.app--scheme-white .section__more {
  color: #2A2C3D;
}

.section__more .icon {
  flex-shrink: 0;
  margin-left: 8px;
}

.section .icon {
  display: inline-block;
}

.section .icon-arrow-right {
  width: 7px;
  height: 12px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/arrow-right.svg?de96eb07f5739261b2913caa85e5f8e7) no-repeat center;
  background-size: 7px 12px;
}

.section .icon-arrow-circle {
  width: 14px;
  height: 14px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/arrow-circle.svg?2e69f93759a90be34ca0dd1faa3de576) no-repeat center;
  background-size: 14px 14px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  background-color: #EFF1F3;
  color: #2A2C3D;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "SF Mono Semi Bold", sans-serif;
  letter-spacing: 0.5px;
  border-radius: 4px;
  border: none;
  outline: none;
  cursor: pointer;
}

.btn-link {
  background-color: transparent;
}

.app--scheme-white .actor__name {
  color: #1A1C26;
}

@media (max-width: 768px) {
  .section {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }
}

.bookmark {
  display: none !important;
}

.video__bookmark {
  display: none;
}

.article__bookmark {
  display: none;
}

.tag-top__bookmark {
  background-image: none !important;
}

.ajaxify-loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  height: 0;
  width: 0;
  opacity: 0;
  transition: opacity 300ms ease 0ms, height 0ms ease 300ms, width 0ms ease 300ms;
}

.app--ajax-loading .ajaxify-loader {
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: opacity 300ms ease 0ms, height 0ms ease 0ms, width 0ms ease 0ms;
}

.app--scheme-white .ajaxify-loader {
  background: rgba(255, 255, 255, 0.7);
}

.app--scheme-black .ajaxify-loader {
  background: rgba(0, 0, 0, 0.7);
}

.ajaxify-loader__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ajaxify-loader__icon {
  display: none;
  height: 44px;
  width: 44px;
  margin: 0 auto 16px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
}

.app--ajax-loading .ajaxify-loader__icon {
  display: block;
}

.ajaxify-loader__progress {
  display: none;
  margin: 0 auto;
  width: 300px;
  height: 4px;
  position: relative;
}

.ajaxify-loader__progress span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #FF0047;
  transition: width 200ms ease 0ms;
}

.vgtrk-widget-form-container {
  border-radius: 8px;
  padding: 44px 32px;
}

.vgtrk-widget-form-container *,
.vgtrk-widget-form-container *::before,
.vgtrk-widget-form-container *::after {
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .vgtrk-widget-form-container {
    padding: 22px 16px;
  }
}

.vgtrk-widget-form-container .vgtrk-widget-form-header-title {
  font: normal 16px/20px "SF Pro Display Bold", sans-serif;
  padding-bottom: 30px;
}

.article__body .vgtrk-widget-form-container p {
  font: inherit;
  padding: 0;
  margin: 0;
}

.article__body .vgtrk-widget-form-container h3 {
  padding: 0;
  margin: 0;
}

.program-about__text .vgtrk-widget-form-container h2 {
  padding: 0 0 24px 0;
  margin: 0;
}

.program-about__text .vgtrk-widget-form-container h3 {
  padding: 0;
  margin: 0;
}

.program-about__text .vgtrk-widget-form-container p {
  padding: unset;
}

.program-about__text .vgtrk-widget-form-container .vgtrk-widget-form-note {
  display: none;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-constraints {
  display: inline-block;
  width: auto;
  text-transform: lowercase;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-constraints:after {
  content: ", ";
  white-space: pre;
  margin-left: -3px;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-constraints:last-child:after {
  content: ".";
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-main {
  display: inline-block;
  width: auto;
  text-transform: none;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-main:after {
  content: ", ";
  white-space: pre;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-main:last-child:after {
  content: ".";
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-el {
  position: absolute;
  display: block;
  height: 100%;
  width: 200%;
  cursor: pointer;
  top: 0;
  left: -100%;
  z-index: 2;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-el-value {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 16px;
  height: 100%;
  width: 100%;
  line-height: 44px;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-required .vgtrk-widget-form-field-title {
  position: relative;
  padding: 0 30px 0 0;
  margin: 0;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-required .vgtrk-widget-form-field-label {
  word-break: break-word;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-required .vgtrk-widget-form-field-label:after {
  font: 700 14px/14px "SF Pro Display Regular", sans-serif;
  content: " *";
  color: #fff;
  /*
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  */
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-required.vgtrk-widget-form-field-error .vgtrk-widget-form-field-title {
  color: #FF0040;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-required.vgtrk-widget-form-field-error .vgtrk-widget-form-field-title .vgtrk-widget-form-field-label:after {
  color: #f0320a;
  /*
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41IiBzdHJva2U9IiNGRjAwNDAiLz4KPHBhdGggZD0iTTkuMjMyNDIgNUw5LjM1NTQ3IDExLjc5NDlIMTAuNjk1M0wxMC44MjUyIDVIOS4yMzI0MlpNMTAuMDI1NCAxNS4wMTQ2QzEwLjU5OTYgMTUuMDE0NiAxMS4wNTA4IDE0LjU1NjYgMTEuMDUwOCAxMy45ODI0QzExLjA1MDggMTMuNDE1IDEwLjU5OTYgMTIuOTU3IDEwLjAyNTQgMTIuOTU3QzkuNDUxMTcgMTIuOTU3IDkgMTMuNDE1IDkgMTMuOTgyNEM5IDE0LjU1NjYgOS40NTExNyAxNS4wMTQ2IDEwLjAyNTQgMTUuMDE0NloiIGZpbGw9IiNGRjAwNDAiLz4KPC9zdmc+Cg==') no-repeat;
  */
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-header {
  padding: 0 0 20px 0;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-el {
  font: normal 16px/18px "SF Pro Display Regular", sans-serif;
  box-sizing: border-box;
  display: block;
  border: 0;
  outline: 0;
  height: 100%;
  width: 100%;
  padding: 0 16px;
  background: transparent;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-mask {
  height: 44px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-date .vgtrk-widget-form-field-mask {
  overflow: visible;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-label {
  padding: 0 0 0 32px;
  display: block;
  position: relative;
  z-index: 3;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-label a {
  color: inherit;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-label:after {
  display: none;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-input {
  display: none;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-title {
  font: normal 18px/22px "SF Pro Display Regular", sans-serif;
  font-weight: 600;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-title-checkbox {
  font: normal 13px/20px "SF Pro Display Regular", sans-serif;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-title-checkbox:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #494949;
  border-radius: 4px;
  z-index: 1;
}

.vgtrk-widget-form-field-error .vgtrk-widget-form-container .vgtrk-widget-form-field-title-checkbox:before {
  border: 1px solid #c8320a;
  background: rgba(200, 50, 10, 0.2);
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-title-checked:after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: -2px;
  left: 7px;
  height: 15px;
  width: 10px;
  border-right: 3px solid #FF0040;
  border-bottom: 3px solid #FF0040;
  transform: rotate(45deg);
  z-index: 2;
}

.vgtrk-widget-form-container select.vgtrk-widget-form-field-el {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 10px 44px 10px 16px;
}

.vgtrk-widget-form-container select.vgtrk-widget-form-field-el::-ms-expand {
  display: none;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-info {
  font: normal 13px/16px "SF Pro Display Regular", sans-serif;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-info-help {
  padding-top: 10px;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-info-counter {
  font-size: 11px;
  padding-top: 12px;
  float: right;
  color: #848586;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-info-error {
  display: none;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field {
  padding-bottom: 25px;
  padding-top: 25px;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field:first-child {
  padding-top: 0;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-textarea .vgtrk-widget-form-field-el {
  resize: none;
  height: 100%;
  padding: 16px;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-textarea .vgtrk-widget-form-field-mask {
  overflow: visible;
  min-height: 180px;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-textarea .vgtrk-widget-form-field-info-help-constraints,
.vgtrk-widget-form-container .vgtrk-widget-form-field-text .vgtrk-widget-form-field-info-help-constraints {
  display: none;
}

.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-mask:after {
  content: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4Ni4zIDQ4Ni4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODYuMyA0ODYuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zOTUuNSwxMzUuOGMtNS4yLTMwLjktMjAuNS01OS4xLTQzLjktODAuNWMtMjYtMjMuOC01OS44LTM2LjktOTUtMzYuOWMtMjcuMiwwLTUzLjcsNy44LTc2LjQsMjIuNSAgICBjLTE4LjksMTIuMi0zNC42LDI4LjctNDUuNyw0OC4xYy00LjgtMC45LTkuOC0xLjQtMTQuOC0xLjRjLTQyLjUsMC03Ny4xLDM0LjYtNzcuMSw3Ny4xYzAsNS41LDAuNiwxMC44LDEuNiwxNiAgICBDMTYuNywyMDAuNywwLDIzMi45LDAsMjY3LjJjMCwyNy43LDEwLjMsNTQuNiwyOS4xLDc1LjljMTkuMywyMS44LDQ0LjgsMzQuNyw3MiwzNi4yYzAuMywwLDAuNSwwLDAuOCwwaDg2ICAgIGM3LjUsMCwxMy41LTYsMTMuNS0xMy41cy02LTEzLjUtMTMuNS0xMy41aC04NS42QzYxLjQsMzQ5LjgsMjcsMzEwLjksMjcsMjY3LjFjMC0yOC4zLDE1LjItNTQuNywzOS43LTY5ICAgIGM1LjctMy4zLDguMS0xMC4yLDUuOS0xNi40Yy0yLTUuNC0zLTExLjEtMy0xNy4yYzAtMjcuNiwyMi41LTUwLjEsNTAuMS01MC4xYzUuOSwwLDExLjcsMSwxNy4xLDNjNi42LDIuNCwxMy45LTAuNiwxNi45LTYuOSAgICBjMTguNy0zOS43LDU5LjEtNjUuMywxMDMtNjUuM2M1OSwwLDEwNy43LDQ0LjIsMTEzLjMsMTAyLjhjMC42LDYuMSw1LjIsMTEsMTEuMiwxMmM0NC41LDcuNiw3OC4xLDQ4LjcsNzguMSw5NS42ICAgIGMwLDQ5LjctMzkuMSw5Mi45LTg3LjMsOTYuNmgtNzMuN2MtNy41LDAtMTMuNSw2LTEzLjUsMTMuNXM2LDEzLjUsMTMuNSwxMy41aDc0LjJjMC4zLDAsMC42LDAsMSwwYzMwLjUtMi4yLDU5LTE2LjIsODAuMi0zOS42ICAgIGMyMS4xLTIzLjIsMzIuNi01MywzMi42LTg0QzQ4Ni4yLDE5OS41LDQ0Ny45LDE0OS42LDM5NS41LDEzNS44eiIgZmlsbD0iIzU1NTU1NSIvPgoJCTxwYXRoIGQ9Ik0zMjQuMiwyODBjNS4zLTUuMyw1LjMtMTMuOCwwLTE5LjFsLTcxLjUtNzEuNWMtMi41LTIuNS02LTQtOS41LTRzLTcsMS40LTkuNSw0bC03MS41LDcxLjVjLTUuMyw1LjMtNS4zLDEzLjgsMCwxOS4xICAgIGMyLjYsMi42LDYuMSw0LDkuNSw0czYuOS0xLjMsOS41LTRsNDguNS00OC41djIyMi45YzAsNy41LDYsMTMuNSwxMy41LDEzLjVzMTMuNS02LDEzLjUtMTMuNVYyMzEuNWw0OC41LDQ4LjUgICAgQzMxMC40LDI4NS4zLDMxOC45LDI4NS4zLDMyNC4yLDI4MHoiIGZpbGw9IiM1NTU1NTUiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  position: absolute;
  display: block;
  top: 50%;
  right: 6px;
  height: 16px;
  width: 16px;
  transform: translateY(-50%);
  z-index: 1;
}

.vgtrk-widget-form-container .vgtrk-widget-form-control {
  text-align: center;
  padding: 30px 0 0 0;
}

.vgtrk-widget-form-container .vgtrk-widget-form-button {
  font: normal 11px/12px "SF Mono Regular", sans-serif;
  letter-spacing: 0.5;
  padding: 16px 120px;
  background: #fff;
  border: 0;
  border-radius: 4px;
  text-transform: uppercase;
}

.vgtrk-widget-form-container .vgtrk-widget-form-datepicker-wrapper {
  height: 44px !important;
}

.vgtrk-widget-form-container .vdp-datepicker__calendar {
  border-radius: 8px;
  margin-top: 8px;
}

.vgtrk-widget-form-container .vdp-datepicker__calendar header .prev {
  border-radius: 8px 0 0 0;
}

.vgtrk-widget-form-container .vdp-datepicker__calendar header .next {
  border-radius: 0 8px 0 0;
}

.vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected,
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected.highlighted,
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected:hover {
  background: transparent;
  border-radius: 30px;
}

.vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover .cell:not(.blank):not(.disabled).year:hover {
  border-radius: 30px;
}

.app--scheme-black .vgtrk-widget-form-container {
  background: #1A1A1A;
  /*
          .vgtrk-widget-form-field-required {
              .vgtrk-widget-form-field-label {
                  &:after {
                      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41IiBzdHJva2U9IiM0MDQwNDAiLz4KPHBhdGggZD0iTTkuMjMyNDIgNUw5LjM1NTQ3IDExLjc5NDlIMTAuNjk1M0wxMC44MjUyIDVIOS4yMzI0MlpNMTAuMDI1NCAxNS4wMTQ2QzEwLjU5OTYgMTUuMDE0NiAxMS4wNTA4IDE0LjU1NjYgMTEuMDUwOCAxMy45ODI0QzExLjA1MDggMTMuNDE1IDEwLjU5OTYgMTIuOTU3IDEwLjAyNTQgMTIuOTU3QzkuNDUxMTcgMTIuOTU3IDkgMTMuNDE1IDkgMTMuOTgyNEM5IDE0LjU1NjYgOS40NTExNyAxNS4wMTQ2IDEwLjAyNTQgMTUuMDE0NloiIGZpbGw9IiM4NDg1ODYiLz4KPC9zdmc+Cg==') no-repeat;
                  }
              }
          }
  */
}

.app--scheme-black .vgtrk-widget-form-container h3,
.app--scheme-black .vgtrk-widget-form-container h2 {
  color: #FFFFFF;
}

.app--scheme-black .vgtrk-widget-form-container p {
  color: #EFF1F3;
}

.app--scheme-black .vgtrk-widget-form-container .vgtrk-widget-form-field-mask {
  background: #292929;
}

.app--scheme-black .vgtrk-widget-form-container .vgtrk-widget-form-field-mask-error {
  border: 1px solid rgba(255, 0, 64, 0.5);
}

.app--scheme-black .vgtrk-widget-form-container .vgtrk-widget-form-field-title {
  color: #fff;
}

.app--scheme-black .vgtrk-widget-form-container .vgtrk-widget-form-field-el {
  color: #B8C2CC;
}

.app--scheme-black .vgtrk-widget-form-container .vgtrk-widget-form-field-info-help {
  color: #EFF1F3;
  opacity: 0.5;
}

.app--scheme-black .vgtrk-widget-form-container select.vgtrk-widget-form-field-el {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDE5TDIyIDI0TDI4IDE5IiBzdHJva2U9IiNCOEMyQ0MiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}

.app--scheme-black .vgtrk-widget-form-container select.vgtrk-widget-form-field-el option {
  background: #292929;
  border: 0;
  outline: 0;
  padding: 0 16px;
}

.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar {
  background: #1A1A1A;
  border: 1px solid #404040;
}

.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar header .prev:after {
  border-right: 10px solid #fff;
}

.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar header .prev.disabled:after {
  border-right: 10px solid #404040;
}

.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar header .next:after {
  border-left: 10px solid #fff;
}

.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar header .next.disabled:after {
  border-left: 10px solid #404040;
}

.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar header .next:not(.disabled):hover,
.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar header .prev:not(.disabled):hover,
.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar header .up:not(.disabled):hover {
  background: #212121;
}

.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected,
.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected.highlighted,
.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected:hover {
  border: 1px solid #FF0040;
}

.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.app--scheme-black .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid #fff;
}

.app--scheme-white .vgtrk-widget-form-container {
  background: #EFF1F3;
  /*
          .vgtrk-widget-form-field-required {
              .vgtrk-widget-form-field-label {
                  &:after {
                      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41IiBzdHJva2U9IiNCOEMyQ0MiLz4KPHBhdGggZD0iTTkuMjMyNDIgNUw5LjM1NTQ3IDExLjc5NDlIMTAuNjk1M0wxMC44MjUyIDVIOS4yMzI0MlpNMTAuMDI1NCAxNS4wMTQ2QzEwLjU5OTYgMTUuMDE0NiAxMS4wNTA4IDE0LjU1NjYgMTEuMDUwOCAxMy45ODI0QzExLjA1MDggMTMuNDE1IDEwLjU5OTYgMTIuOTU3IDEwLjAyNTQgMTIuOTU3QzkuNDUxMTcgMTIuOTU3IDkgMTMuNDE1IDkgMTMuOTgyNEM5IDE0LjU1NjYgOS40NTExNyAxNS4wMTQ2IDEwLjAyNTQgMTUuMDE0NloiIGZpbGw9IiNCOEMyQ0MiLz4KPC9zdmc+Cg==') no-repeat;
                  }
              }
          }
  */
}

.app--scheme-white .vgtrk-widget-form-container h3,
.app--scheme-white .vgtrk-widget-form-container h2 {
  color: #2A2C3D;
}

.app--scheme-white .vgtrk-widget-form-container p {
  color: #B8C2CC;
}

.app--scheme-white .vgtrk-widget-form-container .vgtrk-widget-form-field-mask {
  background: #FFFFFF;
}

.app--scheme-white .vgtrk-widget-form-container .vgtrk-widget-form-field-title {
  color: #2A2C3D;
}

.app--scheme-white .vgtrk-widget-form-container .vgtrk-widget-form-field-el {
  color: #2A2C3D;
}

.app--scheme-white .vgtrk-widget-form-container .vgtrk-widget-form-field-info-help {
  color: #B8C2CC;
}

.app--scheme-white .vgtrk-widget-form-container select.vgtrk-widget-form-field-el {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDE5TDIyIDI0TDI4IDE5IiBzdHJva2U9IiMyQTJDM0QiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}

.app--scheme-white .vgtrk-widget-form-container .vgtrk-widget-form-field-label:after {
  color: #B8C2CC;
}

.app--scheme-white .vgtrk-widget-form-container .vgtrk-widget-form-button {
  background: #D3D9DF;
  color: #2A2C3D;
}

.app--scheme-white .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected,
.app--scheme-white .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected.highlighted,
.app--scheme-white .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected:hover {
  border: 1px solid #2F23EE;
}

.app--scheme-white .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.app--scheme-white .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid #000000;
}

.layout-player {
  box-sizing: border-box;
  width: 332px;
  height: 54px;
  position: fixed;
  bottom: 32px;
  right: 16px;
  z-index: 10;
  border-radius: 4px;
  overflow: hidden;
  padding: 0 54px 0 0;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  display: none;
}

.layout-player.active {
  display: flex;
  flex-flow: row nowrap;
  z-index: 11;
}

.layout-player.static {
  padding: 0;
  border-radius: 0;
  z-index: 9;
}

.app--scheme-white .layout-player {
  background: #000000;
}

.app--scheme-black .layout-player {
  background: #FFFFFF;
}

.app--active-burger .layout-player,
.app--active-aside .layout-player {
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .layout-player {
    bottom: 0;
    right: 0;
    width: 100%;
    border-radius: 4px 4px 0 0;
  }
}

.layout-player__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  letter-spacing: -0.1px;
  text-align: left;
  white-space: nowrap;
  position: absolute;
  top: 19px;
  left: 103px;
  z-index: 2;
}

.layout-player__title:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 18px;
  width: 90px;
  display: none;
}

.layout-player__title.visible {
  display: block;
}

.layout-player__title.visible:after {
  display: block;
}

.static .layout-player__title {
  display: none;
}

.app--scheme-black .layout-player__title {
  color: #1A1C26;
  background: #FFFFFF;
}

.app--scheme-black .layout-player__title:after {
  background: #FFFFFF;
}

.app--scheme-white .layout-player__title {
  color: #FFFFFF;
  background: #000000;
}

.app--scheme-white .layout-player__title:after {
  background: #000000;
}

.layout-player__picture {
  position: absolute;
  top: 0;
  left: 0;
  height: 54px;
  width: 54px;
  z-index: 2;
}

.static .layout-player__picture {
  display: none;
}

.app--scheme-black .layout-player__picture {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/no-image-white-square.png?3982d1cb672452c6224d24a5bd325b5f) center no-repeat;
  background-size: cover;
}

.app--scheme-white .layout-player__picture {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/no-image-black-square.png?0c6a9e6df7f2b6ca66afdd2a5906420a) center no-repeat;
  background-size: cover;
}

.layout-player__link {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

.layout-player__frame {
  position: relative;
  flex: 0 0 100%;
  margin: 0 0 0 54px;
  z-index: 1;
}

.static .layout-player__frame {
  margin: 0;
}

.layout-player__play {
  position: absolute;
  top: 0;
  left: 54px;
  height: 54px;
  width: 49px;
  cursor: pointer;
  z-index: 2;
}

.layout-player__play:before {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.app--scheme-white .layout-player__play {
  background: #000000;
}

.app--scheme-white .layout-player__play:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play-white.svg?018f13b3d2cd880def6bb5d81e562dac) center/auto 100% no-repeat;
}

.app--scheme-white .layout-player--playing .layout-player__play:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/pause-white.svg?46e43e02438e48df334fa2824031bc6f) center/auto 100% no-repeat;
}

.app--scheme-black .layout-player__play {
  background: #FFFFFF;
}

.app--scheme-black .layout-player__play:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play-black.svg?cf7ada6c3ab9a49791454d3238fd161b) center/auto 100% no-repeat;
}

.app--scheme-black .layout-player--playing .layout-player__play:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/pause-black.svg?aed4ee6da959e840bd063e593634bf32) center/auto 100% no-repeat;
}

.layout-player__close {
  position: absolute;
  top: 0;
  right: 0;
  height: 52px;
  width: 54px;
  z-index: 3;
}

.layout-player__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 24px;
  width: 24px;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.layout-player__close:before {
  content: "";
  position: absolute;
  top: 0;
  left: -48px;
  height: 54px;
  width: 48px;
}

.static .layout-player__close {
  display: none;
}

.app--scheme-black .layout-player__close {
  background: #FFFFFF;
}

.app--scheme-black .layout-player__close span {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-close-player-grey.svg?fb4d2eac96d2730043ad636150252a81) center/cover no-repeat;
}

.app--scheme-black .layout-player__close:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 90%);
}

.app--scheme-white .layout-player__close {
  background: #000000;
}

.app--scheme-white .layout-player__close span {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-close-player-dark.svg?5bffaee5ab25ce7f58eec24a9b8ae397) center/cover no-repeat;
}

.app--scheme-white .layout-player__close:before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 90%);
}

.layout-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 0;
  border: 0;
}

.app--scheme-white .layout-player iframe {
  background: #EFF1F3;
}

.app--scheme-black .layout-player iframe {
  background: #000000;
}

.layout-player-button {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 64px;
  width: 64px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-play-new-19.svg?9beb12013d6ef04cd638568640a903f8) center/cover no-repeat;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.layout-player-button.playing {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/pause.svg?8d140cf104d7bea596b668de9f791d4d) center/cover no-repeat;
}

.pseudo-player .layout-player-button {
  top: auto;
  left: 24px;
  bottom: 24px;
  background: rgba(0, 148, 221, 0.3);
  border-radius: 3px;
  transform: unset;
  height: 48px;
  width: 84px;
}

.pseudo-player .layout-player-button:hover {
  background: #0094dd;
}

.pseudo-player .layout-player-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play-white.svg?018f13b3d2cd880def6bb5d81e562dac) center/auto 100% no-repeat;
}

.pseudo-player {
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  position: relative;
  background: #000000;
  z-index: 2;
}

.pseudo-player__title {
  font: 400 18px sans-serif;
  text-align: center;
  color: #eeeeee;
  padding: 24px 24px 0;
}

.pseudo-player__holder {
  box-sizing: border-box;
  width: 100%;
  height: 92px;
  position: relative;
}

.grid {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  display: flex;
}

.grid--active {
  height: 100%;
  opacity: 1;
  transition: opacity 200ms ease 0ms, height 0ms ease 0ms;
}

.grid--hidden {
  height: 0;
  opacity: 0;
  transition: opacity 200ms ease 0ms, height 0ms ease 200ms;
}

.grid__section--main {
  box-sizing: border-box;
  margin: 0 332px 0 0;
  padding: 0 64px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 1280px) {
  .grid__section--main {
    padding: 0 32px;
  }
}

@media screen and (max-width: 1024px) {
  .grid__section--main {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .grid__section--main {
    padding: 0 8px;
  }
}

.grid__section--aside {
  position: absolute;
  top: 0;
  right: 0;
  width: 332px;
  height: 100%;
}

.app--scheme-white .grid__section--aside {
  background: rgba(48, 48, 48, 0.5);
}

.app--scheme-black .grid__section--aside {
  background: rgba(184, 194, 204, 0.5);
}

@media screen and (max-width: 1024px) {
  .grid__section--aside {
    display: none;
  }
}

.grid__column {
  width: 8.3333333333%;
  height: 100%;
  display: flex;
  padding: 0 8px;
}

.grid__column:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}

.app--scheme-white .grid__column:after {
  background: rgba(26, 28, 38, 0.5);
}

.app--scheme-black .grid__column:after {
  background: rgba(255, 0, 71, 0.5);
}

@media screen and (max-width: 768px) {
  .grid__column {
    width: 16.6666666667%;
  }

  .grid__column:nth-child(7) {
    display: none;
  }

  .grid__column:nth-child(8) {
    display: none;
  }

  .grid__column:nth-child(9) {
    display: none;
  }

  .grid__column:nth-child(10) {
    display: none;
  }

  .grid__column:nth-child(11) {
    display: none;
  }

  .grid__column:nth-child(12) {
    display: none;
  }
}

@media screen and (max-width: 425px) {
  .grid__column {
    width: 50%;
  }

  .grid__column:nth-child(3) {
    display: none;
  }

  .grid__column:nth-child(4) {
    display: none;
  }

  .grid__column:nth-child(5) {
    display: none;
  }

  .grid__column:nth-child(6) {
    display: none;
  }

  .grid__column:nth-child(7) {
    display: none;
  }

  .grid__column:nth-child(8) {
    display: none;
  }

  .grid__column:nth-child(9) {
    display: none;
  }

  .grid__column:nth-child(10) {
    display: none;
  }

  .grid__column:nth-child(11) {
    display: none;
  }

  .grid__column:nth-child(12) {
    display: none;
  }
}

.collections__item--slot .slot.slot--default {
  padding: 0;
}

.app__main .slot {
  box-sizing: border-box;
  padding: 0 8px;
}

.app__main .slot--news-list {
  padding: 0 8px;
}

.slot--before-header {
  flex: 0 0 100%;
  padding: 0 72px;
  box-sizing: border-box;
  position: relative;
  z-index: 4;
}

@media screen and (max-width: 1280px) {
  .slot--before-header {
    padding: 0 40px;
  }
}

.slot--before-header > div {
  z-index: 2;
}

.aside {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.app--google-app-store .aside {
  top: 96px;
  height: calc(100% - 96px);
}

.aside__control {
  display: none;
}

@media screen and (max-width: 1280px) {
  .aside__control {
    display: block;
    position: absolute;
    width: 30px;
    top: 82px;
    right: 100%;
    padding: 0;
    z-index: 2;
  }
}

@media screen and (max-width: 768px) {
  .aside__control {
    top: 74px;
  }
}

.aside__content {
  height: 100%;
  width: 100%;
  background: transparent;
  position: relative;
  z-index: 3;
  padding: 0;
}

.aside__button--switch {
  text-align: center;
  text-decoration: none;
  height: 100px;
  width: 30px;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px 0 0 4px;
  display: none;
}

.aside__button--switch:after {
  content: attr(data-label);
  font: 11px/23px "SF Pro Display Medium", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: block;
  margin: auto;
  color: #1A1C26;
  transform: rotate(-90deg);
  transform-origin: center;
}

.app--scheme-black .aside__button--switch {
  background: #1A1A1A;
}

.app--scheme-black .aside__button--switch:after {
  color: #FFFFFF;
}

@media screen and (max-width: 1280px) {
  .aside__button--switch {
    display: flex;
  }
}

.news-feed {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.news-feed__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 2rem 0;
}

.app--scheme-white .news-feed__header {
  background: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  .news-feed__header {
    display: none;
  }

  .app--active-aside .news-feed__header {
    display: flex;
  }
}

.news-feed__content {
  height: calc(100vh - 68px);
  overflow: auto;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  position: relative;
}

.news-feed__content::-webkit-scrollbar {
  display: none;
}

.app--scheme-white .news-feed__content {
  background: #FFFFFF;
}

.news-feed__control {
  margin: auto 0;
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.news-feed__control:hover,
.news-feed__control:active {
  background-color: #EFF1F3;
}

.news-feed__control:hover .news-feed__button,
.news-feed__control:active .news-feed__button {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-filter-black.svg?646827ca4edd1f86a5078dceec9f77a9);
}

.news-feed__control:hover .dialog,
.news-feed__control:active .dialog {
  display: block;
}

.news-feed__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-feed--loading .news-feed__list:after {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  margin: 0 auto;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
  z-index: 1;
}

.news-feed__item {
  padding: 1rem 16px 0;
  margin: 0 0 1.5rem;
}

@media screen and (max-width: 359px) {
  .news-feed__item {
    padding: 1rem 10px 0;
  }
}

.news-feed__slot {
  padding: 0 16px;
}

.news-feed__empty {
  font: 0.75rem/1.3 "SF Mono Medium", sans-serif;
  text-decoration: none;
  padding: 0 16px;
}

.app--scheme-white .news-feed__empty {
  color: #2A2C3D;
}

.app--scheme-black .news-feed__empty {
  color: #FFFFFF;
}

.news-feed__preview {
  margin: 0 0 0.375rem;
  display: flex;
  flex-flow: row nowrap;
}

.news-feed__date {
  font: 0.5625rem/1.3 "SF Mono Medium", sans-serif;
  color: #B8C2CC;
  text-decoration: none;
  letter-spacing: 0.03125rem;
}

.news-feed__header .news-feed__title {
  font: 1rem/1.25 "SF Pro Display Heavy", sans-serif;
  padding: 0 16px;
  margin: auto 0;
}

@media screen and (max-width: 359px) {
  .news-feed__header .news-feed__title {
    padding: 0 10px;
  }
}

.app--scheme-black .news-feed__header .news-feed__title {
  color: #FFFFFF;
}

.app--scheme-white .news-feed__header .news-feed__title {
  color: #2A2C3D;
}

.news-feed__item .news-feed__title {
  font: 0.75rem/1.3 "SF Mono Medium", sans-serif;
  text-decoration: none;
}

.app--scheme-white .news-feed__item .news-feed__title {
  color: #2A2C3D;
}

.app--scheme-black .news-feed__item .news-feed__title {
  color: #FFFFFF;
}

.news-feed__header .news-feed__close {
  display: none;
}

@media screen and (max-width: 359px) {
  .news-feed__header .news-feed__close {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 24px;
  }
}

.app--scheme-white .news-feed__header .news-feed__close {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-close-black.svg?24d907129d9c45bfb2430d4c5391084f) center no-repeat;
  background-size: cover;
}

.app--scheme-black .news-feed__header .news-feed__close {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-close-white.svg?38642e88e8071d1ff81594d9de146560) center no-repeat;
  background-size: cover;
}

.news-feed__tag {
  font: 0.5625rem/1.3 "SF Mono Medium", sans-serif;
  color: #B8C2CC;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
}

.news-feed__item .news-feed__tag {
  margin: 0 0 0 1.25rem;
}

.news-feed__link {
  color: inherit;
  text-decoration: inherit;
}

.news-feed__button--options {
  font: 0 sans-serif;
  text-decoration: none;
  outline: none;
  display: block;
  height: 24px;
  width: 24px;
}

.app--scheme-white .news-feed__button--options {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-filter-black.svg?646827ca4edd1f86a5078dceec9f77a9) center no-repeat;
  background-size: cover;
}

.app--scheme-black .news-feed__button--options {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-filter-white.svg?d59417fe80e511df812946efd8c3665a) center no-repeat;
  background-size: cover;
}

.news-feed__button--switch {
  font: 11px/12px "SF Pro Display Medium", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  color: #1A1C26;
  position: absolute;
  top: 180px;
  left: -30px;
  padding: 10px 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transform: rotate(-90deg);
  transform-origin: top left;
  display: none;
}

@media screen and (max-width: 768px) {
  .news-feed__button--switch {
    display: block;
  }
}

.header {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 4;
}

@media screen and (max-width: 989px) {
  .header {
    padding: 20px 0;
    z-index: 5;
  }
}

.header:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8px;
  width: calc(100% - 16px);
  height: 4px;
  z-index: 2;
}

.header:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: scaleX(2);
  transform-origin: top right;
  z-index: 1;
}

.app--scheme-white .header:after {
  background: #EFF1F3;
}

.app--scheme-white .header:before {
  background: #FFFFFF;
}

.app--scheme-black .header:after {
  background: #1A1A1A;
}

.app--scheme-black .header:before {
  background: #000000;
}

.header__logo {
  box-sizing: border-box;
  margin: auto 30px auto 0;
  padding: 0 8px;
  flex-grow: 0;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1400px) {
  .header__logo {
    margin: auto 10px auto 0;
  }
}

@media screen and (max-width: 1280px) {
  .header__logo {
    margin: auto 30px auto 0;
  }
}

.header__content {
  box-sizing: border-box;
  margin: auto 0;
  padding: 0 8px;
  flex-grow: 1;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 989px) {
  .header__content {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    opacity: 0;
    right: -100%;
    transition: right 0ms ease 600ms, opacity 400ms ease 0ms;
  }

  .app--active-search .header__content,
  .app--active-burger .header__content {
    opacity: 1;
    right: 0;
    transition: right 0ms ease 0ms, opacity 400ms ease 0ms;
    z-index: 3;
  }

  .app--google-app-store .header__content {
    top: 96px;
    height: calc(100% - 96px);
  }
}

.header__mobile-search {
  box-sizing: border-box;
  margin: auto 0 auto auto;
  padding: 0 8px;
  flex-grow: 0;
  position: relative;
  z-index: 2;
  display: none;
}

@media screen and (max-width: 989px) {
  .header__mobile-search {
    display: block;
  }
}

.header__burger {
  box-sizing: border-box;
  margin: auto 0;
  padding: 0 8px;
  flex-grow: 0;
  position: relative;
  z-index: 2;
  display: none;
}

@media screen and (max-width: 989px) {
  .header__burger {
    display: block;
  }
}

.header__wrapper {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 989px) {
  .header__wrapper {
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    padding: 20px 8px 21px 24px;
    height: 100%;
    width: 50%;
    margin: 0 0 0 auto;
    transform: translateX(100%);
    transition: transform 200ms ease 0ms;
  }

  .app--active-search .header__wrapper,
  .app--active-burger .header__wrapper {
    transform: translateX(0);
    transition: transform 200ms ease 200ms;
  }

  .app--scheme-white .header__wrapper {
    background: #FFFFFF;
  }

  .app--scheme-black .header__wrapper {
    background: #000000;
  }
}

@media screen and (max-width: 768px) {
  .header__wrapper {
    width: 75%;
  }
}

.header__navigation {
  margin: auto 0;
}

.app--active-search .header__navigation {
  width: 0;
  overflow: hidden;
  opacity: 0;
  z-index: -1;
}

@media screen and (max-width: 989px) {
  .header__navigation {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 43px;
    margin: 0 0 auto;
    order: 2;
  }

  .app--active-search .header__navigation {
    width: 100%;
    opacity: 1;
    z-index: 1;
    overflow: visible;
  }
}

.header__search {
  margin: auto 0 auto auto;
  flex-grow: 0;
}

.app--active-search .header__search {
  margin: auto -8px auto auto;
  flex-grow: 1;
}

@media screen and (max-width: 989px) {
  .app--active-search .header__search {
    flex-grow: 0;
    margin: 56px 0 20px;
  }
}

@media screen and (max-width: 989px) {
  .header__search {
    box-sizing: border-box;
    margin: 56px 0 20px;
    width: 100%;
    padding: 0;
    order: 1;
  }
}

.header__bookmarks {
  margin: auto;
  flex-grow: 0;
}

@media screen and (max-width: 989px) {
  .header__bookmarks {
    margin: 0;
    position: absolute;
    top: 24px;
    left: 76px;
  }
}

.header__profile {
  margin: auto 0 auto 16px;
  flex-grow: 0;
}

@media screen and (max-width: 989px) {
  .header__profile {
    margin: 0;
    position: absolute;
    top: 20px;
    left: 24px;
  }
}

.header__geo {
  margin: auto 0 auto 16px;
  flex-grow: 0;
}

@media screen and (max-width: 989px) {
  .header__geo {
    margin: auto 0 23px;
    order: 3;
  }
}

.header__social-groups {
  display: none;
}

@media screen and (max-width: 989px) {
  .header__social-groups {
    display: block;
    box-sizing: border-box;
    width: 100%;
    order: 4;
    padding: 0 16px 0 0;
    margin: 0 0 19px;
  }
}

.header__store {
  display: none;
}

@media screen and (max-width: 989px) {
  .header__store {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    order: 5;
    margin: 0;
  }
}

.header__close {
  margin: auto 0;
  display: none;
}

@media screen and (max-width: 989px) {
  .header__close {
    display: block;
    position: absolute;
    top: 24px;
    right: 16px;
  }
}

.header__logo .header__link {
  display: block;
  width: 95px;
  height: 42.25px;
}

@media screen and (max-width: 768px) {
  .header__logo .header__link {
    width: 76px;
    height: 33.89px;
  }
}

.app--scheme-white .header__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-main-black.svg?a44ac1069e902093221c809f957599e9) center no-repeat;
  background-size: cover;
}

.app--scheme-black .header__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-main-white.svg?6f1218f5a64ee897ae258c45d645555c) center no-repeat;
  background-size: cover;
}

.header__burger .header__button {
  display: block;
  height: 24px;
  width: 24px;
}

.app--scheme-white .header__burger .header__button {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-burger-black.svg?b8b0bdfab2ca9a80c9e79fbc18c50b8c) center no-repeat;
  background-size: cover;
}

.app--scheme-black .header__burger .header__button {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-burger-white.svg?fa312a7fe07d86e1718e9206828f0d84) center no-repeat;
  background-size: cover;
}

.header__bookmarks .header__button {
  display: block;
  height: 24px;
  width: 24px;
}

.app--scheme-white .header__bookmarks .header__button {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-bookmark-grey-transparent.svg?8f85834f3274d0bb29a14c9e70a8d5ca) center no-repeat;
  background-size: cover;
}

.app--scheme-black .header__bookmarks .header__button {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-bookmark-white-transparent.svg?e9fb91810a15e1825257b1a9d99a4158) center no-repeat;
  background-size: cover;
}

.header__mobile-search .header__button {
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 32px;
}

.app--scheme-black .header__mobile-search .header__button {
  background: #282828 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-search-white.svg?7e554157a7239ef5a4e423f7877c77fb) center/75% no-repeat;
}

.app--scheme-white .header__mobile-search .header__button {
  background: #EFF1F3 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-search-black.svg?6101ac63d2b66d0af776b2e0a9e61530) center/75% no-repeat;
}

.header__close .header__button {
  display: block;
  height: 24px;
  width: 24px;
}

.app--scheme-white .header__close .header__button {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-close-black.svg?24d907129d9c45bfb2430d4c5391084f) center no-repeat;
  background-size: cover;
}

.app--scheme-black .header__close .header__button {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-close-white.svg?38642e88e8071d1ff81594d9de146560) center no-repeat;
  background-size: cover;
}

.footer {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
  margin-top: 48px;
}

@media screen and (max-width: 768px) {
  .footer {
    padding: 0 0 48px;
  }

  .app--layout-player-active .footer {
    padding: 0 0 104px;
  }
}

.footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  width: calc(100% - 16px);
  height: 4px;
}

@media screen and (max-width: 768px) {
  .footer:before {
    left: -8px;
    width: calc(100% + 16px);
  }
}

.app--page-home .footer:before {
  content: none;
}

.app--page-home .footer.footer {
  margin-top: 0;
}

.app--scheme-black .footer:before {
  background: #303030;
}

.app--scheme-white .footer:before {
  background: #EFF1F3;
}

.footer__logo {
  box-sizing: border-box;
  padding: 0 8px;
  flex: 0 0 25%;
  margin: auto 0;
}

@media screen and (max-width: 768px) {
  .footer__logo {
    flex: 0 0 100%;
    padding: 36px 8px 0;
    margin: 0;
  }
}

.footer__navigation {
  box-sizing: border-box;
  padding: 71px 8px 60px;
  flex: 0 0 50%;
  margin: 0 0 auto 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .footer__navigation {
    flex: 0 0 100%;
    padding: 60px 8px;
    margin: 0;
  }
}

.footer__navigation:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(-50% + 8px);
  width: calc(200% - 16px);
  height: 1px;
  background: linear-gradient(90deg, #53FFEF 0%, #8D43FF 30%, #FF29C9 70%, #FF5F2C 100%);
}

@media screen and (max-width: 768px) {
  .footer__navigation:after {
    left: 8px;
    width: calc(100% - 16px);
  }
}

.footer__store {
  box-sizing: border-box;
  padding: 11px 8px 0;
  flex: 0 0 25%;
  margin: auto 0;
}

@media screen and (max-width: 768px) {
  .footer__store {
    flex: 0 0 100%;
    padding: 31px 8px;
    margin: 0;
    position: relative;
  }

  .footer__store:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 8px;
    width: calc(100% - 16px);
    height: 1px;
  }

  .app--scheme-black .footer__store:after {
    background: #303030;
  }

  .app--scheme-white .footer__store:after {
    background: #EFF1F3;
  }
}

.footer__menu {
  box-sizing: border-box;
  padding: 52px 8px 79px;
  flex: 0 0 25%;
  margin: 0 0 auto 0;
}

@media screen and (max-width: 768px) {
  .footer__menu {
    flex: 0 0 100%;
    padding: 33px 8px;
    margin: 0;
    position: relative;
  }

  .footer__menu:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 8px;
    width: calc(100% - 16px);
    height: 1px;
  }

  .app--scheme-black .footer__menu:after {
    background: #303030;
  }

  .app--scheme-white .footer__menu:after {
    background: #EFF1F3;
  }
}

.footer__info {
  box-sizing: border-box;
  padding: 52px 8px 49px;
  flex: 0 0 75%;
  margin: 0 0 auto 0;
}

@media screen and (max-width: 768px) {
  .footer__info {
    flex: 0 0 100%;
    padding: 36px 8px 76px;
    margin: 0;
  }
}

.footer__info p {
  font: 12px/16px "SF Pro Display Semi Bold", sans-serif;
  margin: 0;
  padding: 0;
}

.footer__info p a {
  color: inherit;
  text-decoration: underline;
}

.app--scheme-white .footer__info p {
  color: #B8C2CC;
}

.app--scheme-black .footer__info p {
  color: #636363;
}

.footer__age-restriction {
  box-sizing: border-box;
  padding: 0 8px 49px;
  flex: 0 1 25%;
  margin: 0 auto auto 0;
}

@media screen and (max-width: 768px) {
  .footer__age-restriction {
    flex: 0 1 auto;
    padding: 0 8px;
    margin: 0;
  }
}

.footer__social-groups {
  box-sizing: border-box;
  padding: 0 8px 49px;
  flex: 1 1 auto;
  margin: 0 0 auto auto;
  display: flex;
}

@media screen and (max-width: 768px) {
  .footer__social-groups {
    flex: 1 1 auto;
    padding: 0 8px;
    margin: 0;
  }
}

.footer__logo .footer__link {
  font: 0 sans-serif;
  text-decoration: none;
  outline: none;
  display: block;
  height: 32px;
  width: 71px;
}

.app--scheme-black .footer__logo .footer__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-main-white.svg?6f1218f5a64ee897ae258c45d645555c) center no-repeat;
  background-size: cover;
}

.app--scheme-white .footer__logo .footer__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-main-black.svg?a44ac1069e902093221c809f957599e9) center no-repeat;
  background-size: cover;
}

.footer__age-restriction .footer__icon {
  display: block;
  height: 32px;
  width: 32px;
}

.app--scheme-black .footer__age-restriction .footer__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-age-restriction-dark.svg?5eb2ac3d389eb29b3b412825a0f1ed6b) center no-repeat;
  background-size: cover;
}

.app--scheme-white .footer__age-restriction .footer__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-age-restriction-white.svg?beed4b539c3110fcc3f599e4efe4dfbb) center no-repeat;
  background-size: cover;
}

.navigation__list {
  padding: 0;
  list-style: none;
}

.header .navigation__list {
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 989px) {
  .header .navigation__list {
    display: block;
    flex-flow: unset;
    margin: 0;
  }
}

.footer .navigation__list {
  margin: 0 -8px;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .footer .navigation__list {
    width: auto;
  }
}

.header .navigation__item {
  margin: 0 20px;
  white-space: nowrap;
}

@media screen and (max-width: 1500px) {
  .header .navigation__item {
    margin: 0 10px;
  }
}

@media screen and (max-width: 1380px) {
  .header .navigation__item {
    margin: 0 5px;
  }
}

@media screen and (max-width: 1280px) {
  .header .navigation__item {
    margin: 0 20px;
  }
}

@media screen and (max-width: 1100px) {
  .header .navigation__item {
    margin: 0 10px;
  }
}

@media screen and (max-width: 989px) {
  .header .navigation__item {
    margin: 24px 0;
  }
}

.navigation__item.navigation__euro .navigation__link {
  width: 115px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/euro2020.svg?f1ffff682c7167a4862dd85fb43549c8) no-repeat center center;
  background-size: contain;
  text-indent: -9999px;
}

.footer .navigation__item {
  box-sizing: border-box;
  width: 33.3333333333%;
  padding: 0 8px;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .footer .navigation__item {
    width: 50%;
  }
}

.navigation__link {
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  display: block;
  transition: color 200ms ease 0ms;
}

.app--scheme-black .navigation__link {
  color: #FFFFFF;
}

.app--scheme-black .navigation__link:hover {
  color: #B8C2CC;
}

.app--scheme-white .navigation__link {
  color: #2A2C3D;
}

.app--scheme-white .navigation__link:hover {
  color: #B8C2CC;
}

.header .navigation__link {
  font: 0.875rem/6.3 "SF Pro Display Heavy", sans-serif;
}

@media screen and (max-width: 989px) {
  .header .navigation__link {
    font: 14px/16px "SF Pro Display Heavy", sans-serif;
  }
}

.header .navigation__link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  transition: background-color 200ms ease 0ms;
}

@media screen and (max-width: 989px) {
  .header .navigation__link:after {
    content: none;
  }
}

.header .navigation__link:hover {
  color: #B8C2CC;
  transition: color 200ms ease 0ms;
}

.header .navigation__link:hover:after {
  background: #B8C2CC;
  transition: background-color 200ms ease 0ms;
}

.app--scheme-black .header .navigation__link--active {
  color: #FF0047;
}

.app--scheme-black .header .navigation__link--active:after {
  background: #FF0047;
}

.app--scheme-white .header .navigation__link--active {
  color: #2F23EE;
}

.app--scheme-white .header .navigation__link--active:after {
  background: #2F23EE;
}

.footer .navigation__link {
  font: 14px/32px "SF Pro Display Heavy", sans-serif;
  transition: color 200ms ease 0ms;
}

.mobile-menu .navigation__link {
  font: 0.875rem/2.5 "SF Mono Bold", sans-serif;
}

.mobile-menu .navigation__link--active {
  color: #2F23EE;
}

.search-form {
  position: relative;
  width: 100%;
  padding: 40px 0 20px;
  margin: 38px 0 0;
}

.search-form:after {
  content: "";
  position: absolute;
  height: 100%;
  width: calc(100% - 16px);
  top: 0;
  left: 8px;
  background: rgba(239, 241, 243, 0.5);
  border-bottom: 4px solid #EFF1F3;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .search-form:after {
    width: calc(100% + 16px);
    left: -8px;
  }
}

.header .search-form {
  width: 100%;
  padding: 0;
  margin: 0;
}

.header .search-form:after {
  content: none;
}

.promo .search-form {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.promo .search-form:after {
  content: none;
}

.header .search-form__control {
  display: block;
}

@media screen and (max-width: 989px) {
  .header .search-form__control {
    display: none;
  }
}

.app--active-search .search-form__control {
  display: none;
}

.search-form__content {
  position: relative;
  z-index: 2;
  width: 66.6666666667%;
  padding: 0 8px;
  box-sizing: border-box;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .search-form__content {
    width: 100%;
  }
}

.header .search-form__content {
  display: none;
  width: 100%;
  padding: 0;
}

@media screen and (max-width: 989px) {
  .header .search-form__content {
    display: block;
  }
}

.app--active-search .header .search-form__content {
  height: 88px;
  display: flex;
}

@media screen and (max-width: 1024px) {
  .app--active-search .header .search-form__content {
    height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .app--scheme-black .header .search-form__content {
    background: #000000;
  }
}

@media screen and (max-width: 1024px) {
  .app--scheme-white .header .search-form__content {
    background: #FFFFFF;
  }
}

.search-form__autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.search-form__form {
  margin: auto;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .search-form__form {
    width: 100%;
  }
}

.app--active-search .header .search-form__form {
  box-sizing: border-box;
  padding: 0 4px;
  width: 100%;
  position: relative;
}

@media screen and (max-width: 989px) {
  .app--active-search .header .search-form__form {
    padding: 0;
  }
}

.search-form__help {
  padding: 0 16px;
  margin: 11px 0 0;
}

.search-form__help p {
  font: 13px/1 "SF Pro Display Medium", sans-serif;
  color: #FFFFFF;
}

.search-form__help a {
  color: inherit;
  text-decoration: underline;
}

.search-form__filter {
  margin: 24px 0 0;
  position: relative;
  z-index: 2;
}

.header .search-form__filter {
  display: none;
}

.app--active-search .header .search-form__filter {
  display: block;
  position: absolute;
  box-sizing: border-box;
  margin: 0;
  top: 100%;
  left: -22.2222222222%;
  width: 133.3333333333%;
  padding: 0 8px;
}

@media screen and (max-width: 1024px) {
  .app--active-search .header .search-form__filter {
    width: 100%;
    left: 0;
  }
}

.search-form__query {
  -webkit-appearance: none;
  outline: 0;
  border: 0;
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 40px;
  box-sizing: border-box;
  padding: 0 40px 0 16px;
  color: #2A2C3D;
  font: 15px/16px "SF Pro Display Semi Bold";
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.search-form__query::-moz-placeholder {
  color: #B8C2CC;
}

.search-form__query:-ms-input-placeholder {
  color: #B8C2CC;
}

.search-form__query::-ms-input-placeholder {
  color: #B8C2CC;
}

.search-form__query::placeholder {
  color: #B8C2CC;
}

.app--scheme-black .header .search-form__query {
  box-shadow: none;
  background: #282828;
  color: #FFFFFF;
}

.app--scheme-white .header .search-form__query {
  box-shadow: none;
  background: #EFF1F3;
  color: #2A2C3D;
}

.search-form__button {
  font-size: 0;
  -webkit-appearance: none;
  border: none;
  outline: none;
  display: block;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 0;
}

.search-form__button--show {
  font: 13px/32px "SF Pro Display Semi Bold";
  height: 32px;
  width: auto;
  position: relative;
  padding: 0 40px 0 0;
  text-indent: -9999px;
}

.search-form__button--show:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 32px;
  width: 32px;
  border-radius: 32px;
}

.app--scheme-black .search-form__button--show {
  color: #FFFFFF;
}

.app--scheme-black .search-form__button--show:after {
  background: #282828 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-search-white.svg?7e554157a7239ef5a4e423f7877c77fb) center/75% no-repeat;
}

.app--scheme-white .search-form__button--show {
  color: #1A1C26;
}

.app--scheme-white .search-form__button--show:after {
  background: #EFF1F3 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-search-black.svg?6101ac63d2b66d0af776b2e0a9e61530) center/75% no-repeat;
}

.search-form__button--clear {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-close-black.svg?24d907129d9c45bfb2430d4c5391084f) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 10px;
  right: 16px;
  display: none;
}

.search-form__button--submit {
  position: absolute;
  top: 4px;
  right: 8px;
  height: 32px;
  width: 32px;
  border-radius: 32px;
}

@media screen and (max-width: 989px) {
  .header .search-form__button--submit {
    right: 4px;
  }
}

.app--scheme-black .search-form__button--submit {
  background: #282828 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-search-white.svg?7e554157a7239ef5a4e423f7877c77fb) center/75% no-repeat;
}

.app--scheme-white .search-form__button--submit {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-search-black.svg?6101ac63d2b66d0af776b2e0a9e61530) center/75% no-repeat;
}

.search-results__header {
  margin: 25px 0 20px;
  box-sizing: border-box;
  padding: 0 8px;
  position: relative;
  z-index: 2;
}

.search-results__control {
  padding: 40px 0;
  margin: 0 8px;
  border-bottom: 3px solid #EFF1F3;
}

.search-results__list {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 100%;
}

.search-results__item {
  position: relative;
  padding: 24px 0 31px;
}

.search-results__item:after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 16px);
  position: absolute;
  bottom: 0;
  left: 8px;
  background: #EFF1F3;
}

.search-results__box {
  width: 66.6666666667%;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 768px) {
  .search-results__box {
    width: 100%;
    display: block;
    flex-flow: unset;
  }
}

.search-results__preview {
  box-sizing: border-box;
  flex: 0 0 50%;
  padding: 0 8px;
}

@media screen and (max-width: 768px) {
  .search-results__preview {
    flex: unset;
  }
}

.search-results__info {
  box-sizing: border-box;
  flex: 0 1 100%;
  padding: 0 8px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

@media screen and (max-width: 768px) {
  .search-results__picture {
    margin: 0 0 16px;
  }
}

.search-results__date {
  font: 11px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #B8C2CC;
  margin: 0 24px 18px 0;
  flex: 0 1 auto;
}

.search-results__tag {
  font: 11px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #2F23EE;
  margin: 0 auto 18px 0;
  flex: 0 1 auto;
}

.search-results__header .search-results__title {
  font: 24px "SF Pro Display Heavy", sans-serif;
  letter-spacing: 0.06px;
  color: #2A2C3D;
}

.search-results__item .search-results__title {
  font: 24px "SF Pro Display Bold", sans-serif;
  color: #2A2C3D;
  margin: 0;
  flex: 0 0 100%;
}

.search-results__link {
  color: inherit;
  text-decoration: none;
}

.search-results__picture .search-results__link img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.search-results__control .search-results__link {
  font: 11px/12px "SF Mono Regular", monospace;
  text-align: center;
  text-transform: uppercase;
  color: #2A2C3D;
  display: block;
  margin: 0 auto;
  width: 33.3333333333%;
  background: #EFF1F3;
  border-radius: 4px;
  padding: 16px 0;
}

@media screen and (max-width: 768px) {
  .search-results__control .search-results__link {
    width: 100%;
  }
}

.autocomplete {
  position: absolute;
  top: 19px;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  border-radius: 24px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  padding: 63px 0 0;
  overflow: hidden;
  display: none;
}

@media screen and (max-width: 989px) {
  .autocomplete {
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
  }
}

.autocomplete--active {
  display: block;
}

.autocomplete--loading {
  padding: 63px 0 25px;
  height: 44px;
}

.autocomplete--loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  z-index: 2;
}

.app--scheme-black .autocomplete--loading:before {
  background: #1A1A1A;
}

.autocomplete--loading:after {
  content: "";
  position: absolute;
  top: 63px;
  left: 50%;
  height: 44px;
  width: 44px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center/cover no-repeat;
  transform: translateX(-50%);
  z-index: 3;
}

.autocomplete__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.autocomplete__control {
  border-top: 1px solid #EFF1F3;
  margin: 25px 0 0;
}

.autocomplete--empty .autocomplete__control {
  display: none;
}

.app--scheme-black .autocomplete__control {
  border-top: 1px solid #282828;
}

.autocomplete__empty {
  font: 15px/20px "SF Pro Display Semi Bold", sans-serif;
  color: #B8C2CC;
  margin: 0 20px 11px;
}

.autocomplete__info {
  margin: 0 0 auto;
  flex-grow: 1;
}

.autocomplete__title {
  font: 15px/20px "SF Pro Display Semi Bold", sans-serif;
  color: #B8C2CC;
}

.autocomplete__title span {
  color: #000000;
}

.app--scheme-black .autocomplete__title span {
  color: #FFFFFF;
}

.autocomplete__anons {
  font: 13px/20px "SF Pro Display Semi Bold", sans-serif;
  color: #B8C2CC;
}

.autocomplete__link {
  display: block;
  position: relative;
  color: inherit;
  padding: 5px 20px 8px 44px;
}

.autocomplete__link:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  position: absolute;
  top: 8px;
  left: 20px;
}

.autocomplete__link[data-type=brands]:before {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-search-brand.svg?8327722a594bea3ae70382b5575956c5);
}

.autocomplete__link[data-type=persons]:before {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-search-person.svg?4cbe8bbf6cc0db9dadfdb0874d9e8e9f);
}

.autocomplete__link:active,
.autocomplete__link:hover {
  background-color: #F7F8F9;
}

.app--scheme-black .autocomplete__link:active,
.app--scheme-black .autocomplete__link:hover {
  background-color: #282828;
}

.autocomplete__submit {
  font: 13px/56px "SF Mono Bold", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  color: #2F23EE;
  display: block;
}

.app--scheme-black .autocomplete__submit {
  color: #FF0040;
}

.app--scheme-black .autocomplete {
  background: #1A1A1A;
}

.user {
  position: relative;
}

.user__picture {
  height: 32px;
  width: 32px;
  background: #2F23EE;
  border-radius: 100%;
}

.user:hover .dialog,
.user:active .dialog {
  display: block;
}

.stories {
  padding: 0 8px;
  box-sizing: border-box;
  width: 50%;
}

@media screen and (max-width: 768px) {
  .stories {
    width: 100%;
  }
}

.stories__header {
  margin-top: 16px;
}

@media screen and (max-width: 1280px) {
  .stories__content {
    width: 100%;
    overflow: auto;
  }
}

.stories__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.stories__list {
  margin: 0 -8px;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

@media screen and (max-width: 425px) {
  .stories__list {
    margin: 0 -4px;
  }
}

.stories__item {
  margin: 0 8px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

@media screen and (max-width: 425px) {
  .stories__item {
    margin: 0 4px;
  }
}

.stories__preview {
  position: relative;
  z-index: 1;
}

.stories__info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.stories__header .stories__title {
  font: 1rem/1.25rem "SF Pro Display Heavy", sans-serif;
}

.app--scheme-black .stories__header .stories__title {
  color: #FFFFFF;
}

.app--scheme-white .stories__header .stories__title {
  color: #2A2C3D;
}

.stories__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.stories__item .stories__background .stories__link {
  display: block;
  height: 128px;
  width: 128px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 768px) {
  .stories__item .stories__background .stories__link {
    width: 132px;
  }
}

.stories__item .stories__background .stories__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.stories__item .stories__background .stories__link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%);
  z-index: 2;
}

.app--scheme-white .stories__item .stories__background .stories__link {
  background: #EFF1F3;
}

.app--scheme-black .stories__item .stories__background .stories__link {
  background: #1A1A1A;
}

.stories__item .stories__title .stories__link {
  font: 13px/14px "SF Pro Display Normal", sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 0 8px 6px 8px;
}

.stories__item .stories__label .stories__link {
  font: 9px/16px "SF Mono", monospace;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: #FF0047;
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px 0;
}

.broadcasts {
  padding: 0 8px;
  box-sizing: border-box;
}

.broadcasts--tv {
  width: 41.6666666667%;
  margin: 0 0 0 8.3333333333%;
}

@media screen and (max-width: 768px) {
  .broadcasts--tv {
    width: 100%;
    margin: 0;
  }
}

.broadcasts__header {
  margin: 1.5rem 0 1.25rem;
}

@media screen and (max-width: 768px) {
  .broadcasts--tv .broadcasts__content {
    width: 100%;
    overflow: auto;
  }
}

.broadcasts__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.broadcasts__list {
  margin: 0 -8px;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
  margin-top: -4px;
}

.broadcasts--tv .broadcasts__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  box-sizing: border-box;
  width: 80px;
  padding: 0 8px;
}

.broadcasts--tv .broadcasts__preview .broadcasts__picture {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 100%;
  margin: 0;
}

.broadcasts__header .broadcasts__title {
  font: 1rem/1.25rem "SF Pro Display Heavy", sans-serif;
}

.app--scheme-black .broadcasts__header .broadcasts__title {
  color: #FFFFFF;
}

.app--scheme-black .broadcasts__header .broadcasts__title a {
  color: #FFFFFF;
  padding-right: 30px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.app--scheme-white .broadcasts__header .broadcasts__title {
  color: #2A2C3D;
}

.app--scheme-white .broadcasts__header .broadcasts__title a {
  color: #2A2C3D;
  padding-right: 30px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.broadcasts--tv .broadcasts__item .broadcasts__title {
  text-align: center;
}

.broadcasts--tv .broadcasts__item .broadcasts__picture .broadcasts__link {
  display: block;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  transform: translate(-50%, -50%);
}

.broadcasts--tv .broadcasts__item .broadcasts__title .broadcasts__link {
  font: 11px/12px "SF Pro Display Medium", sans-serif;
  text-decoration: none;
  word-wrap: break-word;
}

.app--scheme-black .broadcasts--tv .broadcasts__item .broadcasts__title .broadcasts__link {
  color: #FFFFFF;
}

.app--scheme-white .broadcasts--tv .broadcasts__item .broadcasts__title .broadcasts__link {
  color: #2A2C3D;
}

.broadcasts__icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  overflow: hidden;
}

.broadcasts__icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.broadcasts__icon--1 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/1.svg?69b851199787ccf9a0eee6a2f5f899f3) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--1 img {
  display: none;
}

.broadcasts__icon--3 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/3.svg?a910795ad0430573e2af47638d883bfa) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--3 img {
  display: none;
}

.broadcasts__icon--4 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/4.svg?ff928911e4787e31b03755a056163963) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--4 img {
  display: none;
}

.broadcasts__icon--70 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/70.svg?595580945eedab4a51199187dce06585) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--70 img {
  display: none;
}

.broadcasts__icon--76 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/76.svg?108c74e3cd56cad242447a4a75be9ab7) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--76 img {
  display: none;
}

.broadcasts__icon--81 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/81.svg?54b509717f44075810d41ed88ba257a0) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--81 img {
  display: none;
}

.broadcasts__icon--82 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/82.svg?cd670e7661b8edbb365619f985f2ec6b) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--82 img {
  display: none;
}

.broadcasts__icon--199 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/199.svg?d039016888be663ed84b1009ba31f9c7) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--199 img {
  display: none;
}

.broadcasts__icon--200 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/200.svg?cb844a74f47d62117b19ad05bc8226c6) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--200 img {
  display: none;
}

.broadcasts__icon--232 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/232.svg?e60b1e2637f0e66ba0331ea432e8dbde) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--232 img {
  display: none;
}

.broadcasts__icon--93 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/93.svg?6a33bdec82b5f6453bd31dbb3c40199f) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--93 img {
  display: none;
}

.broadcasts__icon--248 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/248.svg?d9c605efaab716933d79d2319118d234) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--248 img {
  display: none;
}

.broadcasts__icon--249 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/249.svg?d0b0bda7e335712cbed75332192ce7d3) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--249 img {
  display: none;
}

.broadcasts__icon--250 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/250.svg?094dc4f8744f278fde4c4558f7314b67) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--250 img {
  display: none;
}

.broadcasts__icon--251 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/251.svg?b199bf53c5692a03ec3e1d7db3cf8933) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--251 img {
  display: none;
}

.broadcasts__icon--252 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/252.svg?5ae7118b155702e8c07391acd5c39e03) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--252 img {
  display: none;
}

.broadcasts__icon--253 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/253.svg?9078465963b97bbfdb3e54d30e3c1597) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--253 img {
  display: none;
}

.broadcasts__icon--254 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/254.svg?b5f6b2f90d0a2e6d984a1c4e6ae251aa) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--254 img {
  display: none;
}

.broadcasts__icon--255 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/255.svg?a71acb68aade3b3ef6159918f6e5ff9a) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--255 img {
  display: none;
}

.broadcasts__icon--256 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/256.svg?8b823eed28fb9ac3e8abc7d337d6f9c7) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--256 img {
  display: none;
}

.broadcasts__icon--257 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/257.svg?5ffe1a83751cb2eb3caca66cc30c0cc7) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--257 img {
  display: none;
}

.broadcasts__icon--258 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/258.svg?fa10885c1f6299c32154e320ffcabd58) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--258 img {
  display: none;
}

.broadcasts__icon--259 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/259.svg?f3b1014a13f87882683b6b452800eb67) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--259 img {
  display: none;
}

.broadcasts__icon--260 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/260.svg?135ca5fa25672b2153bd2c41c13e5224) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--260 img {
  display: none;
}

.broadcasts__icon--261 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/261.svg?c80e2cb3d498cd672c383af935ffd0e8) center no-repeat;
  background-size: cover;
}

.broadcasts__icon--261 img {
  display: none;
}

.broadcasts__progress {
  position: absolute;
  top: 10%;
  left: -30%;
  width: 160%;
  height: 80%;
  z-index: -1;
}

.internet-broadcast {
  margin: 2rem 0;
  padding: 0 8px;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.internet-broadcast__header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.internet-broadcast__content {
  background: #2A2C3D;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.internet-broadcast__content:before,
.internet-broadcast__content:after {
  content: "";
  width: 55%;
  position: absolute;
  bottom: 0;
  height: 64px;
  z-index: 2;
}

.internet-broadcast__content:before {
  transform-origin: top left;
  left: 0;
  transform: rotate(6deg);
}

.internet-broadcast__content:after {
  transform-origin: top right;
  right: 0;
  transform: rotate(-6deg);
}

.app--scheme-black .internet-broadcast__content:before,
.app--scheme-black .internet-broadcast__content:after {
  background: #000000;
}

.app--scheme-white .internet-broadcast__content:before,
.app--scheme-white .internet-broadcast__content:after {
  background: #FFFFFF;
}

.internet-broadcast__slider {
  width: auto;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 70px 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.internet-broadcast__control {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .internet-broadcast__control {
    display: none;
  }
}

.internet-broadcast__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.internet-broadcast__item {
  box-sizing: border-box;
  padding: 0 8px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  width: 20%;
}

@media screen and (max-width: 1280px) {
  .internet-broadcast__item {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .internet-broadcast__item {
    width: 50%;
  }
}

@media screen and (max-width: 425px) {
  .internet-broadcast__item {
    width: 100%;
  }
}

.internet-broadcast__picture {
  margin: 0 0 20px;
}

.internet-broadcast__header .internet-broadcast__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #FFFFFF;
  padding: 24px 8px 0 24px;
}

.internet-broadcast__item .internet-broadcast__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  letter-spacing: -0.1px;
  text-align: center;
  color: #FFFFFF;
}

.internet-broadcast__link {
  color: inherit;
}

.internet-broadcast__picture .internet-broadcast__link {
  font: 0 sans-serif;
  display: block;
  box-sizing: border-box;
  width: 104px;
  height: 104px;
  overflow: hidden;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  margin: 0 auto;
}

.internet-broadcast__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.internet-broadcast__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.internet-broadcast__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.app-store {
  padding: 95px 0;
  width: 100%;
}

.app-store__header {
  position: relative;
  z-index: 2;
}

.app-store__background {
  box-sizing: border-box;
  margin: 0 8px;
  padding: 0 0 44.8744769874%;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .app-store__background {
    padding: 0 0 81.7073170732%;
  }
}

.app-store__background:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 268%;
  width: 350%;
  z-index: 2;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/app-store-gradient.jpg?d104a51d72e6779cf5328fd575247d09) center no-repeat;
  background-size: 57%;
}

@media screen and (max-width: 1280px) {
  .app-store__background:after {
    height: 320%;
  }
}

@media screen and (max-width: 768px) {
  .app-store__background:after {
    background-size: 132%;
  }
}

.app-store__content {
  position: relative;
  z-index: 2;
}

.app-store__list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 66.6666666667%;
  display: flex;
}

@media screen and (max-width: 768px) {
  .app-store__list {
    width: 100%;
    display: block;
  }
}

.app-store__item {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .app-store__item {
    margin: 0 auto 38px;
  }

  .app-store__item:last-child {
    margin: 0 auto;
  }
}

.app-store__preview {
  width: 100%;
  margin: 0 0 14px;
}

.app-store__picture {
  box-sizing: border-box;
  margin: 0 auto;
  width: 50%;
  padding: 0 8px;
}

@media screen and (max-width: 1024px) {
  .app-store__picture {
    width: 75%;
  }
}

@media screen and (max-width: 768px) {
  .app-store__picture {
    width: 100%;
  }
}

.app-store__header .app-store__title {
  font: 36px/40px "New York Medium Bold", serif;
  text-align: center;
  color: #FFFFFF;
  box-sizing: border-box;
  width: 66.6666666667%;
  padding: 0 8px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .app-store__header .app-store__title {
    font: 24px/30px "New York Medium Bold", serif;
    width: 100%;
  }
}

.app-store__item .app-store__title {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  color: #FFFFFF;
}

.app-store__anons {
  font: 16px/24px "SF Pro Display Regular", sans-serif;
  letter-spacing: -0.5px;
  text-align: center;
  color: #FFFFFF;
  box-sizing: border-box;
  width: 66.6666666667%;
  margin: 68px auto 0;
}

@media screen and (max-width: 768px) {
  .app-store__anons {
    margin: 60px auto 0;
    width: 100%;
  }
}

.app-store__link {
  color: inherit;
}

.app-store__picture .app-store__link {
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 27.397260274%;
}

.app-store__item--android .app-store__picture .app-store__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-google-play.svg?cfcee3ddc93d6e76a0fda984295a4c92) center no-repeat;
  background-size: cover;
}

.app-store__item--ios .app-store__picture .app-store__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-app-store.svg?8c5c4667e9f4854e1baebc981b997c69) center no-repeat;
  background-size: cover;
}

.store {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 -8px;
}

.store__preview {
  box-sizing: border-box;
  margin: auto 4px auto 0;
  width: auto;
  padding: 0 8px;
  display: flex;
}

.store__preview:after {
  content: "";
  display: block;
  height: 64px;
  width: 64px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-store_new.svg?2a26f34a191fb56077feb7a34f380f3e) center no-repeat;
  background-size: cover;
  margin: auto auto auto 0;
}

.footer .store__preview {
  margin-right: 0;
}

.store__content {
  box-sizing: border-box;
  margin: auto 0;
  width: auto;
  padding: 0 8px;
}

.store__title {
  font: 11px/1 "SF Pro Display Medium", sans-serif;
  color: #B8C2CC;
  letter-spacing: -0.08px;
  margin: -23px auto 0.8rem auto;
  display: none;
}

.store__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: column nowrap;
}

.store__link {
  font: 13px/24px "SF Pro Display Semi Bold", sans-serif;
  text-decoration: none;
}

.app--scheme-black .store__link {
  color: #FFFFFF;
}

.app--scheme-black .store__link:hover {
  color: #2F23EE;
}

.app--scheme-white .store__link {
  color: #2A2C3D;
}

.app--scheme-white .store__link:hover {
  color: #2F23EE;
}

.social-groups {
  margin: 0 0 0 auto;
}

.social-groups__content {
  display: flex;
}

.header .social-groups__content {
  display: block;
}

.social-groups__content:before {
  content: "\421\43C\43E\442\440\438\43C   \432   \441\43E\446\441\435\442\44F\445";
  font: 12px/16px "SF Pro Display Semi Bold";
  margin: auto 24px auto 0;
}

@media screen and (max-width: 768px) {
  .social-groups__content:before {
    display: none;
  }
}

.header .social-groups__content:before {
  display: none;
}

.app--scheme-black .social-groups__content:before {
  color: #636363;
}

.app--scheme-white .social-groups__content:before {
  color: #B8C2CC;
}

.social-groups__list {
  margin: 0 -12px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.header .social-groups__list {
  margin: 0;
  padding: 19px 0 17px;
  justify-content: space-between;
  position: relative;
}

.header .social-groups__list:before,
.header .social-groups__list:after {
  content: "";
  position: absolute;
  left: 0;
  width: calc(100% + 24px);
  height: 1px;
}

.header .social-groups__list:before {
  top: 0;
}

.header .social-groups__list:after {
  bottom: 0;
}

.app--scheme-black .header .social-groups__list:before,
.app--scheme-black .header .social-groups__list:after {
  background: #282828;
}

.app--scheme-white .header .social-groups__list:before,
.app--scheme-white .header .social-groups__list:after {
  background: #EFF1F3;
}

.social-groups__item {
  box-sizing: border-box;
  margin: 0 12px;
  padding: 0;
  width: auto;
}

.header .social-groups__item {
  margin: 0;
}

.social-groups__link {
  font: 0 sans-serif;
  text-decoration: none;
  display: block;
  height: 32px;
  width: 32px;
}

.app--scheme-black .social-groups__link--odnoklassniki {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-odnoklassniki-default-dark.svg?4861bdd641128afdcc053a4c525e0ff7) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--facebook {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-facebook-default-dark.svg?0fdfee54efd6ad260729547e902acbf2) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--vkontakte {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-vkontakte-default-dark.svg?722513d654474adf2e2e38d5749513dd) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--twitter {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-twitter-default-dark.svg?ef960fd311a390927c0ec0d1b2bff4ae) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--telegram {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-telegram-default-dark.svg?356d2606444ebff8c8392434efbd2fba) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--tiktok {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-tiktok-default-dark.svg?db912b34f0c93027ff55d5b2108b015b) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--youtube {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-youtube-default-dark.svg?b3a71cbbfd98b6af6ddf0f5c13ccb491) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--instagram {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-instagram-default-dark.svg?4cd8f13ef6aefd33b36b57641fa30f76) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--rss {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-rss-default-dark.svg?46198f5eb311d09ed32642e1e778eb5c) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--flipboard {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-flipboard-default-dark.svg?87a54cf09862eed1b0d7af1c8446672b) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--appstore {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-appstore-default-dark.svg?9dc9237ada4b34fbf8f1e52f027484df) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--googleplay {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-googleplay-default-dark.svg?53c0c51f433d3b75232fcfc680de8b8d) center no-repeat;
  background-size: cover;
}

.app--scheme-black .social-groups__link--yzen {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-yzen-default-dark.svg?0503f759b266d6d10770a39219f52f4d) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--odnoklassniki {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-odnoklassniki-default.svg?9e81ad73429d27bf4a82c1fe0909547c) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--facebook {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-facebook-default.svg?1f34f6dcda7a4bf665f30dfb8e0ee072) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--vkontakte {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-vkontakte-default.svg?8fb5d7ff7c78661357a5aaf24b2587f7) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--twitter {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-twitter-default.svg?e37d23647a966c849ecc0c0abe3df5a0) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--telegram {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-telegram-default.svg?ee3029bb44a86844d0275b4aea0b7691) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--tiktok {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-tiktok-default.svg?e418303268e53294b88d3842bb1456be) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--youtube {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-youtube-default.svg?bb214047603d3a994377bb2c77815427) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--instagram {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-instagram-default.svg?bb2a5d11362743fe546cd20a791da506) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--rss {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-rss-default.svg?a496e4fbed456cb7dacea640cdeb5ecc) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--flipboard {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-flipboard-default.svg?d7b759a83704e6ffde41d4158be5f112) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--appstore {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-appstore-default.svg?8ff2fa4dfca7c6d208f41691d72b9678) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--googleplay {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-googleplay-default.svg?594351bcb0b2765b57877757e3e037cf) center no-repeat;
  background-size: cover;
}

.app--scheme-white .social-groups__link--yzen {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-yzen-default.svg?146e35b12bcf798e21938cc9d325a4e7) center no-repeat;
  background-size: cover;
}

.social-groups__link--odnoklassniki:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-odnoklassniki-color.svg?791534288a493829072b17e6a0994e13) center no-repeat;
  background-size: cover;
}

.social-groups__link--facebook:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-facebook-color.svg?5edc5fbb7c089fb6160301a616ea5512) center no-repeat;
  background-size: cover;
}

.social-groups__link--vkontakte:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-vkontakte-color.svg?f21380e4c051ba36bc43707354639ab6) center no-repeat;
  background-size: cover;
}

.social-groups__link--twitter:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-twitter-color.svg?1bfa2a3ee06fed50c65e9f4364d2bae2) center no-repeat;
  background-size: cover;
}

.social-groups__link--telegram:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-telegram-color.svg?f6b2839ca306667d654251c292d64873) center no-repeat;
  background-size: cover;
}

.social-groups__link--tiktok:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-tiktok-color.svg?7a0be4e2ce3d2253d7769c22ba6f9204) center no-repeat;
  background-size: cover;
}

.social-groups__link--youtube:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-youtube-color.svg?06542d0bc5f4ebd1d432397fcf76b73e) center no-repeat;
  background-size: cover;
}

.social-groups__link--instagram:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-instagram-color.svg?b1070e94b37f8e7fbb3eb0fdae87686f) center no-repeat;
  background-size: cover;
}

.social-groups__link--rss:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-rss-color.svg?b32162ede06e6278eafd115e2314c31c) center no-repeat;
  background-size: cover;
}

.social-groups__link--flipboard:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-flipboard-color.svg?5b13e1198c02e6a4314c88ffaf1c886c) center no-repeat;
  background-size: cover;
}

.social-groups__link--appstore:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-appstore-color.svg?1158093e4ab419bfde585b15748e4ef5) center no-repeat;
  background-size: cover;
}

.social-groups__link--googleplay:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-googleplay-color.svg?8dd358a0e06b14fc54945622b6a954d7) center no-repeat;
  background-size: cover;
}

.social-groups__link--yzen:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-yzen-color.svg?e21d45871467ae80835db7b69b30dd06) center no-repeat;
  background-size: cover;
}

.menu__content {
  margin-top: -2px;
}

.menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu__item {
  padding-bottom: 10px;
}

.menu__item:last-child {
  padding: 0;
}

.menu__link {
  font: 13px/20px "SF Pro Display Semi Bold", sans-serif;
  text-decoration: none;
}

.app--scheme-black .menu__link {
  color: #FFFFFF;
}

.app--scheme-white .menu__link {
  color: #2A2C3D;
}

.vesti-promo {
  margin: 1.5rem 0;
  padding: 0 8px;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .vesti-promo {
    padding: 0;
    margin: 1.5rem -8px;
    width: calc(100% + 16px);
  }
}

.vesti-promo__content {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.vesti-promo__slider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  -webkit-clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 76%, 0 0);
          clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 76%, 0 0);
}

@media screen and (max-width: 768px) {
  .vesti-promo__slider {
    -webkit-clip-path: none;
            clip-path: none;
  }
}

.vesti-promo__navigation {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  z-index: 2;
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .vesti-promo__navigation {
    display: none;
  }
}

.vesti-promo__pagination {
  position: absolute;
  top: 25px;
  right: 29px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  z-index: 2;
}

@media screen and (max-width: 1380px) {
  .vesti-promo__pagination {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .vesti-promo__pagination {
    display: flex;
  }
}

@media screen and (max-width: 985px) {
  .vesti-promo__pagination {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .vesti-promo__pagination {
    display: flex;
    top: auto;
    bottom: 15%;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 425px) {
  .vesti-promo__pagination {
    bottom: 20%;
  }
}

.vesti-promo__list {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.vesti-promo__item {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  transition-property: transform;
  overflow: hidden;
  padding-bottom: 39.5136778116%;
}

@media screen and (max-width: 768px) {
  .vesti-promo__item {
    padding-bottom: 0;
    display: flex;
    flex-flow: column nowrap;
  }
}

.vesti-promo__preview {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .vesti-promo__preview {
    position: relative;
    top: auto;
    left: auto;
    order: 2;
    width: 100%;
    height: auto;
    margin: -32px 0 0;
  }
}

@media screen and (max-width: 425px) {
  .vesti-promo__preview {
    margin: -64px 0 0;
  }
}

.vesti-promo__info {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  margin: 0;
  padding: 0 0 72px;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .vesti-promo__info {
    order: 1;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 auto;
    flex: 1 1 auto;
    background: linear-gradient(180deg, #e9f3f9 65%, rgba(233, 243, 249, 0.0001) 99.8%);
  }
}

.vesti-promo__picture {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .vesti-promo__picture {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    -webkit-clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 76%, 0 0);
            clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 76%, 0 0);
  }
}

.vesti-promo__background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .vesti-promo__background {
    overflow: visible;
  }
}

.vesti-promo__background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .vesti-promo__background:before {
    content: none;
  }
}

.vesti-promo__background img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(-1.2, 1.2);
  -webkit-filter: blur(30px);
          filter: blur(30px);
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .vesti-promo__background img {
    transform: scale(1.2, -1.2);
  }
}

.vesti-promo__title {
  font: 34px/44px "SF Pro Display Bold", sans-serif;
  color: #FFFFFF;
  padding: 16px 29px 0;
  margin: 0;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1280px) {
  .vesti-promo__title {
    font: 20px/28px "SF Pro Display Bold", sans-serif;
  }
}

@media screen and (max-width: 1100px) {
  .vesti-promo__title {
    font: 18px/24px "SF Pro Display Bold", sans-serif;
  }
}

@media screen and (max-width: 768px) {
  .vesti-promo__title {
    font: 24px/36px "SF Pro Display Bold", sans-serif;
    padding: 0 16px 32px;
  }
}

.vesti-promo__date {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  color: #FFFFFF;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  opacity: 0.5;
  padding: 24px 29px 0;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .vesti-promo__date {
    padding: 18px 16px 8px;
  }
}

.vesti-promo__link {
  color: inherit;
  text-decoration: none;
}

.vesti-promo__picture .vesti-promo__link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .vesti-promo__picture .vesti-promo__link {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    height: 0;
    min-height: 0;
    padding-bottom: 56.25%;
  }
}

.vesti-promo__picture .vesti-promo__link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.vesti-promo__picture .vesti-promo__link .swiper-lazy-preloader {
  left: 0;
}

.vesti-promo__bullet {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background: #FFFFFF;
  margin: 0 4px;
  opacity: 0.2;
  transition: opacity 300ms ease 0ms;
}

.vesti-promo__bullet--active {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.vesti-promo__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.vesti-promo__button--disabled {
  display: none;
}

.vesti-promo__button--hidden {
  display: none;
}

.vesti-promo__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.vesti-promo__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.promo {
  margin: 30px 0;
  padding: 0 8px;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .promo {
    padding: 0;
    margin: 1.5rem -8px;
    width: calc(100% + 16px);
  }
}

.promo__search {
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .promo__search {
    top: 24px;
    padding: 0 8px;
    box-sizing: border-box;
  }
}

.promo__content {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.promo__control {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  z-index: 2;
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .promo__control {
    display: none;
  }
}

.promo__pagination {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  z-index: 2;
}

.promo__slider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  -webkit-clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
          clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
}

.promo__list {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.promo__item {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  transition-property: transform;
}

.promo__picture .promo__link {
  display: block;
  width: 100%;
  padding-bottom: 39.5136778116%;
  position: relative;
}

.promo__picture .promo__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}

.promo__bullet {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background: #FFFFFF;
  margin: 0 5px;
  opacity: 0.2;
  transition: opacity 300ms ease 0ms;
}

.promo__bullet--active {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.promo__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.promo__button--disabled {
  display: none;
}

.promo__button--hidden {
  display: none;
}

.promo__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.promo__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.genres {
  width: 100%;
  padding: 40px 0;
  position: relative;
}

.genres:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.app--scheme-black .genres:after {
  background: rgba(26, 26, 26, 0.5);
}

.app--scheme-white .genres:after {
  background: #000000;
}

.genres__header {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 20px;
  width: 100%;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .genres__header {
    flex-flow: column nowrap;
  }
}

.genres__content {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  z-index: 2;
}

.genres__content--active {
  display: block;
}

.genres__content--hidden {
  display: none;
}

.genres__control {
  margin: 32px 0 0;
}

.genres__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #FFFFFF;
  margin: auto 0;
  padding: 0 8px;
  flex: 0 1 auto;
}

@media screen and (max-width: 768px) {
  .genres__title {
    margin: 0 0 12px;
  }
}

.genres__filter {
  margin: auto 0;
  padding: 0 8px;
  flex: 0 1 auto;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .genres__filter {
    margin: 20px 0 0;
    width: 100%;
  }
}

.genres__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.genres__list {
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.genres__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  box-sizing: border-box;
  width: 16.6666666667%;
  padding: 8px;
}

@media screen and (max-width: 768px) {
  .genres__item {
    width: 33.3333333333%;
  }
}

.genres__picture .genres__link {
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 0;
  padding-bottom: 148.0582524272%;
  position: relative;
  overflow: hidden;
}

.genres__picture .genres__link img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.genres__control .genres__link {
  font: 11px/48px "SF Mono Bold", monospace;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  color: #B8C2CC;
  display: block;
  border-radius: 4px;
  background: #1A1A1A;
  width: calc(6/12*100% - 16px);
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .genres__control .genres__link {
    width: 100%;
  }
}

.slider {
  overflow: hidden;
}

.slider-wrapper {
  position: relative;
  width: 100%;
}

.slider__list {
  display: flex;
}

.slider__image {
  position: relative;
  width: 100%;
  margin-bottom: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
  transition: transform 0.3s linear;
}

.slider__image img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.slider__item {
  position: relative;
  flex-shrink: 0;
  border-radius: 4px;
}

.slider__item:last-child {
  margin-right: 0 !important;
}

.slider__item .label {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  line-height: 16px;
  padding: 0 5px 0 11px;
  background-color: #FFFFFF;
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 0.5px;
  color: #B8C2CC;
  border-radius: 4px 0px;
  text-transform: uppercase;
}

.slider__item .label-premiere {
  background-color: #FFFFFF;
}

.slider__item .label-exclusive {
  background: radial-gradient(100% 100% at 100% 0%, #FF0040 0%, #2F23EE 100%);
}

.slider__item .label--red {
  background-color: #FF0047;
  color: #FFFFFF;
}

.slider__item {
  flex-shrink: 0;
  border-radius: 4px;
}

.slider__item:last-child {
  margin-right: 0 !important;
}

.slider__title {
  margin-bottom: 4px;
  font-size: 13px;
}

.app--scheme-black .slider__title {
  color: #FFFFFF;
}

.slider__text {
  font-size: 10px;
  color: #FF0047;
  font-family: "SF Mono Medium", sans-serif;
  text-transform: uppercase;
}

.app--scheme-black .slider__text {
  color: #B8C2CC;
}

.slider__control {
  position: absolute;
  top: 50%;
  left: -20px;
  right: -20px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .slider__control {
    display: none;
  }
}

.slider__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-25%);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.slider__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: 0;
}

.slider__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: 0;
}

.slider__button--disabled {
  display: none;
}

.slider-type-1 .slider {
  margin-top: -80px;
}

.slider-type-1 .slider__list {
  padding-top: 80px;
}

.slider-type-1 .slider__item {
  width: 206px;
}

.slider-type-1 .slider__item:hover .slider__title,
.slider-type-1 .slider__item:hover .slider__text {
  color: #FFFFFF;
}

.slider-type-1 .slider__item:hover .slider__image {
  transform: translateY(-16px);
  z-index: -1;
}

.slider-type-1 .slider__item:hover .slider__image:before {
  transform: scale(1);
}

.slider-type-1 .slider__image {
  height: 305px;
}

.slider-type-1 .slider__image:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: radial-gradient(100% 100% at 100% 0%, #FF0047 0%, #2F23EE 100%);
  -webkit-filter: blur(30px);
          filter: blur(30px);
  content: "";
  z-index: -1;
  transition: transform 0.2s linear;
  transform: scale(0);
}

.slider-type-1 .slider__image-inner {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.slider-type-1 .slider__title {
  font-size: 16px;
  color: #2A2C3D;
}

.app--scheme-black .slider-type-1 .slider__title {
  color: #FFFFFF;
}

.slider-type-1 .slider__text {
  font-size: 11px;
}

.slider-type-1 .slider__control {
  margin-top: 40px;
}

@media (max-width: 1919px) {
  .slider-type-1 .slider__item {
    width: 146px;
  }

  .slider-type-1 .slider__image {
    height: 216px;
  }
}

@media (max-width: 1440px) {
  .slider-type-1 .slider__item {
    width: 104px;
  }

  .slider-type-1 .slider__image {
    height: 172px;
  }
}

.slider-type-2 .slider__item {
  width: 317px;
}

.slider-type-2 .slider__image {
  height: 194px;
}

.slider-type-2 .slider__title {
  font-size: 13px;
  color: #FFFFFF;
}

.slider-type-2 .slider__text {
  font-size: 9px;
}

@media (max-width: 1919px) {
  .slider-type-2 .slider__item {
    width: 227px;
  }

  .slider-type-2 .slider__image {
    height: 128px;
  }
}

@media (max-width: 1440px) {
  .slider-type-2 .slider__item {
    width: 160px;
  }

  .slider-type-2 .slider__image {
    height: 88px;
  }
}

.slider-type-3 .slider__list {
  padding-top: 8px;
}

.slider-type-3 .slider__item {
  width: 317px;
  height: 317px;
  color: #FFFFFF;
}

.slider-type-3 .slider__item__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 13px 20px 20px 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-right: 8px;
  box-sizing: border-box;
}

.slider-type-3 .slider__item__inner:before,
.slider-type-3 .slider__item__inner:after {
  position: absolute;
  height: 100%;
  background: radial-gradient(100% 100% at 100% 0%, #FF0040 0%, #2F23EE 100%);
  border-radius: 8px;
  z-index: -1;
  content: "";
}

.slider-type-3 .slider__item__inner:before {
  top: -4px;
  left: 8px;
  right: 8px;
  opacity: 0.5;
}

.slider-type-3 .slider__item__inner:after {
  top: -8px;
  left: 16px;
  right: 16px;
  opacity: 0.25;
}

.slider-type-3 .slider__image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.slider-type-3 .slider__title {
  font-size: 24px;
}

.slider-type-3 .slider__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "SF Mono Bold", sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.slider-type-3 .slider__button {
  transform: none;
}

@media (max-width: 1919px) {
  .slider-type-3 .slider__item {
    width: 227px;
    height: 227px;
  }
}

@media (max-width: 1440px) {
  .slider-type-3 .slider__item {
    width: 216px;
    height: 216px;
  }
}

.slider-type-4 .slider__image {
  width: 389px;
  height: 220px;
}

.slider-type-4 .slider-info {
  padding-top: 15px;
  font-family: "SF Mono Medium";
  font-size: 9px;
  text-transform: uppercase;
  color: #B8C2CC;
}

@media (max-width: 768px) {
  .slider-type-4 .slider__image {
    width: 329px;
    height: 186px;
  }
}

.slider-type-video .slider__item {
  width: 206px;
}

.slider-type-video .slider__image {
  margin-bottom: 6px;
}

.slider-type-video .slider__image .video {
  height: 116px;
  margin: 0;
  background: url("/images/pic-1.png") no-repeat center;
  background-size: cover;
  border-radius: 4px;
  box-sizing: border-box;
}

.slider-type-video .slider__image .btn-play {
  position: absolute;
  bottom: 14px;
  left: 14px;
  width: 28px;
  height: 22px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play-2.svg?e7d7e04a5af711dd9676bcba2bb0155a) no-repeat center;
  background-size: 28px 22px;
}

.slider-type-video .slider__title {
  margin-bottom: 3px;
  font-size: 13px;
  color: #2A2C3D;
}

.slider-type-video .slider__text {
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.slider-type-video .slider__control {
  margin-top: -10px;
}

@media (max-width: 1919px) {
  .slider-type-1 .slider__item {
    width: 146px;
  }

  .slider-type-1 .slider__image {
    height: 216px;
  }
}

@media (max-width: 1440px) {
  .slider-type-1 .slider__item {
    width: 104px;
  }

  .slider-type-1 .slider__image {
    height: 172px;
  }
}

.js-slider-top {
  padding: 0 8px;
  margin-bottom: 15px;
  margin-top: 2rem;
  box-sizing: border-box;
}

.js-slider-top .slider {
  position: relative;
  -webkit-clip-path: polygon(100% 0, 100% 88%, 50% 100%, 0 88%, 0 0);
          clip-path: polygon(100% 0, 100% 88%, 50% 100%, 0 88%, 0 0);
}

.js-slider-top .slider__item {
  display: flex;
  height: 457px;
  border-radius: 0;
}

.js-slider-top .slider__image,
.js-slider-top .slider__content {
  width: 50%;
  height: 100%;
}

.js-slider-top .slider__image {
  margin: 0;
  border-radius: 0;
}

.js-slider-top .slider__content {
  position: relative;
  padding: 24px 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
  transform: scaleX(-1);
}

.js-slider-top .slider__content__before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  -webkit-filter: blur(30px);
          filter: blur(30px);
}

.js-slider-top .slider__content__before:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #1A1C26 0%, rgba(26, 28, 38, 0.74) 100%);
  opacity: 0.7;
  -webkit-filter: blur(0);
          filter: blur(0);
  content: "";
}

.js-slider-top .slider__top {
  position: relative;
  margin-bottom: 16px;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  transform: scaleX(-1);
}

.js-slider-top .slider__title {
  position: relative;
  font-family: "SF Pro Display Bold", sans-serif;
  font-size: 34px;
  color: #FFFFFF;
  transform: scaleX(-1);
}

.js-slider-top .slider__control {
  left: -12px;
  right: -12px;
}

.js-slider-top .slider__pagination {
  position: absolute;
  top: 24px;
  right: 32px;
  display: flex;
  align-items: center;
}

.js-slider-top .slider__dot {
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: background 0.3s linear;
  outline: none;
}

.js-slider-top .slider__dot:last-child {
  margin-right: 0;
}

.js-slider-top .slider__dot--active {
  background-color: #FFFFFF;
}

@media (max-width: 1440px) {
  .js-slider-top .slider__item {
    height: 400px;
  }
}

@media (max-width: 1280px) {
  .js-slider-top .slider__item {
    height: 320px;
  }

  .js-slider-top .slider__title {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .js-slider-top .slider {
    margin-left: -16px;
  }

  .js-slider-top .slider__item {
    height: auto;
    flex-direction: column;
  }

  .js-slider-top .slider__image {
    height: 332px;
    width: 100%;
    margin-top: -64px;
  }

  .js-slider-top .slider__top {
    color: #FFFFFF;
  }

  .js-slider-top .slider__content {
    order: -1;
    height: auto;
    width: 100%;
    padding: 16px;
    padding-bottom: 64px;
    background: linear-gradient(180deg, #E9F3F9 65%, rgba(233, 243, 249, 0.0001) 99.8%) !important;
  }

  .js-slider-top .slider__content:before {
    display: none;
  }

  .js-slider-top .slider__title {
    font-size: 24px;
    color: #FFFFFF;
    min-height: 99px;
  }

  .js-slider-top .slider__pagination {
    bottom: 32px;
    left: 50%;
    right: auto;
    top: auto;
    transform: translateX(-50%);
  }
}

.slider-type-random .slider__list {
  padding-top: 8px;
}

.slider-type-random .slider__item {
  position: relative;
  width: 146px;
  box-sizing: border-box;
}

.slider-type-random .slider__item--type-2 {
  width: 389px;
}

.slider-type-random .slider__item--type-3,
.slider-type-random .slider__item--type-4,
.slider-type-random .slider__item--type-5,
.slider-type-random .slider__item--type-6 {
  height: 220px;
}

.slider-type-random .slider__item--type-3 {
  box-shadow: 0px 4px 24px rgba(184, 194, 204, 0.5);
}

.slider-type-random .slider__item--type-3 .slider__image {
  height: 82px;
  margin-bottom: 9px;
}

.slider-type-random .slider__item--type-3 .slider__image .video {
  height: 100%;
  width: 100%;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.slider-type-random .slider__item--type-3 .slider__image .btn-play {
  position: absolute;
  bottom: 14px;
  left: 14px;
  width: 28px;
  height: 22px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play-2.svg?e7d7e04a5af711dd9676bcba2bb0155a) no-repeat center;
  background-size: 28px 22px;
}

.slider-type-random .slider__item--type-3 .slider__title {
  padding: 0 8px;
  font-size: 13px;
}

.slider-type-random .slider__item--type-3 .slider__text {
  position: absolute;
  bottom: 13px;
  left: 8px;
  font-family: "Sf Mono Medium";
  font-weight: 500;
  font-size: 9px;
}

.slider-type-random .slider__item--type-4 {
  width: 220px;
}

.slider-type-random .slider__item--type-4 .slider__item__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 13px 20px 20px 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-right: 8px;
  box-sizing: border-box;
}

.slider-type-random .slider__item--type-4 .slider__item__inner:before,
.slider-type-random .slider__item--type-4 .slider__item__inner:after {
  position: absolute;
  height: 100%;
  background: radial-gradient(100% 100% at 100% 0%, #FF0040 0%, #2F23EE 100%);
  border-radius: 8px;
  z-index: -1;
  content: "";
}

.slider-type-random .slider__item--type-4 .slider__item__inner:before {
  top: -4px;
  left: 8px;
  right: 8px;
  opacity: 0.5;
}

.slider-type-random .slider__item--type-4 .slider__item__inner:after {
  top: -8px;
  left: 16px;
  right: 16px;
  opacity: 0.25;
}

.slider-type-random .slider__item--type-4 .slider__image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.slider-type-random .slider__item--type-4 .slider__title {
  font-size: 24px;
  color: #FFFFFF;
}

.slider-type-random .slider__item--type-4 .slider__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "SF Mono Bold", sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

.slider-type-random .slider__item--type-5 {
  padding: 19px 8px;
  box-shadow: 0px 4px 24px rgba(184, 194, 204, 0.5);
}

.slider-type-random .slider__item--type-5 .slider__title {
  margin-bottom: 15px;
  font-size: 13px;
  font-family: "SF Pro Display Bold";
  font-weight: 700;
}

.slider-type-random .slider__item--type-5 .slider__text {
  font-family: "SF Pro Display Medium", sans-serif;
  font-weight: 500;
  font-size: 13px;
  text-transform: none;
  color: #2A2C3D;
}

.slider-type-random .slider__item--type-6 {
  padding: 19px 8px;
  box-shadow: 0px 4px 24px rgba(184, 194, 204, 0.5);
}

.slider-type-random .slider__item--type-6 .slider__title {
  font-family: "SF Pro Display Heavy";
}

.slider-type-random .slider__item--type-6 .slider__text {
  position: absolute;
  bottom: 13px;
  left: 8px;
  font-family: "Sf Mono Medium";
  font-weight: 500;
  font-size: 9px;
}

.slider-type-random .slider__image {
  height: 220px;
  margin-bottom: 11px;
  border-radius: 4px;
}

.slider-type-random .slider__image-inner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.slider-type-random .slider__title {
  margin-bottom: 4px;
  color: #2A2C3D;
  font-family: "SF Pro Display Heavy", sans-serif;
  font-size: 16px;
}

.slider-type-random .slider__text {
  font-family: "Sf Mono Semi Bold", sans-serif;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  color: #B8C2CC;
}

.slider-type-random .slider__icon {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 8px;
  left: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}

.slider-type-random .slider__icon--point {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/point.svg?a1d6d0ad69be78b43a8eaa015b96b81d);
}

.slider-type-random .slider__icon--microphone {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/microphone.svg?a3e2adf19c720612a4f31b03caf15d6a);
}

.slider-type-random .slider__icon--equalizer {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/equalizer.svg?cba96768dc6387149fb06c2b5b9f5394);
}

@media (max-width: 768px) {
  .slider {
    margin-right: -16px;
  }
}

.program-top__video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 18px;
}

@media screen and (max-width: 425px) {
  .program-top__video {
    padding-bottom: 150%;
  }
}

.program-top__video img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translateY(-50%);
  -webkit-clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 76%, 0 0);
          clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 76%, 0 0);
}

@media screen and (max-width: 425px) {
  .program-top__video img {
    -webkit-clip-path: polygon(100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
            clip-path: polygon(100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
  }
}

.program-top__video a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.program-top__video .bg-video {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translateY(-50%);
  -webkit-clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 76%, 0 0);
          clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 76%, 0 0);
}

@media screen and (max-width: 425px) {
  .program-top__video .bg-video {
    -webkit-clip-path: polygon(100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
            clip-path: polygon(100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
  }
}

.program-top__subtitle {
  margin-bottom: 8px;
  color: #B8C2CC;
  font-family: "SF Mono Bold", sans-serif;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.program-top__title {
  margin-bottom: 26px;
  color: #FFFFFF;
  font-family: "SF Pro Display Bold", sans-serif;
  font-size: 34px;
}

.program-top__info {
  display: flex;
  justify-content: space-between;
}

.program-top__genre {
  justify-content: space-between;
}

.program-top__genre__link {
  color: #B8C2CC;
}

.program-top__bottom {
  font-family: "SF Mono Medium", sans-serif;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  text-transform: uppercase;
}

.program-top__age {
  color: #FFF;
  border: 1px solid #FFF;
  padding: 6px 4px 4px;
  font-size: 9px;
  border-radius: 100%;
  text-align: center;
}

.program-top .video {
  height: 100%;
  width: 100%;
  background: url("/images/program.jpg") no-repeat center;
  background-size: cover;
  -webkit-clip-path: polygon(100% 0, 100% 88%, 50% 100%, 0 88%, 0 0);
          clip-path: polygon(100% 0, 100% 88%, 50% 100%, 0 88%, 0 0);
  padding: 0;
}

.program-top .btn-play {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play2.svg?5c5425c5ef15ef5fa38afa8f5e529ec9) no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 425px) {
  .program-top .btn-play {
    background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play2vhdr.svg?f40fc4904f82b4a7bb5a7b7816cb4a05) no-repeat center;
    background-size: contain;
  }
}

.program-top__age {
  color: #B8C2CC;
  border: 1px solid #B8C2CC;
  padding: 6px 4px 4px;
  font-size: 9px;
  border-radius: 100%;
  text-align: center;
  width: 16px;
  height: 14px;
}

.program-top__country-year {
  color: #B8C2CC;
  text-align: left;
}

.program-top__country {
  margin-bottom: 5px;
}

.tags {
  margin-top: 56px;
  text-align: center;
}

.podcast-page .tags {
  text-align: left;
  padding: 0 8px;
}

.tags__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  margin-bottom: 16px;
  background-color: #FFFFFF;
  border-radius: 6px;
  font-size: 13px;
  color: #2A2C3D;
}

.tags__item:last-child {
  margin-right: 0;
}

.app--page-brand .tags__item {
  color: #686E78;
  background-color: #1A1A1A;
}

.tags__item:hover {
  color: #FFFFFF;
  background-color: #303030;
}

.tags__item a {
  font: 11px/32px "SF Mono Semi Bold", monospace;
  text-transform: uppercase;
  display: block;
  padding: 0 13px;
  height: 32px;
}

.tags__link {
  color: inherit;
}

.bookmark {
  display: flex;
  align-items: center;
  margin-top: 50px;
}

.bookmark__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background: #1A1A1A url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/bookmark.svg?051287ce45bc7f0b10b95b3db6d7b80a) no-repeat center;
  background-size: 12px 15px;
  border-radius: 50%;
}

.bookmark__text {
  color: #B8C2CC;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.rating {
  width: 308px;
}

.rating__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  margin-bottom: 13px;
  font-family: "SF Pro Display Bold", sans-serif;
  font-size: 36px;
  color: #FFFFFF;
}

.rating__text {
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  color: #B8C2CC;
}

.rating .btn-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 65px;
  border-radius: 16px;
}

.rating .btn-rating-minus {
  background-color: #1A1A1A;
}

.rating .btn-rating-plus {
  background-image: radial-gradient(100% 100% at 100% 0%, #FF0040 0%, #2F23EE 100%);
}

.rating .icon {
  display: inline-block;
  width: 19px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px 20px;
}

.rating .icon-like {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/like.svg?0dac7ef7c7498f74685ef1aae5621f92);
}

.rating .icon-unlike {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/unlike.svg?625e2ea9a90fb6def7484559be500c8d);
}

@media (max-width: 1440px) {
  .program-all .slider__image {
    height: 128px;
  }
}

@media (max-width: 1024px) {
  .program-top__tags {
    margin-top: 56px;
    text-align: center;
  }

  .program-top__info {
    display: block;
  }

  .program-top__rating {
    padding-bottom: 24px;
    margin-bottom: 19px;
    border-bottom: 1px solid #1A1A1A;
  }

  .program-top .rating__content {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .section.program-top {
    padding: 0;
    margin: 0 -8px 60px;
    width: calc(100% + 16px);
  }
}

@media screen and (max-width: 768px) {
  .section.program-top .program-top__content {
    padding: 0 16px;
  }
}

.program-all__subscribe {
  margin-left: auto;
}

.program-all .section__content {
  display: flex;
}

.program-all .slider-wrapper {
  width: 100%;
  margin-right: 22px;
  overflow-x: hidden;
}

.program-all .slider__item {
  width: 146px;
  margin-right: 16px;
}

.program-all .slider__image {
  height: 82px;
}

.program-all .slider-type-2 .slider__item {
  width: 146px;
}

@media screen and (max-width: 1440px) {
  .program-all .slider-type-2 .slider__item {
    width: 146px;
  }
}

@media screen and (max-width: 768px) {
  .program-all .slider-type-2 .slider__item {
    width: 160px;
  }
}

.program-all .slider-type-2 .slider__image {
  height: 82px;
}

@media screen and (max-width: 1440px) {
  .program-all .slider-type-2 .slider__image {
    height: 82px;
  }
}

@media screen and (max-width: 768px) {
  .program-all .slider-type-2 .slider__image {
    height: 88px;
  }
}

.program-all .slider-type-2 .slider__image:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/corner-play.png?ad0bbe8784af63db9618a4cffce01e58) center no-repeat;
  background-size: cover;
  z-index: 2;
  border-radius: 4px;
}

.program-all .subscribe {
  width: 146px;
  color: #FFFFFF;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/rhombus.svg?b1e72a8a1e0787ac43a33cc6c5c9785f) no-repeat center top;
  background-size: 118px;
  text-align: center;
}

.program-all .subscribe__price {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 82px;
  margin-bottom: 7px;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 30px;
  color: #FFFFFF;
}

.program-all .subscribe__text {
  margin: 19px 0 0;
  font-size: 13px;
}

.program-all .subscribe__text__link {
  color: #FFFFFF;
}

@media (max-width: 768px) {
  .program-all__subscribe {
    padding-right: 20px;
  }

  .program-all .slider__item {
    width: 160px;
  }

  .program-all .slider__image {
    height: 88px;
  }

  .program-all .subscribe {
    width: 118px;
    display: none;
  }

  .program-all .subscribe__price {
    font-size: 15px;
    height: 82px;
  }
}

.program-about__text {
  flex-wrap: wrap;
  font-family: "SF Mono Text Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #B8C2CC;
}

.program-about__text p {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 25px;
}

.program-about__text a {
  text-decoration: underline;
  color: #686E78;
}

.program-about__text ol,
.program-about__text li {
  font: 18px/28px "SF Pro Display Regular", sans-serif;
  margin: 0 0 8px;
}

@media screen and (max-width: 768px) {
  .program-about__text ol,
  .program-about__text li {
    font: 16px/24px "SF Pro Display Regular", sans-serif;
    margin: 0 0 4px;
  }
}

.program-about__text h1,
.program-about__text h2,
.program-about__text h3,
.program-about__text h4,
.program-about__text h5 {
  font-weight: bold;
  margin: 20px 0 20px;
}

.program-about__text sub {
  font-size: smaller;
  vertical-align: sub;
}

.program-about__text sup {
  vertical-align: super;
  font-size: smaller;
}

.program-about__text hr {
  margin: 8px 0;
  border-top: 1px solid #ccc;
}

.program-about__text strong {
  font-weight: bold;
}

.program-about__text em {
  font-style: italic;
}

.program-about__text u {
  text-decoration: underline;
}

.program-about__text s {
  text-decoration: line-through;
}

@media (max-width: 1024px) {
  .program-about__text p {
    width: 100%;
    padding-right: 0;
  }
}

.actors__list {
  display: flex;
}

.actor {
  flex-shrink: 0;
  width: 100px;
  margin-right: 58px;
  padding: 0 4px;
  text-align: center;
}

.actor:last-child {
  margin-right: 0;
}

.actor__image {
  width: 96px;
  height: 96px;
  margin-bottom: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}

.actor__name {
  padding: 0 10px;
  margin-bottom: 11px;
  font-size: 13px;
  color: #FFFFFF;
}

.actor__role {
  font-family: "SF Mono Medium", sans-serif;
  font-size: 10px;
  color: #686E78;
}

@media (max-width: 768px) {
  .actor {
    margin-right: 25px;
    padding: 0;
  }
}

.comments__list {
  display: flex;
  flex-wrap: wrap;
}

.comments__item {
  width: 50%;
  padding-right: 160px;
  box-sizing: border-box;
}

.comments__item:nth-child(n+3) {
  margin-top: 35px;
}

.comments .section__top {
  margin-bottom: 35px;
}

.comment {
  display: flex;
}

.comment__image {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin-right: 16px;
  background-color: #333;
  font-size: 16px;
  font-family: "SF Pro Display Regular";
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 50%;
}

.comment__top {
  margin-bottom: 8px;
  color: #686E78;
  font-size: 9px;
  font-family: "SF Mono Medium";
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.comment__text {
  color: #B8C2CC;
  font-size: 13px;
}

@media (max-width: 1280px) {
  .comments__item {
    padding-right: 80px;
  }
}

@media (max-width: 1024px) {
  .comments__item {
    padding-right: 40px;
  }
}

@media (max-width: 768px) {
  .comments__item {
    width: 100%;
    padding-right: 0;
    margin-top: 0 !important;
    margin-bottom: 36px;
  }

  .comments__item:last-child {
    margin-bottom: 0;
  }
}

.popular {
  margin-bottom: 0;
}

.theme--section {
  width: 100%;
  padding: 47px 0 30px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
  .theme--section {
    display: block;
    flex-wrap: unset;
  }
}

.news--full .theme {
  border: 1px solid red;
}

.theme--vesti {
  padding: 24px 0 0;
  width: 100%;
  position: relative;
}

.theme--vesti:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: calc(-1 / 12 * 100%);
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
  background: #F7F8F9;
}

.theme__header {
  padding: 0 8px;
  margin: 0 0 26px;
  position: relative;
  z-index: 3;
}

.theme--section .theme__header {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  margin: 0 0 27px;
  z-index: 2;
  padding: 0;
}

.theme__content {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 2;
}

.theme--vesti .theme__content:before,
.theme--vesti .theme__content:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: calc(100% + 46px + 24px);
  opacity: 0.1;
}

.theme--vesti .theme__content:before {
  left: 8px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.0001) 100%);
}

.theme--vesti .theme__content:after {
  right: 8px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.0001) 100%);
}

.theme--vesti.theme--at-start .theme__content:before {
  width: 0;
  transition: width 300ms ease 0ms;
}

.theme--vesti.theme--at-start .theme__content:after {
  width: 10%;
  transition: width 300ms ease 0ms;
}

.theme--vesti.theme--moving .theme__content:before {
  width: 10%;
  transition: width 300ms ease 0ms;
}

.theme--vesti.theme--moving .theme__content:after {
  width: 10%;
  transition: width 300ms ease 0ms;
}

.theme--vesti.theme--at-end .theme__content:before {
  width: 10%;
  transition: width 300ms ease 0ms;
}

.theme--vesti.theme--at-end .theme__content:after {
  width: 0;
  transition: width 300ms ease 0ms;
}

@media screen and (max-width: 768px) {
  .theme__content {
    display: block;
    flex-flow: unset;
  }
}

.theme__main {
  width: 58.3333333333%;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .theme__main {
    width: 100%;
  }
}

.theme__news {
  width: 33.3333333333%;
  margin: 0 0 0 8.3333333333%;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .theme__news {
    width: 100%;
    margin: 28px 0 0;
    padding: 26px 0 0;
  }

  .theme__news:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 8px;
    display: block;
    width: calc(100% - 16px);
    height: 2px;
    background: white;
  }
}

.theme__videos {
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 0 0 0;
  margin: 30px 0 0;
}

.theme__videos:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 8px;
  width: calc(100% - 16px);
  height: 4px;
  display: block;
  background: #eff1f3;
}

.theme--black .theme__videos:before {
  background: #303030;
}

@media screen and (max-width: 1024px) {
  .theme__videos {
    margin: 28px 0 0;
    padding: 26px 0 0;
  }

  .theme__videos:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 8px;
    display: block;
    width: calc(100% - 16px);
    height: 2px;
    background: #eff1f3;
  }
}

.theme__control {
  margin: auto 0 auto auto;
  padding: 0 8px;
}

.theme__navigation {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .theme__navigation {
    display: none;
  }
}

.theme__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.theme__slider:before,
.theme__slider:after {
  content: "";
  position: absolute;
  top: 0;
  width: 8px;
  height: 100%;
  background: #F7F8F9;
  z-index: 2;
}

.theme__slider:before {
  left: 0;
}

.theme__slider:after {
  right: 0;
}

.theme__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.theme--vesti .theme__slider .theme__list {
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.theme__news .theme__item {
  padding: 11px 0 5px;
  margin: 0 0 8px;
  border-bottom: 2px solid #EFF1F3;
}

.theme__news .theme__item:last-child {
  margin: 0;
  border-bottom: none;
}

.theme--vesti .theme__slider .theme__item {
  box-sizing: border-box;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  padding: 0 32px 0 0;
  width: 25%;
}

@media screen and (max-width: 1440px) {
  .theme--vesti .theme__slider .theme__item {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 1280px) {
  .theme--vesti .theme__slider .theme__item {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .theme--vesti .theme__slider .theme__item {
    width: 83.3333333333%;
    padding: 0 8.3333333333% 0 0;
  }
}

.theme__preview {
  padding: 0 8px;
}

.theme--vesti .theme__slider .theme__preview {
  margin: 0 0 24px;
  min-height: 95px;
  overflow: hidden;
}

.theme__info {
  padding: 0 8px;
}

.theme--vesti .theme__info {
  overflow: hidden;
}

.theme--vesti .theme__info ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.theme--vesti .theme__info li {
  padding: 0 0 16px;
  margin: 0 0 16px;
  border-bottom: 1px solid #EFF1F3;
}

.theme--vesti .theme__info li:last-child {
  margin: 0;
  border-bottom: none;
}

.theme--vesti .theme__info p {
  font: 9px/12px "SF Mono Medium", monospace;
  color: #B8C2CC;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.theme--vesti .theme__info h4 {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  margin: 0;
}

.theme--vesti .theme__info a {
  color: inherit;
  text-decoration: none;
}

.theme__main .theme__date {
  font: 11px/12px "SF Mono Bold", monospace;
  letter-spacing: 0.5px;
  color: #B8C2CC;
  margin: 22px 0 7px;
}

.theme__news .theme__date {
  font: 9px/12px "SF Mono Medium", monospace;
  letter-spacing: 0.5px;
  color: #B8C2CC;
  margin: 0 0 3px;
}

.theme--vesti .theme__slider .theme__count {
  font: 11px/12px "SF Mono Regular", monospace;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 8px;
}

.theme__header .theme__title {
  font: 24px/36px "New York Medium Bold", sans-serif;
  color: #2F23EE;
}

.theme--section .theme__header .theme__title {
  font: 24px/28px "New York Medium Bold", serif;
  color: #2F23EE;
  position: relative;
  margin: auto auto auto 0;
  padding: 0 8px;
}

.theme--section .theme__header .theme__title:after {
  content: attr(data-type);
  font: 11px/12px "SF Mono Semi Bold", monospace;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: absolute;
  top: -19px;
  left: 8px;
}

.theme--black.theme--section .theme__header .theme__title {
  color: #FF0047;
}

.theme__main .theme__title {
  font: 24px/28px "SF Pro Display Bold", sans-serif;
  color: #2A2C3D;
}

.theme--black .theme__main .theme__title {
  color: #FFFFFF;
}

.theme__news .theme__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
}

.theme--vesti .theme__header .theme__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #1A1C26;
}

.theme--vesti .theme__slider .theme__title {
  font: 24px/28px "New York Medium Bold", sans-serif;
  color: #2F23EE;
  margin: 0;
}

.theme__label {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #B8C2CC;
}

.theme__tags {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin: 17px 0 0;
}

.theme__link {
  color: inherit;
  text-decoration: none;
}

.theme__picture .theme__link {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}

.theme__picture .theme__link:before {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
  z-index: 1;
}

.theme__picture .theme__link img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 2px;
  z-index: 2;
}

.theme__picture .theme__link img.lazy-image {
  opacity: 0;
  transition: opacity 300ms ease 0ms;
}

.theme__picture .theme__link img.lazy-image.loaded {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.theme__header .theme__title .theme__link {
  display: block;
  padding: 0 28px 0 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 71.4285714286%;
}

.theme__tags .theme__link {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 0 24px;
}

.theme__tags .theme__link:first-child {
  margin: 0;
}

.theme__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.theme__button--disabled {
  display: none;
}

.theme__button--hidden {
  display: none;
}

.theme__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.theme__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.video-list_theme .video__header .video__title::before {
  display: none !important;
}

.video-list_theme .video__header .video__title {
  text-align: left !important;
  font: 16px/20px "SF Pro Display Heavy", sans-serif !important;
  letter-spacing: 0.06px !important;
}

.video-item__preview {
  position: relative;
}

.video-item__info {
  margin: 8px 0 0;
}

.video-item__label {
  font: 9px/16px "SF Mono Regular", monospace;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.video-item__picture {
  position: relative;
  z-index: 1;
}

.video-item__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
}

.new-section--white .video-item__title {
  color: #2A2C3D;
}

.new-section--grey .video-item__title {
  color: #2A2C3D;
}

.new-section--dark .video-item__title {
  color: #FFFFFF;
}

.new-section--black .video-item__title {
  color: #FFFFFF;
}

.video-item__production {
  font: 9px/12px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 8px 0 0;
}

.new-section--white .video-item__production {
  color: #B8C2CC;
}

.new-section--grey .video-item__production {
  color: #686E78;
}

.new-section--dark .video-item__production {
  color: #FF0047;
}

.new-section--black .video-item__production {
  color: #FF0047;
}

.video-item__link {
  color: inherit;
}

.video-item__label .video-item__link {
  display: block;
  padding: 0 8px;
  background: #FF0047;
  border-radius: 4px 0;
}

.video-item__picture .video-item__link {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 48.8095238095%;
  border-radius: 4px;
  overflow: hidden;
}

.video-item__picture .video-item__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.video-item__picture .video-item__link:after {
  content: "";
  display: block;
  height: 40px;
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-play-side.svg?b6998799776d07af8ab3dd2388b688be) center no-repeat;
  background-size: cover;
}

.video {
  padding: 24px 0;
  width: 100%;
  position: relative;
  z-index: 1;
}

.video .subscribe__preview {
  width: 100%;
}

.video .subscribe__picture {
  width: 100%;
}

.video .subscribe__picture a {
  display: block;
  width: 100%;
  padding: 0 0 56.25%;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/rhombus2.svg?2092d570d20a025b1f93aa09c7dbf0c1) no-repeat center;
  background-size: contain;
  color: #FFFFFF;
}

.video .subscribe__title {
  width: 100%;
  margin: 8px 0 0;
  text-align: center;
}

.video .subscribe__title a {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #FFFFFF;
}

.video--item {
  padding: 0;
  margin: 50px 0;
}

.special .video {
  margin: 0;
  padding: 0;
}

.video:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.video--grey:after {
  background: #EFF1F3;
}

.video--black:after {
  background: #000000;
}

.video--transparent:after {
  content: none;
}

.app--scheme-white .video--slider-big:after {
  background: #EFF1F3;
}

.app--scheme-black .video--slider-big:after {
  background: transparent;
}

.video__player {
  box-sizing: border-box;
  margin: 0 16.6666666667% 38px;
  width: 66.6666666667%;
  padding: 0 8px;
  position: relative;
  z-index: 3;
}

.video__player:before {
  content: "";
  position: absolute;
  top: 0;
  right: -37.5%;
  height: 100%;
  width: 100%;
  transform: scaleX(3);
  transform-origin: top right;
  background: rgba(26, 26, 26, 0.5);
  z-index: 1;
}

.app--scheme-white .video__player:before {
  background: rgba(247, 248, 249, 0.5);
}

.app--scheme-black .video__player:before {
  background: rgba(26, 26, 26, 0.5);
}

@media screen and (max-width: 1024px) {
  .video__player {
    margin: 0 11.1111111111% 38px;
    width: 77.7777777778%;
  }
}

@media screen and (max-width: 768px) {
  .video__player {
    width: auto;
    margin: 0 -16px 24px;
  }
}

.video__meta {
  box-sizing: border-box;
  margin: 0 16.6666666667% 13px;
  width: 66.6666666667%;
  padding: 0 8px;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 1024px) {
  .video__meta {
    margin: 0 11.1111111111% 38px;
    width: 77.7777777778%;
  }
}

@media screen and (max-width: 768px) {
  .video__meta {
    margin: 0 0 12px;
    width: 100%;
  }
}

.video__aside {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 8.3333333333%;
  width: 8.3333333333%;
  z-index: 4;
}

@media screen and (max-width: 1024px) {
  .video__aside {
    left: 0;
    width: 11.1111111111%;
  }
}

@media screen and (max-width: 768px) {
  .video__aside {
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    padding: 0 8px;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 27px;
  }
}

.video__bookmark {
  position: absolute;
  top: 0;
  left: 8px;
}

@media screen and (max-width: 768px) {
  .video__bookmark {
    position: relative;
    top: 0;
    left: auto;
    margin: 0 auto 15px 0;
  }
}

.video__social-share {
  position: absolute;
  top: 0;
  right: -900%;
  padding: 16px 8px 0;
}

@media screen and (max-width: 1024px) {
  .video__social-share {
    right: -800%;
  }
}

@media screen and (max-width: 768px) {
  .video__social-share {
    position: relative;
    top: auto;
    right: auto;
    padding: 0;
    margin: 0 0 15px auto;
    height: auto;
  }
}

.video__source {
  font: 9px/12px "SF Mono Regular", sans-serif;
  text-transform: uppercase;
  text-align: right;
  letter-spacing: 0.5px;
  color: #2F23EE;
  position: absolute;
  top: 0;
  left: -12.5%;
  transform-origin: top left;
  transform: rotate(-90deg) translate(-100%, 16px);
  width: calc(450% - 8px);
  padding-right: 16px;
}

.video__source a {
  color: inherit;
}

.video__source:before {
  content: "\412\438\434\435\43E: ";
  color: #B8C2CC;
}

@media screen and (max-width: 1024px) {
  .video__source {
    width: calc(393.75% - 8px);
  }
}

@media screen and (max-width: 768px) {
  .video__source {
    position: relative;
    bottom: auto;
    left: auto;
    transform: unset;
    text-align: left;
    width: 100%;
    padding: 15px 0 0;
  }

  .video__source:after {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background: #EFF1F3;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.video__body {
  box-sizing: border-box;
  margin: 0 16.6666666667%;
  width: 66.6666666667%;
  padding: 0 8px;
  position: relative;
  z-index: 3;
  min-height: 24px;
}

@media screen and (max-width: 1024px) {
  .video__body {
    margin: 0 11.1111111111% 38px;
    width: 77.7777777778%;
    min-height: 0;
  }
}

@media screen and (max-width: 768px) {
  .video__body {
    margin: 0 0 38px;
    width: 100%;
    min-height: 0;
  }
}

.video__body p {
  font: 18px/28px "SF Pro Display Regular", sans-serif;
}

@media screen and (max-width: 768px) {
  .video__body p {
    font: 16px/24px "SF Pro Display Regular", sans-serif;
  }
}

.app--scheme-white .video__body p {
  color: #1A1C26;
}

.app--scheme-black .video__body p {
  color: #EFF1F3;
}

.video__tags {
  box-sizing: border-box;
  margin: 0 16.6666666667%;
  width: 66.6666666667%;
  padding: 0;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 1024px) {
  .video__tags {
    margin: 0 11.1111111111% 38px;
    width: 77.7777777778%;
  }
}

@media screen and (max-width: 768px) {
  .video__tags {
    margin: 0 0 38px;
    width: 100%;
  }
}

.video__header {
  margin: 0 0 20px;
  box-sizing: border-box;
  padding: 0 8px;
  position: relative;
  z-index: 2;
}

.video--slider .video__header {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.app--page-video .video--list .video__header {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.video__content {
  position: relative;
  width: 100%;
  z-index: 2;
}

.video--list .video__control {
  padding: 40px 0;
  margin: 0 8px;
  border-bottom: 3px solid #EFF1F3;
}

.video--list.video--loading .video__control {
  height: 44px;
  position: relative;
}

.video--list.video--loading .video__control:after {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
}

.video--list_theme .video__control {
  border: none;
}

.video__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .video__slider {
    margin: 0 -8px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .video__slider--big {
    overflow: visible;
  }
}

.video__slider--big:before,
.video__slider--big:after {
  content: "";
  position: absolute;
  top: 0;
  width: 8px;
  height: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .video__slider--big:before,
  .video__slider--big:after {
    content: none;
  }
}

.video__slider--big:before {
  left: 0;
}

.video__slider--big:after {
  right: 0;
}

.app--scheme-white .video__slider--big:before,
.app--scheme-white .video__slider--big:after {
  background: #EFF1F3;
}

.app--scheme-black .video__slider--big:before,
.app--scheme-black .video__slider--big:after {
  background: transparent;
}

.video__navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.video--slider-big .video__navigation {
  top: 45%;
}

@media screen and (max-width: 768px) {
  .video__navigation {
    display: none;
  }
}

.video__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.video--list .video__list {
  flex-flow: row wrap;
  margin: 0 0 -30px;
}

.video--slider .video__list {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.video__item {
  box-sizing: border-box;
  padding: 0 8px;
}

.video--list .video__item {
  width: 25%;
  margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
  .video--list .video__item {
    width: 50%;
  }
}

@media screen and (max-width: 425px) {
  .video--list .video__item {
    width: 100%;
  }
}

.app--page-tag .video__item,
.app--page-person .video__item {
  width: 16.6666666667%;
  margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
  .app--page-tag .video__item,
  .app--page-person .video__item {
    width: 50%;
  }
}

@media screen and (max-width: 425px) {
  .app--page-tag .video__item,
  .app--page-person .video__item {
    width: 100%;
  }
}

.video--list_rubric .video__item {
  width: 20%;
  margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
  .video--list_rubric .video__item {
    width: 50%;
  }
}

@media screen and (max-width: 425px) {
  .video--list_rubric .video__item {
    width: 100%;
  }
}

.video__slider .video__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .video__slider .video__item {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .video__slider .video__item {
    width: 50%;
  }
}

.video__slider--wide .video__item {
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .video__slider--wide .video__item {
    width: 50%;
  }
}

.video__slider--big .video__item {
  width: 66.6666666667%;
}

@media screen and (max-width: 768px) {
  .video__slider--big .video__item {
    width: 100%;
    padding: 0 4px;
  }
}

.video__preview {
  position: relative;
  margin: 0 0 8px;
}

.video--item .video__preview {
  position: relative;
  margin: 0;
  z-index: 2;
}

.video__header .video__title {
  color: #2A2C3D;
}

.theme--black .video__header .video__title,
.video--black .video__header .video__title {
  color: #FFFFFF;
}

.video--slider .video__header .video__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  letter-spacing: 0.06px;
}

.video--slider .video__header .video__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
}

.video--slider .video__header .video__title span {
  color: inherit;
}

.video--slider .video__header .video__title {
  color: #2A2C3D;
}

.video--slider .video__header .video__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.theme--black .video--slider .video__header .video__title,
.video--slider.video--black .video__header .video__title {
  color: #FFFFFF;
}

.theme--black .video--slider .video__header .video__title a,
.video--slider.video--black .video__header .video__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.video--list .video__header .video__title {
  font: 48px/36px "SF Pro Display Bold", sans-serif;
  margin: 46px auto 24px auto;
  text-align: center;
}

@media screen and (max-width: 1440px) {
  .video--list .video__header .video__title {
    font: 36px/36px "SF Pro Display Bold", sans-serif;
  }
}

.video--list .video__header .video__title:before {
  content: "\432\441\451   \432\438\434\435\43E";
  font: 11px/12px "SF Mono Regular", monospace;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  color: #B8C2CC;
  display: block;
  margin: 0 0 7px;
}

.app--page-video .video--list .video__header .video__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  letter-spacing: 0.06px;
  margin: auto auto auto 0;
  text-align: left;
}

.app--page-video .video--list .video__header .video__title:before {
  content: none;
}

.app--page-tag .video--list .video__header .video__title,
.app--page-person .video--list .video__header .video__title,
.app--page-search .video--list .video__header .video__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  margin: auto auto auto 0;
  letter-spacing: unset;
  text-align: left;
}

.app--page-tag .video--list .video__header .video__title:before,
.app--page-person .video--list .video__header .video__title:before,
.app--page-search .video--list .video__header .video__title:before {
  content: none;
}

.special .video--slider .video__title {
  color: #FFFFFF;
}

.video--list_rubric .video__title,
.video--list_theme .video__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  letter-spacing: -2px;
  margin: 0 auto;
  text-align: left;
}

.video--list_rubric .video__title:before,
.video--list_theme .video__title:before {
  content: "";
  font: 11px/12px "SF Mono Regular", monospace;
  text-align: center;
  color: #B8C2CC;
  display: block;
}

.video__list .video__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  margin: 10px 0 0;
  letter-spacing: 0;
}

.video--black.video--list .video__list .video__title {
  color: #FFFFFF;
}

.video--white.video--list .video__list .video__title {
  color: #1A1C26;
}

.video__slider .video__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  letter-spacing: -0.1px;
  color: #2A2C3D;
  margin: 0;
}

.theme--black .video__slider .video__title,
.video--black .video__slider .video__title {
  color: #FFFFFF;
}

.video__slider--big .video__title {
  font: 13px/16px "SF Pro Display Bold", sans-serif;
  letter-spacing: 0;
}

.special .video__slider .video__title {
  color: #FFFFFF;
}

.video__slider--wide .video__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  margin: 7px 0 0;
}

.video--item .video__title {
  box-sizing: border-box;
  margin: 0 16.6666666667% 21px;
  width: 66.6666666667%;
  padding: 0 8px;
  position: relative;
  z-index: 3;
}

.video--item .video__title a {
  text-decoration: underline;
  color: inherit;
}

.app--scheme-white .video--item .video__title {
  font: 36px/40px "New York Medium Bold", sans-serif;
  color: #1A1C26;
}

@media screen and (max-width: 768px) {
  .app--scheme-white .video--item .video__title {
    font: 18px/24px "New York Medium Bold", sans-serif;
  }
}

.app--scheme-black .video--item .video__title {
  font: 34px/36px "SF Pro Display Bold", sans-serif;
  color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  .app--scheme-black .video--item .video__title {
    font: 24px/28px "SF Pro Display Bold", sans-serif;
  }
}

@media screen and (max-width: 1024px) {
  .video--item .video__title {
    margin: 0 11.1111111111% 38px;
    width: 77.7777777778%;
  }
}

@media screen and (max-width: 768px) {
  .video--item .video__title {
    margin: 0 0 30px;
    width: 100%;
  }
}

.video__title__theme__link {
  font: 16px/20px "New York Medium Bold", serif;
  padding-left: 4px;
  color: #2F23EE;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-link-grey.svg?f35c12dca9c8e60a82a6a2123c33ab63) right no-repeat;
  padding-right: 30px;
}

.theme--black .video__title__theme__link {
  color: #FF0047;
}

.video__date {
  font: 11px/12px "SF Mono Regular", monospace;
  color: #B8C2CC;
  letter-spacing: 0.61px;
  text-transform: uppercase;
}

.video__author {
  font: 11px/12px "SF Mono Regular", monospace;
  color: #B8C2CC;
  letter-spacing: 0.61px;
  text-transform: uppercase;
}

.video__label {
  position: absolute;
  top: 0;
  left: 0;
  background: #FF0047;
  border-radius: 4px 0;
  overflow: hidden;
  z-index: 2;
}

.video__picture {
  position: relative;
  z-index: 1;
}

.video__category {
  font: 9px/12px "SF Mono Regular", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #B8C2CC;
  margin: 8px 0 0;
}

.video__link {
  color: inherit;
  text-decoration: none;
}

.video__label .video__link {
  font: 9px/16px "SF Mono Regular", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 0 8px;
  display: block;
}

.video__picture .video__link {
  display: block;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0 0 56.25%;
}

.video__picture .video__link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/corner-play.png?ad0bbe8784af63db9618a4cffce01e58) center no-repeat;
  background-size: cover;
  z-index: 2;
  border-radius: 4px;
}

.video__picture .video__link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video__slider .video__title .video__link {
  position: relative;
  display: block;
  overflow: hidden;
}

.video__slider .video__title .video__link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
}

.video--white .video__slider .video__title .video__link:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.video--black .video__slider .video__title .video__link:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%);
}

.video--white .video__slider--big .video__title .video__link:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #eff1f3 100%);
}

.video__list .video__picture .video__link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/corner-play.png?ad0bbe8784af63db9618a4cffce01e58) center no-repeat;
  background-size: cover;
  z-index: 2;
  border-radius: 4px;
}

.video__slider--big .video__list .video__picture .video__link:after {
  content: "";
  width: 96px;
  height: 96px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/bigplay.svg?9beb12013d6ef04cd638568640a903f8) center no-repeat;
  background-size: cover;
}

.video--list .video__control .video__link {
  font: 11px/12px "SF Mono Regular", monospace;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  width: 33.3333333333%;
  border-radius: 4px;
  padding: 16px 0;
}

@media screen and (max-width: 768px) {
  .video--list .video__control .video__link {
    width: 100%;
  }
}

.video--white.video--list .video__control .video__link {
  color: #2A2C3D;
  background: #EFF1F3;
}

.video--black.video--list .video__control .video__link {
  color: #FFFFFF;
  background: #1A1A1A;
}

.video--list.video--loading .video__control .video__link {
  display: none;
}

.video--slider .video__control .video__link {
  font: 11px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #2A2C3D;
  padding: 0 15px 0 0;
  position: relative;
}

.video--slider .video__control .video__link:after {
  content: "";
  display: block;
  height: 12px;
  width: 7px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-select-right-grey.svg?b3a96593c1cf7cbccfecfb5b7f1f3cf7) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}

.video--black .video__control .video__link {
  color: #B8C2CC;
}

.special .video__control .video__link {
  color: #B8C2CC;
}

.video--item .video__preview .video__link {
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}

.video--item .video__preview .video__link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.video--item .video__preview .video__link:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 132px;
  width: 132px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-play-big-red.svg?2c0581e13af8fc8bfbd426029e5214ee) center no-repeat;
  background-size: cover;
  transform: translate(-50%, -50%);
  z-index: 2;
}

@media screen and (max-width: 1280px) {
  .video--item .video__preview .video__link:after {
    width: 96px;
    height: 96px;
  }
}

@media screen and (max-width: 768px) {
  .video--item .video__preview .video__link:after {
    width: 64px;
    height: 64px;
  }
}

.video__button-holder {
  position: absolute;
  padding: 0 8px;
  box-sizing: border-box;
  top: 0;
}

.video--slider .video__button-holder {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .video--slider .video__button-holder {
    width: 25%;
  }
}

.video--slider .video__button-holder:first-child {
  left: -16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .video--slider .video__button-holder:first-child {
    left: -25%;
  }
}

.video--slider .video__button-holder:last-child {
  right: -16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .video--slider .video__button-holder:last-child {
    right: -25%;
  }
}

.video--slider.video--slider-wide .video__button-holder {
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .video--slider.video--slider-wide .video__button-holder {
    width: 50%;
  }
}

.video--slider.video--slider-wide .video__button-holder:first-child {
  left: -25%;
}

@media screen and (max-width: 1024px) {
  .video--slider.video--slider-wide .video__button-holder:first-child {
    left: -50%;
  }
}

.video--slider.video--slider-wide .video__button-holder:last-child {
  right: -25%;
}

@media screen and (max-width: 1024px) {
  .video--slider.video--slider-wide .video__button-holder:last-child {
    right: -50%;
  }
}

.video--slider.video--slider-big .video__button-holder {
  width: auto;
  top: 45%;
}

@media screen and (max-width: 1024px) {
  .video--slider.video--slider-big .video__button-holder {
    width: auto;
  }
}

.video--slider.video--slider-big .video__button-holder:first-child {
  left: -16px;
}

@media screen and (max-width: 1024px) {
  .video--slider.video--slider-big .video__button-holder:first-child {
    left: -16px;
  }
}

.video--slider.video--slider-big .video__button-holder:last-child {
  right: -16px;
}

@media screen and (max-width: 1024px) {
  .video--slider.video--slider-big .video__button-holder:last-child {
    right: -16px;
  }
}

.video__button-place {
  position: relative;
  width: 100%;
  padding: 0 0 56.25%;
}

.video__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: 0;
  border: none;
  outline: none;
}

.video__button--disabled {
  display: none;
}

.video__button--hidden {
  display: none;
}

.video__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: 100%;
  margin: 0 0 0 -4px;
}

.video__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: 100%;
  margin: 0 -4px 0 0;
}

.video__bookmark .video__button {
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 100%;
  position: relative;
  top: auto;
  left: auto;
  box-shadow: none;
  margin: 0;
}

.app--scheme-white .video__bookmark .video__button {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-bookmark-grey.svg?53be970d1bd31487707e45f771491ff2) center no-repeat;
  background-size: cover;
}

.app--scheme-black .video__bookmark .video__button {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-bookmark-dark.svg?f3b53042b3ef46592179f907cbb5fbe6) center no-repeat;
  background-size: cover;
}

.video__holder {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  z-index: 2;
}

.video__holder iframe {
  border: 0;
  outline: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.app--page-live .video__holder,
.app--page-audio .video__holder {
  padding: 0;
}

.app--page-live .video__holder--playing,
.app--page-audio .video__holder--playing {
  height: 56px;
}

.app--scheme-white .app--page-live .video__holder {
  background: #000000;
}

.app--scheme-white .app--page-audio .video__holder {
  background: #000000;
}

.video .audio-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/200.svg?cb844a74f47d62117b19ad05bc8226c6) center no-repeat;
  background-size: auto 50%;
}

.video--radio .video__source:before {
  content: "\410\443\434\438\43E: ";
}

.video--slider .video__header .video__title a.video__title__theme__link {
  display: inline;
  color: #2F23EE;
}

.theme--black .video--slider .video__header .video__title a.video__title__theme__link {
  color: #FF0047;
}

.app--page-tag .video__text,
.app--page-person .video__text {
  padding-top: 12px;
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  font-weight: 500;
  color: #B8C2CC;
  text-transform: uppercase;
}

.live-news {
  margin: 37px 0 20px;
  padding: 0 0 45px;
  position: relative;
}

.live-news:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 8px;
  height: 4px;
  width: calc(100% - 16px);
  background: #B8C2CC;
}

.live-news__content {
  display: flex;
  flex-flow: row wrap;
}

.live-news__live {
  box-sizing: border-box;
  width: 33.3333333333%;
  padding: 0 8px;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .live-news__live {
    width: 100%;
    margin: 0 0 3rem;
  }
}

.live-news__news {
  box-sizing: border-box;
  width: 25%;
  padding: 0 8px;
  margin: 0 0 0 8.3333333333%;
}

@media screen and (max-width: 1024px) {
  .live-news__news:nth-child(2) {
    width: 44.4444444444%;
    margin: 0;
  }

  .live-news__news:nth-child(3) {
    width: 44.4444444444%;
    margin: 0 0 0 11.1111111111%;
  }
}

@media screen and (max-width: 768px) {
  .live-news__news:nth-child(2) {
    width: 100%;
    margin: 0 0 3rem;
  }

  .live-news__news:nth-child(3) {
    width: 100%;
    margin: 0;
  }
}

.live-news__player {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin: 20px 0 14px;
}

.live-news__player iframe {
  border: 0;
  outline: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.live-news__header .live-news__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  letter-spacing: -0.06px;
  color: #2A2C3D;
}

.live-news__info .live-news__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  letter-spacing: -0.11px;
  color: #2A2C3D;
}

.live-news__channel {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #FF0047;
  margin: 0 0 6px;
}

.news {
  width: 100%;
  position: relative;
}

.news:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.theme--section .news:after {
  display: none;
}

.news--white:after {
  background: #FFFFFF;
}

.news--black:after {
  background: #000000;
}

.news__header {
  position: relative;
  z-index: 3;
}

.news--full .news__header {
  padding: 0 8px;
  margin: 25px 0 51px;
  display: flex;
}

@media screen and (max-width: 768px) {
  .news--full .news__header {
    margin: 16px 0 35px;
  }
}

.app--page-article-item .news--full .news__header {
  margin: 25px 0 51px 10%;
}

@media screen and (max-width: 1024px) {
  .app--page-article-item .news--full .news__header {
    margin: 25px 0 51px;
  }
}

@media screen and (max-width: 768px) {
  .app--page-article-item .news--full .news__header {
    margin: 16px 0 35px;
  }
}

.news__content {
  position: relative;
  z-index: 2;
}

.news__control {
  position: relative;
  z-index: 2;
}

.news--short .news__control {
  margin: 71px 0 0;
}

@media screen and (max-width: 768px) {
  .news--short .news__control {
    margin: 20px 0 0;
  }
}

.news--full .news__control {
  margin: 36px 0 62px;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 1024px) {
  .news--full .news__control {
    margin: 36px 0 62px;
  }
}

@media screen and (max-width: 768px) {
  .news--full .news__control {
    margin: 36px 0 46px;
  }
}

.news--loading .news__control {
  position: relative;
  height: 44px;
  margin: 13px 0;
}

.news--loading .news__control:before {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
}

.news__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.news--simple-list .news__list {
  display: flex;
  flex-flow: row wrap;
}

.news--simple-list .news__item {
  box-sizing: border-box;
  width: 50%;
  padding: 0 8px;
  margin: 0 0 50px;
}

@media screen and (max-width: 1024px) {
  .news--simple-list .news__item {
    width: 25%;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .news--simple-list .news__item {
    width: 50%;
    margin: 0 0 24px;
  }

  .news--simple-list .news__item:nth-child(3),
  .news--simple-list .news__item:nth-child(4) {
    margin: 0;
  }
}

.news--short .news__item {
  padding: 11px 0 5px;
  margin: 0 0 8px;
  border-bottom: 2px solid #EFF1F3;
}

.news--short .news__item:last-child {
  margin: 0;
  border-bottom: none;
}

.news--full .news__item:after {
  content: "";
  display: block;
  height: 1px;
  margin: 0 8px;
}

.app--scheme-white .news--black.news--full .news__item:after,
.app--scheme-black .news--black.news--full .news__item:after,
.app--scheme-black .news--full .news__item:after {
  background: #1A1A1A;
}

.app--scheme-black .news--white.news--full .news__item:after,
.app--scheme-white .news--white.news--full .news__item:after,
.app--scheme-white .news--full .news__item:after {
  background: #EFF1F3;
}

.news--full .news__box {
  display: flex;
  flex-flow: row nowrap;
  width: 66.6666666667%;
  margin: 0 16.6666666667%;
  padding: 24px 0;
}

@media screen and (max-width: 1024px) {
  .news--full .news__box {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .news--full .news__box {
    display: block;
  }
}

.news--short .news__box {
  display: flex;
  flex-flow: row nowrap;
  width: 66.6666666667%;
  margin: 0 16.6666666667%;
  padding: 24px 0;
}

@media screen and (max-width: 1024px) {
  .news--short .news__box {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .news--short .news__box {
    display: block;
  }
}

.news--full .news__item:first-child .news__box {
  padding: 0 0 24px;
}

.news--full .news__preview {
  box-sizing: border-box;
  padding: 0 8px;
  flex: 0 0 50%;
}

@media screen and (max-width: 1024px) {
  .news--full .news__preview {
    flex: 0 0 50%;
    margin: 0 0 16px;
  }
}

@media screen and (max-width: 768px) {
  .news--full .news__preview {
    flex: unset;
    width: 100%;
  }
}

.news--full .news__info {
  box-sizing: border-box;
  padding: 0 8px;
  flex: 0 1 auto;
}

@media screen and (max-width: 1024px) {
  .news--full .news__info {
    flex: 0 1 auto;
  }
}

@media screen and (max-width: 768px) {
  .news--full .news__info {
    flex: unset;
    width: 100%;
  }
}

.news--full .news__meta {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 18px;
}

.news--short .news__date {
  font: 9px/12px "SF Mono Medium", monospace;
  letter-spacing: 0.5px;
  color: #B8C2CC;
  margin: 0 0 3px;
}

.news--full .news__date {
  font: 9px/12px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: auto 0;
}

.app--scheme-black .news--full .news__date {
  color: #B8C2CC;
}

.app--scheme-white .news--full .news__date {
  color: #B8C2CC;
}

.news--full .news__tag {
  font: 9px/12px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: auto auto auto 24px;
}

.app--scheme-black .news--black.news--full .news__tag,
.app--scheme-white .news--black.news--full .news__tag,
.app--scheme-black .news--full .news__tag {
  color: #FF0047;
}

.app--scheme-black .news--white.news--full .news__tag,
.app--scheme-white .news--white.news--full .news__tag,
.app--scheme-white .news--full .news__tag {
  color: #2F23EE;
}

.news__category {
  font: 9px/12px "SF Mono Medium", monospace;
  color: #B8C2CC;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 8px 0 0;
}

.news--short .news__header .news__title {
  font: 24px/28px "SF Pro Display Bold", sans-serif;
  color: #2A2C3D;
  margin: 0 0 30px;
}

.news--short .news__header .news__title a {
  color: inherit;
}

.news--simple-list .news__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  margin: 8px 0 0;
}

.special .news--simple-list .news__title {
  color: #FFFFFF;
}

.theme .news--simple-list .news__title {
  color: #1A1C26;
}

.theme--black .news--simple-list .news__title {
  color: #FFFFFF;
}

.news--short .news__list .news__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
}

.news--full .news__header .news__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  margin: auto auto auto 0;
}

.news--full .news__header .news__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
}

.news--full .news__header .news__title span {
  color: inherit;
}

.app--scheme-white .news--full .news__header .news__title,
.news--full.news--white .news__header .news__title {
  color: #2A2C3D;
}

.app--scheme-white .news--full .news__header .news__title a,
.news--full.news--white .news__header .news__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.app--scheme-black .news--full .news__header .news__title,
.news--full.news--black .news__header .news__title {
  color: #FFFFFF;
}

.app--scheme-black .news--full .news__header .news__title a,
.news--full.news--black .news__header .news__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.news--full .news__list .news__title {
  font: 24px/28px "SF Pro Display Bold", sans-serif;
}

@media screen and (max-width: 1440px) {
  .news--full .news__list .news__title {
    font: 21px/24px "SF Pro Display Bold", sans-serif;
  }
}

.app--scheme-white .news--black.news--full .news__list .news__title,
.app--scheme-black .news--black.news--full .news__list .news__title,
.app--scheme-black .news--full .news__list .news__title {
  color: #FFFFFF;
}

.app--scheme-black .news--white.news--full .news__list .news__title,
.app--scheme-white .news--white.news--full .news__list .news__title,
.app--scheme-white .news--full .news__list .news__title {
  color: #2A2C3D;
}

.news__link {
  color: inherit;
  text-decoration: none;
}

.news--simple-list .news__picture .news__link {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}

.news--simple-list .news__picture .news__link:before {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
  z-index: 1;
}

.news--simple-list .news__picture .news__link img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 2px;
  z-index: 2;
}

.news--simple-list .news__picture .news__link img.lazy-image {
  opacity: 0;
  transition: opacity 300ms ease 0ms;
}

.news--simple-list .news__picture .news__link img.lazy-image.loaded {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.news--short .news__picture .news__link img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border-radius: 2px;
}

.news--short .news__control .news__link {
  font: 11px/12px "SF Mono Bold", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2F23EE;
}

.news--full .news__picture .news__link {
  display: block;
}

.news--full .news__picture .news__link img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border-radius: 4px;
}

.news--full .news__picture--has-video .news__link {
  position: relative;
}

.news--full .news__picture--has-video .news__link:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/corner-play.png?ad0bbe8784af63db9618a4cffce01e58) center no-repeat;
  background-size: cover;
  border-radius: 4px;
}

.news--full .news__control .news__link--all-news {
  font: 11px/12px "SF Mono Regular", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #2F23EE;
  padding: 0 16px 0 8px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-more-blue.svg?475bfdae01604f8f134b33995b7bdbaf) right center no-repeat;
  background-size: auto 100%;
  margin: 0 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .news--full .news__control .news__link--all-news {
    margin: auto 0;
  }
}

.news--full .news__control .news__link--load-more {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-align: center;
  text-transform: uppercase;
  color: #2A2C3D;
  display: block;
  margin: 0 auto;
  width: 33.3333333333%;
  background: #EFF1F3;
  border-radius: 4px;
  padding: 16px 0;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 768px) {
  .news--full .news__control .news__link--load-more {
    width: 100%;
  }
}

.app--page-vesti .news--full .news__control .news__link--all-news {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-align: center;
  text-transform: uppercase;
  color: #2A2C3D;
  display: block;
  margin: 0 auto;
  width: 33.3333333333%;
  background: #EFF1F3;
  border-radius: 4px;
  padding: 16px 0;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 768px) {
  .app--page-vesti .news--full .news__control .news__link--all-news {
    width: 100%;
  }
}

.app--scheme-black .news--full .news__control .news__link--all-news,
.app--scheme-black .news--full .news__control .news__link--load-more {
  color: #B8C2CC;
  background: #1A1A1A;
}

.app--scheme-white .news--full .news__control .news__link--load-more {
  color: #2A2C3D;
  background: #EFF1F3;
}

.app--scheme-black .news--black .news__control .news__link--all-news,
.app--scheme-white .news--black .news__control .news__link--all-news {
  color: #FF0047;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-more-red.svg?c3ece006a38437b84faddfb7c29f7210) right center no-repeat;
  background-size: auto 100%;
}

.app--scheme-black .news--black .news__control .news__link--load-more,
.app--scheme-white .news--black .news__control .news__link--load-more {
  color: #B8C2CC;
  background: #1A1A1A;
}

.app--scheme-black .news--white .news__control .news__link--all-news,
.app--scheme-white .news--white .news__control .news__link--all-news {
  color: #2F23EE;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-more-blue.svg?475bfdae01604f8f134b33995b7bdbaf) right center no-repeat;
  background-size: auto 100%;
}

.app--scheme-black .news--white .news__control .news__link--load-more,
.app--scheme-white .news--white .news__control .news__link--load-more {
  color: #2A2C3D;
  background: #EFF1F3;
}

.app--scheme-white.app--page-vesti .news--black .news__control .news__link--all-news,
.app--scheme-black.app--page-vesti .news--black .news__control .news__link--all-news {
  color: #B8C2CC;
  background: #1A1A1A;
}

.app--scheme-white.app--page-vesti .news--white .news__control .news__link--all-news,
.app--scheme-black.app--page-vesti .news--white .news__control .news__link--all-news {
  color: #2A2C3D;
  background: #EFF1F3;
}

.news--loading.news--full .news__control .news__link--load-more {
  display: none;
}

.app--page-tag .news--full,
.app--page-theme .news--full {
  border-top: 4px solid #EFF1F3;
}

.app--page-article-item .news--full {
  margin: 120px 0 0;
}

.app--page-article-item .news--full:before {
  content: "";
  position: absolute;
  top: -4px;
  left: calc(1/12*100% + 8px);
  width: calc(10/12*100% - 16px);
  height: 4px;
  background: #EFF1F3;
}

@media screen and (max-width: 768px) {
  .app--page-article-item .news--full {
    margin: 40px 0 0;
  }
}

.news-top {
  position: relative;
  margin-bottom: 24px;
  padding: 58px 110px 0 109px;
}

.news-top__block-mob {
  display: none;
}

.news-top__aside {
  position: absolute;
  top: 92px;
  left: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.news-top__aside .bookmark {
  flex-shrink: 0;
  width: 32px;
  margin-bottom: 139px;
}

.news-top__aside .info-photo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 146px;
  margin-bottom: 63px;
  transform: rotate(-90deg);
}

.news-top__content {
  padding-left: 111px;
  padding-bottom: 55px;
  border-bottom: 1px solid #EFF1F3;
}

.news-top__content p {
  font-family: "SF Pro Display Regular", sans-serif;
  font-size: 18px;
  line-height: 1.55;
}

.news-top__top {
  margin-bottom: 16px;
  font-size: 11px;
  text-transform: uppercase;
}

.news-top__tags {
  margin-right: 24px;
  color: #2F23EE;
  font-family: "SF Mono Bold", sans-serif;
}

.news-top__date {
  color: #B8C2CC;
}

.news-top__title {
  margin-bottom: 57px;
  font-family: "New York Medium Black", serif;
  font-size: 36px;
  letter-spacing: -0.3px;
}

.news-top__video {
  padding-bottom: 35px;
  margin-bottom: 36px;
  border-bottom: 1px solid #EFF1F3;
}

.news-top__video__inner {
  position: relative;
  height: 550px;
  margin-bottom: 48px;
}

.news-top__video p {
  font-family: "SF Pro Display Semi Bold", sans-serif;
  font-size: 18px;
}

.news-top__text p {
  margin-bottom: 36px;
}

.news-top__text p:last-child {
  margin-bottom: 0;
}

.news-top__text div {
  max-width: 470px;
  margin: auto;
  padding: 53px 0;
  margin-bottom: 32px;
  font-family: "New York Medium Semi Bold", serif;
  font-size: 24px;
  line-height: 1.35;
  text-align: center;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/pic.png?dcc394801b6ad79295385caccfdd8679) no-repeat center;
  background-size: contain;
}

.news-top__text div iframe {
  left: 0;
  top: 0;
}

.news-top .info-photo p {
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  color: #B8C2CC;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 12px;
}

.news-top .video {
  height: 100%;
  width: 100%;
  background: url("/images/news.jpg") no-repeat center;
  background-size: cover;
  -webkit-clip-path: polygon(100% 0, 100% 88%, 50% 100%, 0 88%, 0 0);
          clip-path: polygon(100% 0, 100% 88%, 50% 100%, 0 88%, 0 0);
}

.news-top .btn-play {
  position: absolute;
  width: 122px;
  height: 122px;
  bottom: -24px;
  right: 106px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play.svg?966ed69797b98a80de0d7e4299eb0b8d) no-repeat center;
  background-size: 122px 122px;
}

.news-top .bookmark__icon {
  background-color: #B8C2CC;
}

.news-top .socials__item {
  margin-bottom: 7px;
}

.news-top .socials__item:last-child {
  margin-bottom: 0;
}

.news-top .socials__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #B8C2CC;
  border: 2px solid #EFF1F3;
  border-radius: 50%;
  box-sizing: border-box;
  transition: all 0.3s linear;
}

.news-top .socials__link:hover {
  color: #2F23EE;
  border-color: #2F23EE;
}

@media (max-width: 1919px) {
  .news-top {
    padding-left: 80px;
    padding-right: 80px;
  }

  .news-top__content {
    padding-left: 80px;
  }

  .news-top__aside {
    left: 28px;
  }

  .news-top__aside .bookmark {
    margin-bottom: 193px;
  }

  .news-top__video__inner {
    height: 400px;
  }

  .news-top .btn-play {
    right: 55px;
    width: 96px;
    height: 96px;
    background-size: 96px 96px;
  }
}

@media (max-width: 1280px) {
  .news-top {
    padding-right: 8px;
    padding-left: 8px;
  }

  .news-top__aside {
    left: -50px;
  }
}

@media (max-width: 1024px) {
  .news-top__aside {
    display: none;
  }

  .news-top__block-mob {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 13px;
  }

  .news-top__block-mob .socials {
    display: flex;
    align-items: center;
  }

  .news-top__block-mob .socials__item {
    margin-bottom: 0;
    margin-right: 16px;
  }

  .news-top__block-mob .socials__item:last-child {
    margin-right: 0;
  }

  .news-top__block-mob .info-photo {
    width: 100%;
    padding-top: 15px;
  }

  .news-top__content {
    padding-left: 0;
  }

  .news-top__title {
    margin-bottom: 27px;
    font-size: 24px;
  }

  .news-top__text p {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .news-top__text div {
    padding: 22px 0;
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .news-top__video {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }

  .news-top__video__inner {
    height: 202px;
  }

  .news-top__content {
    padding-bottom: 33px;
  }

  .news-top .btn-play {
    right: 40px;
    width: 64px;
    height: 64px;
    background-size: 64px 64px;
  }
}

.news-top_rubric {
  border-bottom: 3px solid #EFF1F3;
  margin-bottom: 0;
}

.news-top_rubric .bookmark {
  display: none;
}

.news-top_rubric .socials {
  display: none;
}

.news-top_rubric .news-top__text {
  display: none;
}

.news-top_rubric .news-top__video,
.news-top_rubric .news-top__content {
  border-bottom: none;
}

.news-top_rubric .news-top__read-more {
  display: block;
}

.news-top_rubric .news-top__read-more a {
  font-family: "SF Mono", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 12px;
  color: #2F23EE;
}

.gallery {
  padding: 0 118px 80px 116px;
  margin-bottom: 24px;
  border-bottom: 4px solid #EFF1F3;
}

.gallery__content {
  position: relative;
  padding-left: 111px;
  padding-bottom: 128px;
}

.gallery__content:after {
  position: absolute;
  bottom: 0;
  left: 111px;
  width: 25px;
  height: 20px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/rhombus-2.svg?a035343c48682c7171456c1aa7ae36f3) no-repeat center;
  background-size: 25px 20px;
  content: "";
}

.gallery__content p {
  margin-bottom: 36px;
}

.gallery__content p:last-child {
  margin-bottom: 0;
}

.gallery__list {
  margin-bottom: 41px;
}

.gallery__video {
  position: relative;
  margin-top: 54px;
  margin-bottom: 44px;
  padding: 0 111px;
  background-color: rgba(239, 241, 243, 0.5);
  border-radius: 4px;
}

.gallery__video .video {
  position: relative;
  width: 100%;
}

.gallery__video .video img {
  max-width: 100%;
}

.gallery__video .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 88px;
  height: 88px;
  margin-left: -44px;
  margin-top: -44px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play.svg?966ed69797b98a80de0d7e4299eb0b8d) no-repeat center;
  background-size: 88px 88px;
}

.gallery__link {
  display: inline-block;
  color: #2F23EE;
  font-family: "SF Mono Regular";
  font-size: 16px;
  text-decoration: underline;
}

.gallery p {
  font-family: "SF Pro Display Regular", sans-serif;
  font-size: 18px;
  line-height: 1.55;
}

.gallery .section__title {
  color: #2A2C3D;
}

.gallery .slider {
  margin-top: -11px;
}

.gallery .slider__list {
  padding-top: 11px;
}

.gallery .slider__item {
  width: 206px;
}

.gallery .slider__item_more {
  position: relative;
}

.gallery .slider__item_more:before,
.gallery .slider__item_more:after {
  position: absolute;
  left: 11px;
  right: 11px;
  top: -6px;
  height: 100%;
  background-color: rgba(239, 241, 243, 0.5);
  border-radius: 4px;
  content: "";
}

.gallery .slider__item_more:before {
  left: 22px;
  right: 22px;
  top: -11px;
  background-color: rgba(239, 241, 243, 0.25);
}

.gallery .slider__item_more .slider__image {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EFF1F3;
  color: #B8C2CC;
  font-family: "SF Mono Medium";
  font-size: 14px;
}

.gallery .slider__image {
  width: 100%;
  height: 114px;
}

.gallery .link-add-ya {
  color: #2A2C3D;
}

.gallery .info-photo {
  position: absolute;
  left: -130px;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 73px;
  transform: rotate(-90deg);
}

.gallery .info-photo p {
  margin: 0;
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  color: #B8C2CC;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 12px;
}

@media (max-width: 1919px) {
  .gallery {
    padding-left: 88px;
    padding-right: 88px;
  }

  .gallery__content {
    padding-left: 80px;
  }

  .gallery__content:after {
    left: 80px;
  }

  .gallery .info-photo {
    left: -105px;
  }
}

@media (max-width: 1280px) {
  .gallery {
    padding-right: 8px;
    padding-left: 8px;
  }
}

@media (max-width: 1024px) {
  .gallery__content {
    padding-left: 0;
  }

  .gallery__content:after {
    left: 0;
  }

  .gallery__video {
    padding: 0;
    margin-top: 26px;
    margin-bottom: 26px;
    background-color: transparent;
  }

  .gallery__video .video {
    margin-bottom: 15px;
  }

  .gallery p {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .gallery .info-photo {
    position: relative;
    left: auto;
    top: auto;
    display: block;
    height: auto;
    transform: none;
  }
}

@media (max-width: 768px) {
  .gallery {
    padding-bottom: 34px;
  }

  .gallery__content {
    padding-bottom: 79px;
  }

  .gallery__link {
    font-size: 13px;
  }
}

.news-another {
  padding-bottom: 54px;
  padding-top: 0;
}

.news-another .section__top {
  margin-bottom: 0;
  padding-left: 122px;
}

.news-another .section__title {
  color: #2A2C3D;
}

.news-another .news-list {
  margin-bottom: 25px;
}

.news-another .news-all {
  padding-left: 122px;
  color: #2F23EE;
  font-family: "SF Mono Semi Bold";
  font-size: 12px;
  text-transform: uppercase;
}

.news-another .news-all a {
  display: flex;
  align-items: center;
}

.news-another .news-all .icon {
  flex-shrink: 0;
  width: 6px;
  height: 10px;
  margin-left: 8px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/arrow-right-3.svg?90f007937498f72b2c2bdfe8cd65ec7b) no-repeat center;
  background-size: 6px 10px;
}

@media (max-width: 1919px) {
  .news-another .section__top {
    padding-left: 152px;
  }

  .news-another .news-all {
    padding-left: 152px;
  }
}

@media (max-width: 1280px) {
  .news-another .section__top {
    padding-left: 0;
  }

  .news-another .news-all {
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  .news-another {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .news-another .news-all {
    display: none;
  }

  .news-another .news-list {
    margin-bottom: 0;
  }
}

.news-collection {
  width: 100%;
  padding: 48px 135px 26px 80px;
  margin-left: -80px;
  margin-right: -127px;
  background-color: rgba(239, 241, 243, 0.5);
}

.news-collection__top {
  display: flex;
  margin: -8px;
  padding-bottom: 50px;
}

.news-collection__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 47px 20% 77px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.14);
  text-align: center;
  box-sizing: border-box;
}

.news-collection__item-wrapper {
  width: 50%;
  padding: 8px;
}

.news-collection__item.has-image {
  color: #FFFFFF;
}

.news-collection__item.has-image .news-collection__subtitle,
.news-collection__item.has-image .news-collection__title,
.news-collection__item.has-image .news-collection__info {
  color: #FFFFFF;
}

.news-collection__item.has-image .news-collection__info__comments .icon {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/comment-2.svg?137ab368768a0abcbfa14809d2d33176);
}

.news-collection__subtitle {
  margin-bottom: 10px;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  color: #B8C2CC;
  text-transform: uppercase;
}

.news-collection__title {
  margin-bottom: 60px;
  font-family: "New York Medium Black";
  font-size: 24px;
  color: #2F23EE;
}

.news-collection__info {
  display: flex;
  justify-content: center;
  margin-top: auto;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  color: #B8C2CC;
}

.news-collection__info__likes {
  margin-right: 32px;
}

.news-collection__info__comments {
  display: flex;
  align-items: center;
}

.news-collection__info__comments .icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  margin-right: 11px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/comment.svg?6dc4ab2b001e07d1e7dbf44be6ff71a3) no-repeat center;
  background-size: 19px 19px;
}

.news-collection__video {
  margin-bottom: 0;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
  border-top: 4px solid #EFF1F3;
}

.news-collection .section__title {
  color: #2A2C3D;
}

.news-collection .section__more {
  color: #2A2C3D;
}

.news-collection .likes {
  display: flex;
  align-items: center;
}

.news-collection .likes__photos {
  display: flex;
  margin-right: 11px;
}

.news-collection .likes__photo {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
}

.news-collection .likes__photo:nth-child(n+2) {
  margin-left: -11px;
}

.news-collection .videos-list {
  display: flex;
}

.news-collection .videos-list-wrapper {
  overflow: hidden;
}

.news-collection .videos-item {
  width: 206px;
  margin-right: 16px;
}

.news-collection .videos-item:last-child {
  margin-right: 0;
}

.news-collection .videos-item__image {
  position: relative;
  height: 113px;
  margin-bottom: 6px;
  background: url("/images/pic-1.png") no-repeat center;
  background-size: cover;
  border-radius: 4px;
}

.news-collection .videos-item__image .btn-play {
  position: absolute;
  bottom: 14px;
  left: 14px;
  width: 28px;
  height: 22px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play-2.svg?e7d7e04a5af711dd9676bcba2bb0155a) no-repeat center;
  background-size: 28px 22px;
}

.news-collection .videos-item__title {
  margin-bottom: 3px;
  font-size: 13px;
  color: #2A2C3D;
}

.news-collection .videos-item__subtitle {
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

@media (max-width: 1919px) {
  .news-collection {
    margin-right: 0;
    padding-right: 97px;
    padding-bottom: 56px;
  }

  .news-collection__item {
    padding: 34px 50px 56px;
  }

  .news-collection__title {
    margin-bottom: 15px;
  }

  .news-collection .videos-item {
    width: 146px;
  }

  .news-collection .videos-item__image {
    height: 81px;
  }
}

@media (max-width: 1024px) {
  .news-collection {
    padding-right: 50px;
  }

  .news-collection__top {
    padding-bottom: 24px;
  }

  .news-collection__item {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 768px) {
  .news-collection {
    width: calc(100% + 16px);
    padding: 0;
    margin-left: -8px;
    margin-right: -8px;
  }

  .news-collection__top {
    display: block;
    margin: 0;
    padding: 24px 16px;
  }

  .news-collection__video {
    padding: 24px 16px;
  }

  .news-collection__video .section__top {
    padding-right: 16px;
  }

  .news-collection__item {
    height: auto;
  }

  .news-collection__item-wrapper {
    width: 100%;
    padding: 0;
    margin-bottom: 16px;
  }

  .news-collection__item-wrapper:last-child {
    margin-bottom: 0;
  }

  .news-collection .videos-item {
    width: 160px;
  }

  .news-collection .videos-item__image {
    height: 88px;
  }
}

.radio {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 33px 0 0;
}

.radio:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.radio:after {
  background: rgba(239, 241, 243, 0.5);
}

.app--scheme-black .radio:after {
  background: #000000;
}

.radio__header {
  margin: 0;
  box-sizing: border-box;
  padding: 0 8px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}

.app--page-home .radio__header,
.app--page-pick .radio__header {
  padding: 0;
}

.radio__content {
  position: relative;
  z-index: 2;
}

.radio__control {
  position: relative;
  z-index: 2;
  padding: 0 0 33px;
}

.radio__header .radio__control {
  padding: 0 8px;
  margin: auto 0 auto auto;
}

.radio__header .radio__title {
  font: 20px/20px "SF Pro Display Heavy", sans-serif;
  padding: 0 8px;
  margin: auto auto auto 0;
}

.radio__header .radio__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
}

.radio__header .radio__title span {
  color: inherit;
}

.app--scheme-white .radio__header .radio__title {
  color: #2A2C3D;
}

.app--scheme-white .radio__header .radio__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.app--scheme-black .radio__header .radio__title {
  color: #FFFFFF;
}

.app--scheme-black .radio__header .radio__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.app--scheme-white .radio__title {
  color: #2A2C3D;
}

.app--scheme-black .radio__title {
  color: #FFFFFF;
}

.radio__header .radio__control .radio__link {
  font: 11px "SF Mono Semi Bold", monospace;
  text-align: left;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 0 15px 0 0;
  position: relative;
  display: inline-block;
  width: auto;
  background: transparent;
  color: #1A1C26;
}

.radio__header .radio__control .radio__link:after {
  content: "";
  display: block;
  height: 12px;
  width: 7px;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-select-right-grey.svg?b3a96593c1cf7cbccfecfb5b7f1f3cf7) center no-repeat;
  background-size: cover;
}

.radio__control .radio__link {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-align: center;
  text-transform: uppercase;
  color: #2A2C3D;
  display: block;
  margin: 0 auto;
  width: 33.3333333333%;
  background: #EFF1F3;
  border-radius: 4px;
  padding: 16px 0;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 768px) {
  .radio__control .radio__link {
    width: 100%;
  }
}

.app--scheme-black .radio__control .radio__link {
  color: #B8C2CC;
  background: #1A1A1A;
}

.app--scheme-white .radio__control .radio__link {
  color: #2A2C3D;
  background: #EFF1F3;
}

.radio-station {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  padding: 63px 0 0;
  position: relative;
}

.radio-station:first-child {
  padding: 57px 0 30px;
}

.radio-station:after {
  content: "";
  position: absolute;
  top: 0;
  right: -64px;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(239, 241, 243, 0.5);
  transform: scaleX(2);
  transform-origin: top right;
  z-index: 1;
  transition: background-color 300ms ease 0ms;
}

.radio-station--grey:after {
  background: #f7f8f9;
}

.radio-station--black:after {
  background: #000000;
}

.radio-station__title-text {
  position: absolute;
  top: -40px;
  left: 100%;
  padding: 0 8px;
  width: 500%;
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #2A2C3D;
}

@media screen and (max-width: 1280px) {
  .radio-station__title-text {
    width: 300%;
  }
}

@media screen and (max-width: 768px) {
  .radio-station__title-text {
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  .radio-station__title-text {
    width: 200%;
    left: 0;
  }
}

.radio-station--white .radio-station__title-text {
  color: #1A1C26;
}

.radio-station--black .radio-station__title-text {
  color: #FFFFFF;
}

.app--page-home .radio-station__title-text,
.app--page-pick .radio-station__title-text {
  width: 600px;
}

@media screen and (max-width: 768px) {
  .app--page-home .radio-station__title-text,
  .app--page-pick .radio-station__title-text {
    width: 400px;
  }
}

@media screen and (max-width: 425px) {
  .app--page-home .radio-station__title-text,
  .app--page-pick .radio-station__title-text {
    width: 320px;
  }
}

.radio-station__title-text__link {
  color: inherit;
  padding-right: 27px;
  position: relative;
}

.radio-station__title-text__link:after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-link-grey.svg?f35c12dca9c8e60a82a6a2123c33ab63) center no-repeat;
  background-size: cover;
}

.radio-station__header {
  box-sizing: border-box;
  padding: 0 8px;
  width: 16.6666666667%;
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 1280px) {
  .radio-station__header {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .radio-station__header {
    width: 50%;
  }
}

.app--page-home .radio-station__header,
.app--page-pick .radio-station__header {
  position: absolute;
  top: 62px;
  left: -16px;
  width: auto;
}

@media screen and (max-width: 425px) {
  .app--page-home .radio-station__header,
  .app--page-pick .radio-station__header {
    left: 0;
  }
}

.live-main .radio-station__header,
.video__player--radio .radio-station__header {
  width: 100%;
  max-height: none;
  padding: 0;
  margin: 0;
}

.radio-station__content {
  width: 83.3333333333%;
  position: relative;
  z-index: 2;
}

.radio-station__content--empty {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/soundwave.svg?17a4fa087435e4b5d3789fdf406b75f0) left center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1280px) {
  .radio-station__content {
    width: 75%;
  }
}

@media screen and (max-width: 768px) {
  .radio-station__content {
    width: 50%;
  }
}

.app--page-home .radio-station__content,
.app--page-pick .radio-station__content {
  width: 100%;
}

@media screen and (max-width: 1280px) {
  .app--page-home .radio-station__content,
  .app--page-pick .radio-station__content {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .app--page-home .radio-station__content,
  .app--page-pick .radio-station__content {
    width: 100%;
  }
}

.app--page-home .radio-station__control,
.app--page-pick .radio-station__control {
  display: none;
}

.radio-station__slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 32px 0 0;
  margin: -32px auto 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.radio-station__navigation {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .radio-station__navigation {
    display: none;
  }
}

.radio-station__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.radio-station__item {
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px 32px;
  width: 20%;
  display: flex;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

@media screen and (max-width: 1024px) {
  .radio-station__item {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .radio-station__item {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .radio-station__item {
    width: 100%;
  }
}

.app--page-home .radio-station__item,
.app--page-pick .radio-station__item {
  width: 16.6666666667%;
}

@media screen and (max-width: 1280px) {
  .app--page-home .radio-station__item,
  .app--page-pick .radio-station__item {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .app--page-home .radio-station__item,
  .app--page-pick .radio-station__item {
    width: 50%;
  }
}

.radio-station__box {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  position: relative;
  padding: 27px 8px 8px;
  background: #FFFFFF;
  border-radius: 4px;
}

.radio-station__info {
  display: flex;
  flex-flow: column nowrap;
  min-height: 190px;
  overflow: hidden;
}

.radio-station__label {
  font: 9px/16px "SF Pro Display Medium", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 4px 0;
  background: #FF0047;
}

.radio-station__header .radio-station__title {
  padding-bottom: 134.2465753425%;
  width: 100%;
  max-width: 149px;
  margin: 0 auto;
}

@media screen and (max-width: 1280px) {
  .radio-station__header .radio-station__title {
    padding-bottom: 77.5%;
  }
}

@media screen and (max-width: 1024px) {
  .radio-station__header .radio-station__title {
    width: 50%;
    padding-bottom: 134.2465753425%;
  }
}

@media screen and (max-width: 768px) {
  .radio-station__header .radio-station__title {
    padding-bottom: 64.4%;
  }
}

@media screen and (max-width: 425px) {
  .radio-station__header .radio-station__title {
    padding-bottom: 134.2465753425%;
  }
}

.live-main .radio-station__header .radio-station__title,
.video__player--radio .radio-station__header .radio-station__title {
  width: 100%;
  padding-bottom: calc(56.25% - 92px);
  margin: 0 auto;
  max-width: none;
  background-size: 25%;
}

.radio-station__slider .radio-station__title {
  font: 13px/16px "SF Pro Display Bold", sans-serif;
  color: #1A1C26;
  margin: 0 0 15px;
  overflow: hidden;
}

.radio-station__anons {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  margin: 0 0 10px;
}

.radio-station__status {
  margin: auto 0 0;
}

.radio-station__link {
  color: inherit;
  text-decoration: none;
}

.radio-station__status .radio-station__link {
  display: block;
  height: 24px;
  width: 24px;
  padding: 0;
}

.radio-station__status.radio-station__status--long .radio-station__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-radio-long.svg?a3e2adf19c720612a4f31b03caf15d6a) center no-repeat;
  background-size: cover;
}

.radio-station__status.radio-station__status--short .radio-station__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-radio-short.svg?cba96768dc6387149fb06c2b5b9f5394) center no-repeat;
  background-size: cover;
}

.radio-station__status.radio-station__status--in-air .radio-station__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-radio-in-air.svg?a1d6d0ad69be78b43a8eaa015b96b81d) center no-repeat;
  background-size: cover;
}

.radio-station__button--listen .radio-station__icon {
  display: block;
  margin: 0 auto 15px;
  height: 32px;
  width: 32px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-play-big-red.svg?2c0581e13af8fc8bfbd426029e5214ee) center no-repeat;
  background-size: cover;
  position: relative;
  box-shadow: 0 6px 10px rgba(255, 0, 71, 0.25);
  border-radius: 100%;
}

.radio-station__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.radio-station__button--disabled {
  display: none;
}

.radio-station__button--hidden {
  display: none;
}

.radio-station__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.radio-station__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.radio-station__button--listen {
  width: auto;
  height: auto;
  border-radius: 0;
  position: static;
  top: auto;
  box-shadow: none;
  cursor: pointer;
  border: none;
  outline: none;
  display: block;
  text-align: center;
  margin: auto 0 0;
}

.radio-station__button--listen span {
  font: 9px/12px "SF Mono Medium", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #1A1C26;
}

.radio-station__full-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.video__player--radio {
  position: relative;
  z-index: 1;
}

.video__player--radio.radio-station--mayak,
.live-main__wrapper.radio-station--mayak {
  background: #000000 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/mayak-wallpaper.png?273803963c47c6e879bab9676b19ca3d) center no-repeat;
  background-size: contain;
}

.video__player--radio.radio-station--vesti-fm,
.live-main__wrapper.radio-station--vesti-fm {
  background: #000000 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/vesti-wallpaper.png?b25b88d8069a9514dfb4731b72d86e1c) center no-repeat;
  background-size: contain;
}

.video__player--radio.radio-station--radio-rus,
.live-main__wrapper.radio-station--radio-rus {
  background: #000000 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/russia-wallpaper.png?9b2f8d40ae129e6fe7e770b48bf2145a) center no-repeat;
  background-size: contain;
}

.video__player--radio.radio-station--radio-cult,
.live-main__wrapper.radio-station--radio-cult {
  background: #000000 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/kultura-wallpaper.png?557899de30a4218b0f5e28f8393fa1a6) center no-repeat;
  background-size: contain;
}

.video__player--radio.radio-station--radio-unost,
.live-main__wrapper.radio-station--radio-unost {
  background: #000000 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/yunost-wallpaper.png?9546b8f14b621613026d565fcc9dc2ac) center no-repeat;
  background-size: contain;
}

.video__player--radio .pseudo-player,
.live-main__wrapper .pseudo-player {
  background: transparent !important;
}

.app--active-live-pop-up .layout-player.static {
  z-index: 1;
}

.likes-box {
  display: flex;
  flex-flow: row nowrap;
}

.likes-box__list {
  margin: auto 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
}

.likes-box__item {
  margin: 0 0 0 -8px;
  position: relative;
}

.likes-box__item:first-child {
  margin: 0;
}

.likes-box__item:nth-child(1) {
  z-index: 3;
}

.likes-box__item:nth-child(2) {
  z-index: 2;
}

.likes-box__item:nth-child(3) {
  z-index: 1;
}

.likes-box__count {
  margin: auto 0 auto 8px;
}

.likes-box__item .likes-box__link {
  font: 0 sans-serif;
  display: block;
  box-sizing: border-box;
  background: #2F23EE;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
  height: 24px;
  width: 24px;
}

.likes-box__count .likes-box__link {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  letter-spacing: 1.22px;
  color: #B8C2CC;
}

.collections__item--pictured .likes-box__count .likes-box__link {
  color: #FFFFFF;
}

.collection-item {
  position: relative;
}

.collection-item__preview {
  position: relative;
  z-index: 1;
}

.collection-item__info {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.new-list--template-compilations .collection-item__info {
  top: 25%;
  left: 50%;
  width: auto;
  height: auto;
  transform: translateX(-50%);
}

.collection-item__picture {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.collection-item__picture img:nth-child(1) {
  position: absolute;
  top: -8px;
  left: 50%;
  width: 90%;
  height: auto;
  z-index: 1;
  opacity: 0.25;
  transform: translateX(-50%);
  border-radius: 8px;
}

.collection-item__picture img:nth-child(2) {
  position: absolute;
  top: -4px;
  left: 50%;
  width: 95%;
  height: auto;
  z-index: 2;
  opacity: 0.5;
  transform: translateX(-50%);
  border-radius: 8px;
}

.new-list--template-compilations .collection-item__picture {
  padding-bottom: 43.4042553191%;
}

.new-list--template-compilations .collection-item__picture > img:nth-child(1) {
  display: none;
}

.new-list--template-compilations .collection-item__picture > img:nth-child(2) {
  display: none;
}

@media screen and (max-width: 768px) {
  .new-list--template-compilations .collection-item__picture {
    padding-bottom: 62.1951219512%;
  }
}

.collection-item__label {
  display: none;
}

.new-list--template-compilations .collection-item__label {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-transform: uppercase;
  text-align: center;
  color: #FFFFFF;
  letter-spacing: 0.5px;
  margin: 0 0 15px;
  display: block;
}

.collection-item__title {
  font: 24px/28px "SF Pro Display Bold", sans-serif;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.new-list--template-compilations .collection-item__title {
  font: 24px/28px "New York Medium Bold", serif;
  position: relative;
  top: auto;
  left: auto;
}

.collection-item__count {
  font: 11px/16px "SF Mono Semi Bold", monospace;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.new-list--template-compilations .collection-item__count {
  display: none;
}

.collection-item__link {
  color: inherit;
}

.collection-item__picture .collection-item__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 3;
}

.collection-item__picture .collection-item__link img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
  opacity: 1;
  transform: unset;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.new-list--template-compilations .collection-item__picture .collection-item__link img {
  border-radius: 0;
  z-index: 1;
}

.new-list--template-compilations .collection-item__picture .collection-item__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(42, 44, 61, 0.5);
  z-index: 2;
}

.collection-item__labe .collection-item__link {
  display: none;
  margin: 0 16px;
}

.collection-item__title .collection-item__link {
  display: block;
  margin: 13px 16px 0;
}

.collection-item__count .collection-item__link {
  display: block;
  margin: 0 16px 13px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-goto-white.svg?2e69f93759a90be34ca0dd1faa3de576) right center no-repeat;
  background-size: auto 100%;
}

.collections {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.collections:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.collections--white:after {
  background: #FFFFFF;
}

.collections--black:after {
  background: #000000;
}

.collections--boxes {
  padding: 30px 0 44px;
  margin-bottom: 15px;
}

.collections--boxes:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  background: #EFF1F3;
  z-index: 1;
}

.collections--slider {
  padding: 30px 0;
}

.collections__header {
  margin: 0 0 20px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 3;
}

.collections__content {
  position: relative;
  z-index: 2;
}

.collections__navigation {
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .collections__navigation {
    display: none;
  }
}

.collections__slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 32px 0 0;
  margin: -32px auto 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.collections__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.collections--boxes .collections__list {
  flex-flow: row wrap;
}

.collections--slider .collections__list {
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.collections--box-slider .collections__list {
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
  display: flex;
  flex-wrap: wrap;
}

.collections__item {
  padding: 0 8px;
  box-sizing: border-box;
}

.collections--boxes .collections__item {
  width: 50%;
  margin: 8px 0;
}

@media screen and (max-width: 599px) {
  .collections--boxes .collections__item {
    width: 100%;
  }
}

.collections--boxes .collections__item--slot {
  width: 100%;
  margin: 0;
}

.collections--slider .collections__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .collections--slider .collections__item {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .collections--slider .collections__item {
    width: 232px;
  }
}

.collections--box-slider .collections__item {
  padding: 16px 8px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  width: 25%;
}

@media screen and (max-width: 768px) {
  .collections--box-slider .collections__item {
    width: 50%;
  }
}

.collections--boxes .collections__box {
  position: relative;
  width: 100%;
  padding-bottom: 50.1228501229%;
}

.collections--slider .collections__box {
  position: relative;
  cursor: pointer;
}

.collections--box-slider .collections__box {
  position: relative;
  cursor: pointer;
}

.collections--boxes .collections__preview {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.collections--boxes .collections__info {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.collections--slider .collections__info {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  z-index: 2;
}

.collections--box-slider .collections__info {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  z-index: 2;
}

.collections__label {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  color: #B8C2CC;
}

.collections__header .collections__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  padding: 0 8px;
  margin: auto auto auto 0;
}

.collections--white .collections__header .collections__title {
  color: #2A2C3D;
}

.collections--black .collections__header .collections__title {
  color: #FFFFFF;
}

.collections__item--pictured .collections__title {
  color: #FFFFFF;
}

.collections--boxes .collections__title {
  font: 24px/28px "New York Medium Black";
  text-align: center;
  color: #FFFFFF;
  padding: 0 10%;
}

@media screen and (max-width: 768px) {
  .collections--boxes .collections__title {
    font-size: 18px;
    line-height: 22px;
  }
}

@media screen and (max-width: 599px) {
  .collections--boxes .collections__title {
    font-size: 24px;
    line-height: 28px;
  }
}

.collections__social {
  margin: 15px auto 0;
  display: flex;
  flex-flow: row nowrap;
}

.collections__likes {
  margin: auto;
}

.collections__comments {
  margin: auto;
}

.collections__count {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.collections--boxes .collections__picture {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.collections--slider .collections__picture,
.collections--box-slider .collections__picture {
  position: relative;
}

.collections--slider .collections__picture > img,
.collections--box-slider .collections__picture > img {
  position: absolute;
  height: 100%;
  border-radius: 8px;
}

.collections--slider .collections__picture > img:nth-child(1),
.collections--box-slider .collections__picture > img:nth-child(1) {
  top: -4px;
  left: 8px;
  width: calc(100% - 16px);
  opacity: 0.5;
}

.collections--slider .collections__picture > img:nth-child(3),
.collections--box-slider .collections__picture > img:nth-child(3) {
  top: -8px;
  left: 16px;
  width: calc(100% - 32px);
  opacity: 0.25;
}

.collections__link {
  color: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.collections--boxes .collections__picture .collections__link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}

.collections--boxes .collections__picture .collections__link img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.collections--boxes .collections__picture .collections__link img.lazy-image {
  opacity: 0;
  transition: opacity 300ms ease 0ms;
}

.collections--boxes .collections__picture .collections__link img.lazy-image.loaded {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.collections--boxes .collections__picture .collections__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(26, 28, 38, 0.5);
  z-index: 2;
}

.collections--boxes .collections__label .collections__link {
  display: block;
  text-align: center;
}

.collections--slider .collections__picture .collections__link {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  padding: 0 0 100%;
  position: relative;
  z-index: 2;
}

.collections--slider .collections__picture .collections__link img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.collections--box-slider .collections__picture .collections__link {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.collections--box-slider .collections__picture .collections__link img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.collections--slider .collections__title .collections__link {
  font: 24px/28px "SF Pro Display Bold", sans-serif;
  color: #FFFFFF;
  display: block;
  overflow: hidden;
}

@media screen and (max-width: 1280px) {
  .collections--slider .collections__title .collections__link {
    font: 20px/24px "SF Pro Display Bold", sans-serif;
  }
}

@media screen and (max-width: 1100px) {
  .collections--slider .collections__title .collections__link {
    font: 18px/22px "SF Pro Display Bold", sans-serif;
  }
}

@media screen and (max-width: 1024px) {
  .collections--slider .collections__title .collections__link {
    font: 20px/24px "SF Pro Display Bold", sans-serif;
  }
}

.collections--box-slider .collections__title .collections__link {
  font: 24px/28px "SF Pro Display Bold", sans-serif;
  color: #FFFFFF;
  display: block;
}

.collections__comments .collections__link {
  font: 11px/24px "SF Mono Semi Bold", monospace;
  letter-spacing: 1.22px;
  color: #B8C2CC;
  display: inline-block;
  height: 24px;
  padding: 0 0 0 32px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-comments-grey.svg?36e05a3bd6a4f3e492a8f17caec2cfd9) left center no-repeat;
  background-size: auto 100%;
}

.collections__item--pictured .collections__comments .collections__link {
  color: #FFFFFF;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-comments-white.svg?f4adc6830781459372b1a285c605e8eb) left center no-repeat;
  background-size: auto 100%;
}

.collections__count .collections__link {
  font: 11px/12px "SF Mono Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #FFFFFF;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  position: relative;
}

.collections__count .collections__link:after {
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-goto-white.svg?2e69f93759a90be34ca0dd1faa3de576) center no-repeat;
  background-size: cover;
}

.collections__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.collections__button--disabled {
  display: none;
}

.collections__button--hidden {
  display: none;
}

.collections__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.collections__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.collections--box-slider .collections__count {
  display: none;
}

.tvp-preloader {
  position: relative;
  min-height: 100px;
  width: 100%;
}

.tvp-preloader--loading > * {
  opacity: 0;
}

.tvp-preloader--loading:before {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
  z-index: 1;
}

.channels-bar {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
}

.channels-bar__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.channels-bar__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.channels-bar__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  box-sizing: border-box;
  margin: 0 8px;
}

.channels-bar__box {
  position: relative;
  width: 64px;
  box-sizing: border-box;
}

.channels-bar__item--active-channel .channels-bar__box {
  width: 146px;
}

.channels-bar__link--channel {
  width: 100%;
  height: 64px;
  border-radius: 4px;
  position: relative;
  display: block;
  background: #EFF1F3;
  border: 2px solid #EFF1F3;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.channels-bar__item--1.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #C40000;
  border: 2px solid #C40000;
}

.channels-bar__item--1:hover .channels-bar__link--channel {
  background: #C40000;
  border: 2px solid #C40000;
}

.channels-bar__item--3.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #C40000;
  border: 2px solid #C40000;
}

.channels-bar__item--3:hover .channels-bar__link--channel {
  background: #C40000;
  border: 2px solid #C40000;
}

.channels-bar__item--4.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #C40000;
  border: 2px solid #C40000;
}

.channels-bar__item--4:hover .channels-bar__link--channel {
  background: #C40000;
  border: 2px solid #C40000;
}

.channels-bar__item--70.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
}

.channels-bar__item--70:hover .channels-bar__link--channel {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
}

.channels-bar__item--76.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #252525;
  border: 2px solid #252525;
}

.channels-bar__item--76:hover .channels-bar__link--channel {
  background: #252525;
  border: 2px solid #252525;
}

.channels-bar__item--81.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #FF0000;
  border: 2px solid #FF0000;
}

.channels-bar__item--81:hover .channels-bar__link--channel {
  background: #FF0000;
  border: 2px solid #FF0000;
}

.channels-bar__item--82.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #C40000;
  border: 2px solid #C40000;
}

.channels-bar__item--82:hover .channels-bar__link--channel {
  background: #C40000;
  border: 2px solid #C40000;
}

.channels-bar__item--93.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #00AFFA;
  border: 2px solid #00AFFA;
}

.channels-bar__item--93:hover .channels-bar__link--channel {
  background: #00AFFA;
  border: 2px solid #00AFFA;
}

.channels-bar__item--199.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #0000FF;
  border: 2px solid #0000FF;
}

.channels-bar__item--199:hover .channels-bar__link--channel {
  background: #0000FF;
  border: 2px solid #0000FF;
}

.channels-bar__item--200.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #912891;
  border: 2px solid #912891;
}

.channels-bar__item--200:hover .channels-bar__link--channel {
  background: #912891;
  border: 2px solid #912891;
}

.channels-bar__item--232.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #01AFFA;
  border: 2px solid #01AFFA;
}

.channels-bar__item--232:hover .channels-bar__link--channel {
  background: #01AFFA;
  border: 2px solid #01AFFA;
}

.channels-bar__item--248.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #00C300;
  border: 2px solid #00C300;
}

.channels-bar__item--248:hover .channels-bar__link--channel {
  background: #00C300;
  border: 2px solid #00C300;
}

.channels-bar__item--250.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #CC1B52;
  border: 2px solid #CC1B52;
}

.channels-bar__item--250:hover .channels-bar__link--channel {
  background: #CC1B52;
  border: 2px solid #CC1B52;
}

.channels-bar__item--251.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
}

.channels-bar__item--251:hover .channels-bar__link--channel {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
}

.channels-bar__item--252.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #510C76;
  border: 2px solid #510C76;
}

.channels-bar__item--252:hover .channels-bar__link--channel {
  background: #510C76;
  border: 2px solid #510C76;
}

.channels-bar__item--253.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
}

.channels-bar__item--253:hover .channels-bar__link--channel {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
}

.channels-bar__item--254.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #6600AD;
  border: 2px solid #6600AD;
}

.channels-bar__item--254:hover .channels-bar__link--channel {
  background: #6600AD;
  border: 2px solid #6600AD;
}

.channels-bar__item--255.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #D40026;
  border: 2px solid #D40026;
}

.channels-bar__item--255:hover .channels-bar__link--channel {
  background: #D40026;
  border: 2px solid #D40026;
}

.channels-bar__item--256.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #F58A41;
  border: 2px solid #F58A41;
}

.channels-bar__item--256:hover .channels-bar__link--channel {
  background: #F58A41;
  border: 2px solid #F58A41;
}

.channels-bar__item--257.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #00A1E6;
  border: 2px solid #00A1E6;
}

.channels-bar__item--257:hover .channels-bar__link--channel {
  background: #00A1E6;
  border: 2px solid #00A1E6;
}

.channels-bar__item--258.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #FFD444;
  border: 2px solid #FFD444;
}

.channels-bar__item--258:hover .channels-bar__link--channel {
  background: #FFD444;
  border: 2px solid #FFD444;
}

.channels-bar__item--259.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #EA0D8C;
  border: 2px solid #EA0D8C;
}

.channels-bar__item--259:hover .channels-bar__link--channel {
  background: #EA0D8C;
  border: 2px solid #EA0D8C;
}

.channels-bar__item--260.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #6C757E;
  border: 2px solid #6C757E;
}

.channels-bar__item--260:hover .channels-bar__link--channel {
  background: #6C757E;
  border: 2px solid #6C757E;
}

.channels-bar__item--261.channels-bar__item--active-channel .channels-bar__link--channel {
  background: #ED0E0E;
  border: 2px solid #ED0E0E;
}

.channels-bar__item--261:hover .channels-bar__link--channel {
  background: #ED0E0E;
  border: 2px solid #ED0E0E;
}

.channels-bar__item--76.channels-bar__item--active-channel .channels-bar__link--channel {
  border: 2px solid #71EAED;
}

.channels-bar__item--76:hover .channels-bar__link--channel {
  border: 2px solid #71EAED;
}

.channels-bar__item--254.channels-bar__item--active-channel .channels-bar__link--channel {
  background-image: linear-gradient(90deg, #6600AD, #B12958, #FE5406);
  border: none;
}

.channels-bar__item--254:hover .channels-bar__link--channel {
  background-image: linear-gradient(90deg, #6600AD, #B12958, #FE5406);
  border: none;
}

.channels-bar__link--live {
  display: none;
}

.channels-bar__item--active-channel .channels-bar__link--live {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 48px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-tvp-play.svg?352c13f1aca5b7b9264916094ce11d4a) center no-repeat;
  background-size: 50%;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  transform: translateY(-50%);
  z-index: 2;
}

.channels-bar__item--active-channel.channels-bar__item--70 .channels-bar__link--live,
.channels-bar__item--active-channel.channels-bar__item--251 .channels-bar__link--live,
.channels-bar__item--active-channel.channels-bar__item--253 .channels-bar__link--live {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-tvp-play-dark.svg?5a0c5d01a5648cae11b8d09b51880dc3) center no-repeat;
  background-size: 50%;
  border-left: 1px solid #EFF1F3;
}

.channels-bar__icon {
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.channels-bar__type--audio .channels-bar__icon {
  background-size: 60% !important;
}

.channels-bar__item--active-channel .channels-bar__icon {
  margin-left: -20px;
}

.channels-bar__item--1 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/1-default.svg?5f5c04cee219638eff02199815f69c0e) center no-repeat;
  background-size: cover;
}

.channels-bar__item--1.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/1-active.svg?c5d2af385cc3faacd008d9eb7a009766) center no-repeat;
  background-size: cover;
}

.channels-bar__item--1:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/1-active.svg?c5d2af385cc3faacd008d9eb7a009766) center no-repeat;
  background-size: cover;
}

.channels-bar__item--3 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/3-default.svg?c3c062d5c4b665d94e42dfcf7217f749) center no-repeat;
  background-size: cover;
}

.channels-bar__item--3.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/3-active.svg?a95d8e01760360f9eed5a98ebfee050c) center no-repeat;
  background-size: cover;
}

.channels-bar__item--3:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/3-active.svg?a95d8e01760360f9eed5a98ebfee050c) center no-repeat;
  background-size: cover;
}

.channels-bar__item--4 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/4-default.svg?f4b5da407989d890e76b98f2c9819836) center no-repeat;
  background-size: cover;
}

.channels-bar__item--4.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/4-active.svg?c47dfaaeb2c82b8dd6ce2aaa986804b0) center no-repeat;
  background-size: cover;
}

.channels-bar__item--4:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/4-active.svg?c47dfaaeb2c82b8dd6ce2aaa986804b0) center no-repeat;
  background-size: cover;
}

.channels-bar__item--70 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/70-default.svg?82c387d9a9c572c444a09ce7b02010f2) center no-repeat;
  background-size: cover;
}

.channels-bar__item--70.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/70-active.svg?3c9f52339c516eb442eb18daf5dd8245) center no-repeat;
  background-size: cover;
}

.channels-bar__item--70:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/70-active.svg?3c9f52339c516eb442eb18daf5dd8245) center no-repeat;
  background-size: cover;
}

.channels-bar__item--76 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/76-default.svg?29235a4b1ecbb98eedc4c65750afae60) center no-repeat;
  background-size: cover;
}

.channels-bar__item--76.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/76-active.svg?999b9b1f139b98086435de72fc324cbc) center no-repeat;
  background-size: cover;
}

.channels-bar__item--76:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/76-active.svg?999b9b1f139b98086435de72fc324cbc) center no-repeat;
  background-size: cover;
}

.channels-bar__item--81 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/81-default.svg?0e570a0760924fe474bb420af060e531) center no-repeat;
  background-size: cover;
}

.channels-bar__item--81.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/81-active.svg?f06c474af4f86c5ec14d147fca9ce9a0) center no-repeat;
  background-size: cover;
}

.channels-bar__item--81:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/81-active.svg?f06c474af4f86c5ec14d147fca9ce9a0) center no-repeat;
  background-size: cover;
}

.channels-bar__item--82 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/82-default.svg?4d42db2f93a2b25f18783401d82f7146) center no-repeat;
  background-size: cover;
}

.channels-bar__item--82.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/82-active.svg?c7a95ddfa4fe07233b403e6c189a9fa6) center no-repeat;
  background-size: cover;
}

.channels-bar__item--82:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/82-active.svg?c7a95ddfa4fe07233b403e6c189a9fa6) center no-repeat;
  background-size: cover;
}

.channels-bar__item--93 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/93-default.svg?b3c5a08661ad545a71d48f2a6e3d82f0) center no-repeat;
  background-size: cover;
}

.channels-bar__item--93.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/93-active.svg?68fa825f408e67060ea6f871a11b0564) center no-repeat;
  background-size: cover;
}

.channels-bar__item--93:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/93-active.svg?68fa825f408e67060ea6f871a11b0564) center no-repeat;
  background-size: cover;
}

.channels-bar__item--199 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/199-default.svg?a660cdc504c612b52a48bc258bbdc8ee) center no-repeat;
  background-size: cover;
}

.channels-bar__item--199.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/199-active.svg?533e67d7bdaf0e89f3b56bdcb6f48d4c) center no-repeat;
  background-size: cover;
}

.channels-bar__item--199:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/199-active.svg?533e67d7bdaf0e89f3b56bdcb6f48d4c) center no-repeat;
  background-size: cover;
}

.channels-bar__item--200 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/200-default.svg?8b96be17aa4cf0d854ad3aff4ebcf75a) center no-repeat;
  background-size: cover;
}

.channels-bar__item--200.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/200-active.svg?5be0607b631289f7ddb653031a5fc783) center no-repeat;
  background-size: cover;
}

.channels-bar__item--200:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/200-active.svg?5be0607b631289f7ddb653031a5fc783) center no-repeat;
  background-size: cover;
}

.channels-bar__item--232 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/232-default.svg?454db4916635f94afefc03048594375b) center no-repeat;
  background-size: cover;
}

.channels-bar__item--232.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/232-active.svg?454db4916635f94afefc03048594375b) center no-repeat;
  background-size: cover;
}

.channels-bar__item--232:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/232-active.svg?454db4916635f94afefc03048594375b) center no-repeat;
  background-size: cover;
}

.channels-bar__item--248 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/248-default.svg?4a6c3ecf068ec71e751e18c5bcd3a735) center no-repeat;
  background-size: cover;
}

.channels-bar__item--248.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/248-active.svg?9e625bf578ee97332784f807578bf5e6) center no-repeat;
  background-size: cover;
}

.channels-bar__item--248:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/248-active.svg?9e625bf578ee97332784f807578bf5e6) center no-repeat;
  background-size: cover;
}

.channels-bar__item--250 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/250-default.svg?b9032090ecad255f4be55e98a0132a99) center no-repeat;
  background-size: cover;
}

.channels-bar__item--250.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/250-active.svg?281f0ee9caa61b904a4cc9da7e27c9b7) center no-repeat;
  background-size: cover;
}

.channels-bar__item--250:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/250-active.svg?281f0ee9caa61b904a4cc9da7e27c9b7) center no-repeat;
  background-size: cover;
}

.channels-bar__item--251 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/251-default.svg?33ba1318283ee45d4793597b73036b53) center no-repeat;
  background-size: cover;
}

.channels-bar__item--251.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/251-active.svg?53a4f2f928a13932f96f5d2b1c321a76) center no-repeat;
  background-size: cover;
}

.channels-bar__item--251:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/251-active.svg?53a4f2f928a13932f96f5d2b1c321a76) center no-repeat;
  background-size: cover;
}

.channels-bar__item--252 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/252-default.svg?3c9b1d581a8b0acacaa46ab37eb31b40) center no-repeat;
  background-size: cover;
}

.channels-bar__item--252.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/252-active.svg?15072c00da1c1abbc8de42b34eeb587c) center no-repeat;
  background-size: cover;
}

.channels-bar__item--252:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/252-active.svg?15072c00da1c1abbc8de42b34eeb587c) center no-repeat;
  background-size: cover;
}

.channels-bar__item--253 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/253-default.svg?9862eb1196d3697e26d70a27e6fb43c2) center no-repeat;
  background-size: cover;
}

.channels-bar__item--253.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/253-active.svg?9078465963b97bbfdb3e54d30e3c1597) center no-repeat;
  background-size: cover;
}

.channels-bar__item--253:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/253-active.svg?9078465963b97bbfdb3e54d30e3c1597) center no-repeat;
  background-size: cover;
}

.channels-bar__item--254 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/254-default.svg?d0754641f555032fd339982e8708c68c) center no-repeat;
  background-size: cover;
}

.channels-bar__item--254.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/254-active.svg?82ee6ad7369aa495cb20e128f6bda726) center no-repeat;
  background-size: cover;
}

.channels-bar__item--254:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/254-active.svg?82ee6ad7369aa495cb20e128f6bda726) center no-repeat;
  background-size: cover;
}

.channels-bar__item--255 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/255-default.svg?45b3075b3442993a8965bbde9d77758e) center no-repeat;
  background-size: cover;
}

.channels-bar__item--255.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/255-active.svg?a0a80989a254cdb2d06838fd55859cd0) center no-repeat;
  background-size: cover;
}

.channels-bar__item--255:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/255-active.svg?a0a80989a254cdb2d06838fd55859cd0) center no-repeat;
  background-size: cover;
}

.channels-bar__item--256 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/256-default.svg?bfa94a5e8938ef7310b2c7f2151e11ff) center no-repeat;
  background-size: cover;
}

.channels-bar__item--256.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/256-active.svg?267af57db7f88939f6699d02e0c17475) center no-repeat;
  background-size: cover;
}

.channels-bar__item--256:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/256-active.svg?267af57db7f88939f6699d02e0c17475) center no-repeat;
  background-size: cover;
}

.channels-bar__item--257 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/257-default.svg?c012d3521a0e87377656b897480f147f) center no-repeat;
  background-size: cover;
}

.channels-bar__item--257.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/257-active.svg?382cf421ce22cc682ec9024ebf0011ef) center no-repeat;
  background-size: cover;
}

.channels-bar__item--257:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/257-active.svg?382cf421ce22cc682ec9024ebf0011ef) center no-repeat;
  background-size: cover;
}

.channels-bar__item--258 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/258-default.svg?c63df26b3be7887501c462a17899465d) center no-repeat;
  background-size: cover;
}

.channels-bar__item--258.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/258-active.svg?561ed3101ee3504dba3fb20a7712f00a) center no-repeat;
  background-size: cover;
}

.channels-bar__item--258:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/258-active.svg?561ed3101ee3504dba3fb20a7712f00a) center no-repeat;
  background-size: cover;
}

.channels-bar__item--259 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/259-default.svg?c0b00a9636dbf153128e52d9d0a63e41) center no-repeat;
  background-size: cover;
}

.channels-bar__item--259.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/259-active.svg?5fc0d5273bfea4ea1234b91d29c3ad16) center no-repeat;
  background-size: cover;
}

.channels-bar__item--259:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/259-active.svg?5fc0d5273bfea4ea1234b91d29c3ad16) center no-repeat;
  background-size: cover;
}

.channels-bar__item--260 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/260-default.svg?b7d19936257c0268640050f092f463f7) center no-repeat;
  background-size: cover;
}

.channels-bar__item--260.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/260-active.svg?0906f26569ea3638a0154cda6ec36523) center no-repeat;
  background-size: cover;
}

.channels-bar__item--260:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/260-active.svg?0906f26569ea3638a0154cda6ec36523) center no-repeat;
  background-size: cover;
}

.channels-bar__item--261 .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/261-default.svg?0685a03ca4442cbeee38c59c03ba61f1) center no-repeat;
  background-size: cover;
}

.channels-bar__item--261.channels-bar__item--active-channel .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/261-active.svg?3411a007d8f5351882fa11b63407e33b) center no-repeat;
  background-size: cover;
}

.channels-bar__item--261:hover .channels-bar__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/261-active.svg?3411a007d8f5351882fa11b63407e33b) center no-repeat;
  background-size: cover;
}

.week-tvp {
  width: 100%;
}

.week-tvp__content {
  display: none;
}

.week-tvp__content--active {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.week-tvp__channel {
  font: 20px/28px "SF Pro Display Heavy", sans-serif;
  color: #1A1C26;
  margin: 0 0 16px;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}

.week-tvp__day {
  box-sizing: border-box;
  width: 25%;
  margin: 0 8.3333333333% 50px 0;
  padding: 0 8px;
}

@media screen and (max-width: 1024px) {
  .week-tvp__day {
    width: 41.6666666667%;
  }
}

@media screen and (max-width: 768px) {
  .week-tvp__day {
    width: 100%;
    margin: 0 0 50px 0;
  }
}

.week-tvp__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #2A2C3D;
  margin: 0 0 16px;
}

.week-tvp__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.week-tvp__item {
  margin: 8px 0;
  min-height: 20px;
  position: relative;
}

.week-tvp__item--in-air {
  border-radius: 4px;
  background: #C40000 !important;
  margin: 8px -16px;
  padding: 0 16px 13px;
}

.week-tvp__item--has-promo {
  border-radius: 4px;
  background: #EFF1F3;
  margin: 8px -16px;
  padding: 0 16px 13px;
}

.week-tvp__preview {
  position: relative;
}

.week-tvp__item--in-air .week-tvp__preview {
  min-height: 30px;
}

.week-tvp__item--in-air .week-tvp__preview:before {
  content: "\441\435\439\447\430\441";
  font: 11px/20px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
  background: #FF0047;
  padding: 0 16px;
  border-radius: 4px 0;
}

.week-tvp__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.week-tvp__picture {
  width: 100%;
  margin: 0 0 13px;
}

.week-tvp__picture img {
  margin: 8px 0 0;
  width: 100%;
  height: auto;
  vertical-align: top;
  border-radius: 4px 4px 0 0;
}

.week-tvp__item--in-air .week-tvp__picture img {
  margin: 0 -16px;
  width: calc(100% + 32px);
}

.week-tvp__item--has-promo .week-tvp__picture img {
  margin: 0 -16px;
  width: calc(100% + 32px);
}

.week-tvp__time {
  font: 13px/16px "SF Pro Display Bold", sans-serif;
  color: #1A1C26;
  flex: 0 0 40px;
}

.week-tvp__item--passed .week-tvp__time {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #B8C2CC;
}

.week-tvp__item--in-air .week-tvp__time {
  color: #FFFFFF;
}

.week-tvp__name {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  box-sizing: border-box;
  flex: 0 1 100%;
  margin: 0 8px 0 16px;
  position: relative;
}

.week-tvp__item--has-subtitles .week-tvp__name {
  padding: 0 20px 0 0;
}

.week-tvp__item--has-subtitles .week-tvp__name::after {
  position: absolute;
  right: -13px;
  bottom: 0;
  content: "";
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNSAwLjVIMy41QzEuODQzMTUgMC41IDAuNSAxLjg0MzE1IDAuNSAzLjVWOC41QzAuNSAxMC4xNTY5IDEuODQzMTUgMTEuNSAzLjUgMTEuNUg4LjVDMTAuMTU2OSAxMS41IDExLjUgMTAuMTU2OSAxMS41IDguNVYzLjVDMTEuNSAxLjg0MzE1IDEwLjE1NjkgMC41IDguNSAwLjVaIiBzdHJva2U9IiNCOEMyQ0MiLz4KPHBhdGggZD0iTTYuMTUyMzQgOC4yNjE3MkM1LjM3MTA5IDguMjYxNzIgNC45NjQ4NCA3LjczNDM4IDQuOTY0ODQgNi43MjY1NlY1LjYzNjcyQzQuOTY0ODQgNC42Mjg5MSA1LjM3MTA5IDQuMTAxNTYgNi4xNDA2MiA0LjEwMTU2QzYuNzczNDQgNC4xMDE1NiA3LjIwNzAzIDQuNTcwMzEgNy4yMjI2NiA1LjI4MTI1SDguMTc5NjlDOC4xNjQwNiA0LjAwMzkxIDcuNDEwMTYgMy4yNSA2LjE1NjI1IDMuMjVDNC43ODkwNiAzLjI1IDMuOTg4MjggNC4xMjg5MSAzLjk4ODI4IDUuNjM2NzJWNi43MjY1NkMzLjk4ODI4IDguMjM0MzggNC43ODkwNiA5LjExMzI4IDYuMTU2MjUgOS4xMTMyOEM3LjM4NjcyIDkuMTEzMjggOC4xNzk2OSA4LjM1MTU2IDguMTc5NjkgNy4xNTIzNEg3LjIyMjY2QzcuMjEwOTQgNy44Mzk4NCA2LjgwNDY5IDguMjYxNzIgNi4xNTIzNCA4LjI2MTcyWiIgZmlsbD0iI0I4QzJDQyIvPgo8L3N2Zz4K") no-repeat;
}

@media screen and (max-width: 768px) {
  .week-tvp__item--has-subtitles .week-tvp__name::after {
    right: -8px;
  }
}

.week-tvp__item--passed .week-tvp__name {
  color: #B8C2CC;
}

.week-tvp__item--has-link:hover .week-tvp__name span:nth-child(1) {
  text-decoration: underline;
}

.week-tvp__item--in-air .week-tvp__name {
  color: #FFFFFF;
  display: flex;
  flex-flow: row wrap;
}

.week-tvp__item--in-air .week-tvp__name::after {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNSAwLjVIMy41QzEuODQzMTUgMC41IDAuNSAxLjg0MzE1IDAuNSAzLjVWOC41QzAuNSAxMC4xNTY5IDEuODQzMTUgMTEuNSAzLjUgMTEuNUg4LjVDMTAuMTU2OSAxMS41IDExLjUgMTAuMTU2OSAxMS41IDguNVYzLjVDMTEuNSAxLjg0MzE1IDEwLjE1NjkgMC41IDguNSAwLjVaIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik02LjE1MjM0IDguMjYxNzJDNS4zNzEwOSA4LjI2MTcyIDQuOTY0ODQgNy43MzQzOCA0Ljk2NDg0IDYuNzI2NTZWNS42MzY3MkM0Ljk2NDg0IDQuNjI4OTEgNS4zNzEwOSA0LjEwMTU2IDYuMTQwNjIgNC4xMDE1NkM2Ljc3MzQ0IDQuMTAxNTYgNy4yMDcwMyA0LjU3MDMxIDcuMjIyNjYgNS4yODEyNUg4LjE3OTY5QzguMTY0MDYgNC4wMDM5MSA3LjQxMDE2IDMuMjUgNi4xNTYyNSAzLjI1QzQuNzg5MDYgMy4yNSAzLjk4ODI4IDQuMTI4OTEgMy45ODgyOCA1LjYzNjcyVjYuNzI2NTZDMy45ODgyOCA4LjIzNDM4IDQuNzg5MDYgOS4xMTMyOCA2LjE1NjI1IDkuMTEzMjhDNy4zODY3MiA5LjExMzI4IDguMTc5NjkgOC4zNTE1NiA4LjE3OTY5IDcuMTUyMzRINy4yMjI2NkM3LjIxMDk0IDcuODM5ODQgNi44MDQ2OSA4LjI2MTcyIDYuMTUyMzQgOC4yNjE3MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") no-repeat;
}

.week-tvp__name span:nth-child(1) {
  color: inherit;
}

.week-tvp__item--in-air .week-tvp__name span:nth-child(1) {
  flex: 0 0 100%;
  margin: 0;
  color: #FFFFFF;
}

.week-tvp__name span:nth-child(2) {
  text-transform: capitalize;
  color: #B8C2CC;
}

.week-tvp__name span:nth-child(2):before {
  content: " ";
}

.week-tvp__item--in-air .week-tvp__name span:nth-child(2) {
  color: #FFFFFF;
}

.week-tvp__name span:nth-child(3) {
  color: #B8C2CC;
}

.week-tvp__name span:nth-child(3):before {
  content: ", ";
}

.week-tvp__item--in-air .week-tvp__name span:nth-child(3) {
  color: #FFFFFF;
}

.week-tvp__live {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.week-tvp__subtitles {
  font: 8px/10px "SF Mono Medium", sans-serif;
  text-transform: uppercase;
  text-align: center;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  flex: 0 0 12px;
  border: 1px solid #B8C2CC;
  color: #B8C2CC;
  margin: 3px 0 0 4px;
  border-radius: 3px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.week-tvp__item--in-air .week-tvp__subtitles {
  top: auto;
  bottom: 1px;
}

.week-tvp__empty {
  font: 16px/20px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  padding: 0 8px;
}

.tvp-header {
  width: 100%;
  margin: 0 0 20px;
  box-sizing: border-box;
  padding: 0 8px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.tvp-header__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  letter-spacing: 0.06px;
  color: #2A2C3D;
  margin: auto auto auto 0;
}

.tvp-header__switch {
  font: 11px/24px "SF Mono Medium", monospace;
  color: #1A1C26;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: auto 0 auto auto;
  padding: 0 32px 0 0;
}

.tvp-header__switch--grid {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-list-dark.svg?ebd90c536cfc5ce09122570425990873) right center no-repeat;
  background-size: auto 100%;
}

.tvp-header__switch--line {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-tvp-switch.svg?aa5a1b186270a1e3a0914c4729416433) right center no-repeat;
  background-size: auto 100%;
}

.channels-list {
  padding: 32px 0 0;
}

.channels-list__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.channels-list__item {
  width: 100%;
  height: 72px;
  display: flex;
  margin: 0 0 1px;
}

.channels-list__link {
  display: block;
  width: 42px;
  margin: 0 4px 0 auto;
  height: 100%;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
}

.channels-list__item--1 .channels-list__link {
  background: #C40000;
}

.channels-list__item--3 .channels-list__link {
  background: #C40000;
}

.channels-list__item--4 .channels-list__link {
  background: #C40000;
}

.channels-list__item--70 .channels-list__link {
  background: #ffffff;
}

.channels-list__item--76 .channels-list__link {
  background: #252525;
}

.channels-list__item--81 .channels-list__link {
  background: #FF0000;
}

.channels-list__item--82 .channels-list__link {
  background: #C40000;
}

.channels-list__item--93 .channels-list__link {
  background: #00AFFA;
}

.channels-list__item--199 .channels-list__link {
  background: #0000FF;
}

.channels-list__item--200 .channels-list__link {
  background: #912891;
}

.channels-list__item--248 .channels-list__link {
  background: #00C300;
}

.channels-list__item--250 .channels-list__link {
  background: #CC1B52;
}

.channels-list__item--251 .channels-list__link {
  background: #ffffff;
}

.channels-list__item--252 .channels-list__link {
  background: #510C76;
}

.channels-list__item--253 .channels-list__link {
  background: #ffffff;
}

.channels-list__item--254 .channels-list__link {
  background: #6600AD;
}

.channels-list__item--255 .channels-list__link {
  background: #D40026;
}

.channels-list__item--256 .channels-list__link {
  background: #F58A41;
}

.channels-list__item--257 .channels-list__link {
  background: #00A1E6;
}

.channels-list__item--258 .channels-list__link {
  background: #FFD444;
}

.channels-list__item--259 .channels-list__link {
  background: #EA0D8C;
}

.channels-list__item--260 .channels-list__link {
  background: #6C757E;
}

.channels-list__item--261 .channels-list__link {
  background: #ED0E0E;
}

.channels-list__item--76 .channels-list__link {
  border: 2px solid #71EAED;
}

.channels-list__item--254 .channels-list__link {
  background-image: linear-gradient(90deg, #6600AD, #B12958, #FE5406);
}

.channels-list__icon {
  position: absolute;
  top: 0;
  left: 50%;
  height: 42px;
  width: 42px;
  transform: translateX(-50%);
}

.channels-list__item--1 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/1-active.svg?c5d2af385cc3faacd008d9eb7a009766) center no-repeat;
  background-size: cover;
}

.channels-list__item--3 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/3-active.svg?a95d8e01760360f9eed5a98ebfee050c) center no-repeat;
  background-size: cover;
}

.channels-list__item--4 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/4-active.svg?c47dfaaeb2c82b8dd6ce2aaa986804b0) center no-repeat;
  background-size: cover;
}

.channels-list__item--70 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/70-active.svg?3c9f52339c516eb442eb18daf5dd8245) center no-repeat;
  background-size: cover;
}

.channels-list__item--76 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/76-active.svg?999b9b1f139b98086435de72fc324cbc) center no-repeat;
  background-size: cover;
}

.channels-list__item--81 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/81-active.svg?f06c474af4f86c5ec14d147fca9ce9a0) center no-repeat;
  background-size: cover;
}

.channels-list__item--82 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/82-active.svg?c7a95ddfa4fe07233b403e6c189a9fa6) center no-repeat;
  background-size: cover;
}

.channels-list__item--199 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/199-active.svg?533e67d7bdaf0e89f3b56bdcb6f48d4c) center no-repeat;
  background-size: cover;
}

.channels-list__item--200 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/200-active.svg?5be0607b631289f7ddb653031a5fc783) center no-repeat;
  background-size: cover;
}

.channels-list__item--232 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/232-active.svg?454db4916635f94afefc03048594375b) center no-repeat;
  background-size: cover;
}

.channels-list__item--93 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/93-active.svg?68fa825f408e67060ea6f871a11b0564) center no-repeat;
  background-size: cover;
}

.channels-list__item--248 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/248-active.svg?9e625bf578ee97332784f807578bf5e6) center no-repeat;
  background-size: cover;
}

.channels-list__item--249 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/249-active.svg?d0b0bda7e335712cbed75332192ce7d3) center no-repeat;
  background-size: cover;
}

.channels-list__item--250 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/250-active.svg?281f0ee9caa61b904a4cc9da7e27c9b7) center no-repeat;
  background-size: cover;
}

.channels-list__item--251 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/251-active.svg?53a4f2f928a13932f96f5d2b1c321a76) center no-repeat;
  background-size: cover;
}

.channels-list__item--252 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/252-active.svg?15072c00da1c1abbc8de42b34eeb587c) center no-repeat;
  background-size: cover;
}

.channels-list__item--253 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/253-active.svg?9078465963b97bbfdb3e54d30e3c1597) center no-repeat;
  background-size: cover;
}

.channels-list__item--254 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/254-active.svg?82ee6ad7369aa495cb20e128f6bda726) center no-repeat;
  background-size: cover;
}

.channels-list__item--255 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/255-active.svg?a0a80989a254cdb2d06838fd55859cd0) center no-repeat;
  background-size: cover;
}

.channels-list__item--256 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/256-active.svg?267af57db7f88939f6699d02e0c17475) center no-repeat;
  background-size: cover;
}

.channels-list__item--257 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/257-active.svg?382cf421ce22cc682ec9024ebf0011ef) center no-repeat;
  background-size: cover;
}

.channels-list__item--258 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/258-active.svg?561ed3101ee3504dba3fb20a7712f00a) center no-repeat;
  background-size: cover;
}

.channels-list__item--259 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/259-active.svg?5fc0d5273bfea4ea1234b91d29c3ad16) center no-repeat;
  background-size: cover;
}

.channels-list__item--260 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/260-active.svg?0906f26569ea3638a0154cda6ec36523) center no-repeat;
  background-size: cover;
}

.channels-list__item--261 .channels-list__icon {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/261-active.svg?3411a007d8f5351882fa11b63407e33b) center no-repeat;
  background-size: cover;
}

.channels-list__play {
  position: absolute;
  bottom: 8px;
  left: 50%;
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-tvp-play.svg?352c13f1aca5b7b9264916094ce11d4a) center no-repeat;
  background-size: cover;
  transform: translateX(-50%);
}

.channels-list__item--70 .channels-list__play,
.channels-list__item--251 .channels-list__play,
.channels-list__item--253 .channels-list__play {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-tvp-play-dark.svg?5a0c5d01a5648cae11b8d09b51880dc3) center no-repeat;
  background-size: cover;
}

.channel-line__empty {
  box-sizing: border-box;
  height: 73px;
  border-bottom: 1px solid #EFF1F3;
}

.live-main__tvp .channel-line__empty {
  border-bottom: none;
}

.channel-line__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  height: 73px;
  box-sizing: border-box;
  border-bottom: 1px solid #EFF1F3;
}

.live-main__tvp .channel-line__list {
  border-bottom: none;
  background: #1A1A1A;
}

.channel-line__item {
  box-sizing: border-box;
  overflow: hidden;
}

.live-main__tvp .channel-line__item {
  background: #1A1A1A;
}

.channel-line__item--short .channel-line__box {
  padding: 16px 0 10px;
}

.channel-line__item--short .channel-line__box:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #FFFFFF;
  z-index: 1;
}

.channel-line__item--short .channel-line__box:before {
  content: "";
  display: block;
  height: 17px;
  width: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-short-grey.svg?dff1f2c592c1d79f42b117706e03568f) center no-repeat;
  background-size: cover;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.live-main__tvp .channel-line__item--short .channel-line__box:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-short-dark.svg?85ec1e7e9a93406c7cde6d23533280e6) center no-repeat;
  background-size: cover;
}

.channel-line__box {
  box-sizing: border-box;
  height: 100%;
  padding: 16px 0 10px;
  cursor: pointer;
  border-left: 3px solid #B8C2CC;
  position: relative;
}

.live-main__tvp .channel-line__box {
  border-left: 3px solid #303030;
}

.channel-line__box:after {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, white 50%);
}

.live-main__tvp .channel-line__box:after {
  background: linear-gradient(to bottom, rgba(26, 26, 26, 0) 0, #1a1a1a 50%);
}

.channel-line__item--in-air .channel-line__box {
  background: #EFF1F3;
}

.channel-line__item--in-air .channel-line__box:after {
  background: linear-gradient(to bottom, rgba(239, 241, 243, 0) 0, #eff1f3 50%);
}

.live-main__tvp .channel-line__item--in-air .channel-line__box {
  background: #1A1A1A;
}

.live-main__tvp .channel-line__item--in-air .channel-line__box:after {
  background: linear-gradient(to bottom, rgba(26, 26, 26, 0) 0, #1a1a1a 50%);
}

.channel-line__item--in-air.channel-line__item--short .channel-line__box:after {
  background: #EFF1F3;
}

.live-main__tvp .channel-line__item--in-air.channel-line__item--short .channel-line__box:after {
  background: #1A1A1A;
}

.channel-line__time {
  font: 11px "SF Mono Semi Bold", monospace;
  margin: 0 16px;
  letter-spacing: 0.6px;
  color: #2A2C3D;
}

.live-main__tvp .channel-line__time {
  color: #FFFFFF;
}

.live-main__tvp .channel-line__item--past .channel-line__time {
  color: #404040;
}

.live-main__tvp .channel-line__item--short .channel-line__time {
  display: none;
}

.channel-line__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  letter-spacing: -0.1px;
  color: #2A2C3D;
  margin: 0 8px 0 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.channel-line__title span:nth-child(1) {
  color: inherit;
}

.channel-line__title span:nth-child(2) {
  color: #B8C2CC;
  text-transform: capitalize;
}

.channel-line__title span:nth-child(3) {
  color: #B8C2CC;
}

.live-main__tvp .channel-line__title {
  color: #FFFFFF;
}

.live-main__tvp .channel-line__title span:nth-child(2) {
  color: #FFFFFF;
}

.live-main__tvp .channel-line__title span:nth-child(3) {
  color: #FFFFFF;
}

.live-main__tvp .channel-line__item--past .channel-line__title {
  color: #404040;
}

.live-main__tvp .channel-line__item--past .channel-line__title span:nth-child(2) {
  color: #404040;
}

.live-main__tvp .channel-line__item--past .channel-line__title span:nth-child(3) {
  color: #404040;
}

.live-main__tvp .channel-line__item--short .channel-line__title {
  display: none;
}

.channel-line__link {
  color: inherit;
  text-decoration: none;
}

.channel-line__subtitles {
  font: 8px/10px "SF Mono Medium", sans-serif;
  text-transform: uppercase;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
  height: 12px;
  width: 12px;
  border: 1px solid #B8C2CC;
  color: #B8C2CC;
  margin: -2px 0 0 4px;
  vertical-align: middle;
  border-radius: 3px;
}

.channel-line__subtitles:before {
  content: none !important;
}

.live-main__tvp .channel-line__subtitles {
  border: 1px solid #303030;
  color: #303030;
}

.live-main__tvp .channel-line__item--in-air .channel-line__box:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-short-white.svg?b1efca6c69bf2ea92062187455dc7f14) center no-repeat;
  background-size: cover;
}

.time-line {
  height: 32px;
}

.live-main__tvp .time-line {
  height: 0;
  overflow: hidden;
}

.time-line__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
}

.time-line__item {
  font: 11px/32px "SF Mono Semi Bold", monospace;
  color: #B8C2CC;
  box-sizing: border-box;
  padding: 0 16px;
  width: 2.0833333333%;
  flex: 0 0 1.6666666667%;
  transform: translateX(-50%);
}

.time-line__item:first-child {
  opacity: 0;
}

.passed-time {
  position: absolute;
  top: 32px;
  left: 50%;
  height: 100%;
  width: 1px;
  background: #FF0047;
  z-index: 3;
}

.live-main__tvp .passed-time {
  top: 0;
}

.passed-time--hidden {
  display: none;
}

.passed-time:before,
.passed-time:after {
  content: "";
  position: absolute;
  left: -4px;
  display: block;
  height: 5px;
  width: 9px;
}

.passed-time:before {
  top: 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-time-passed-top.svg?d691209bb2dccfb00bcfd4eccd2e6fc5) center no-repeat;
  background-size: cover;
}

.passed-time:after {
  bottom: 32px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-time-passed-bottom.svg?de3add2c1325dcabab4ad177801a4c67) center no-repeat;
  background-size: cover;
}

.live-main__tvp .passed-time:after {
  bottom: 0;
}

.tvp {
  padding: 24px 0;
  width: 100%;
  position: relative;
}

.tvp .pop-up {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  background: rgba(255, 255, 255, 0.3);
}

.app--page-live .tvp .pop-up {
  position: fixed;
  z-index: 3;
  background: rgba(0, 0, 0, 0.5);
}

.tvp .pop-up__window {
  background: #292929;
  margin: auto;
  max-width: 50%;
  min-height: 144px;
  box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.25);
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}

.app--page-live .tvp .pop-up__window {
  max-width: 700px;
}

@media screen and (max-width: 1024px) {
  .tvp .pop-up__window {
    max-width: 70%;
  }
}

@media screen and (max-width: 768px) {
  .tvp .pop-up__window {
    flex-flow: column nowrap;
  }
}

.tvp .pop-up__window:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(180deg, #0049FF 0%, #FF0040 100%);
}

.tvp .pop-up__info {
  padding: 27px 24px 30px;
  width: 256px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .tvp .pop-up__info {
    order: 2;
  }
}

@media screen and (max-width: 768px) {
  .tvp .pop-up__picture {
    order: 1;
  }
}

.tvp .pop-up__picture img {
  width: 256px;
  height: auto;
  vertical-align: top;
}

.tvp .pop-up__time {
  font: 11px/12px "SF Mono Medium", monospace;
  letter-spacing: 0.61px;
  color: #B8C2CC;
}

.tvp .pop-up__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  letter-spacing: -0.1px;
  color: #FFFFFF;
  margin: 0 0 8px;
}

.tvp .pop-up__anons {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  letter-spacing: -0.1px;
  color: #2A2C3D;
}

.tvp .pop-up__control {
  position: absolute;
  left: 24px;
  bottom: 13px;
}

.tvp .pop-up__more {
  position: absolute;
  left: 24px;
  bottom: 13px;
  font: 11px/12px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #FF0040;
}

.tvp .pop-up__close {
  margin: 16px 0 0;
  font: 11px/12px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #FF0040;
}

.tvp .pop-up__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.tvp.live-main__tvp {
  padding: 0;
  z-index: 3;
}

.tvp__content {
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.tvp__day {
  position: relative;
  overflow: hidden;
  padding: 0 8px;
}

.tvp__filter {
  padding: 0 8px;
  margin: 0 0 16px;
}

.tvp__pop-up {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: opacity 300ms ease 0ms, height 0ms ease 300ms;
}

.tvp__pop-up--active {
  height: 100%;
  opacity: 1;
  transition: opacity 300ms ease 0ms, height 0ms ease 0ms;
}

.tvp__passed-time {
  width: 100%;
}

.tvp__line-calendar {
  padding: 0 8px;
  margin: 0 0 16px;
}

.tvp__channels-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  box-shadow: 0 0 75px rgba(0, 0, 0, 0.2);
  background: #FFFFFF;
  z-index: 2;
}

.tvp__channels-list:before {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  height: 100%;
  width: 8px;
  background: #FFFFFF;
}

.tvp__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.tvp__wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.tvp__slide {
  position: relative;
}

.filter {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.search-form__filter .filter {
  justify-content: center;
}

.header .search-form__filter .filter {
  padding: 24px 0;
  border-radius: 0 0 22px 22px;
}

@media screen and (max-width: 1024px) {
  .header .search-form__filter .filter {
    padding: 0 0 24px;
  }
}

.app--scheme-white .header .search-form__filter .filter {
  background: #FFFFFF;
}

.app--scheme-black .header .search-form__filter .filter {
  background: #000000;
}

.filter__content {
  margin: auto auto auto 0;
  overflow: auto;
}

.search-form__filter .filter__content {
  margin: auto;
}

@media screen and (max-width: 1024px) {
  .search-form__filter .filter__content {
    overflow: hidden;
  }
}

@media screen and (max-width: 768px) {
  .search-form__filter .filter__content {
    margin: 0 8px;
  }
}

.filter__control {
  margin: auto 0 auto auto;
}

.search-form__filter .filter__control {
  display: none;
}

.podcast-persons .filter__slider,
.podcast-group .filter__slider,
.genres .filter__slider,
.mixed .filter__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.filter__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

@media screen and (max-width: 1024px) {
  .header .search-form__filter .filter__list {
    flex-flow: row wrap;
  }
}

.podcast-group .filter__list,
.genres .filter__list,
.mixed .filter__list {
  margin: 0;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.filter__item {
  margin: 0 8px 8px;
}

@media screen and (max-width: 1024px) {
  .header .search-form__filter .filter__item {
    margin: 0 0 16px 16px;
  }
}

.podcast-persons .filter__item,
.podcast-group .filter__item,
.person-slider .filter__item,
.genres .filter__item,
.mixed .filter__item {
  margin: 0 4px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

.filter__list .filter__link {
  font: 13px/32px "SF Pro Display Medium", sans-serif;
  color: #2A2C3D;
  display: block;
  padding: 0 16px;
  border-radius: 12px;
  background: #EFF1F3;
}

.filter__list .filter__link--active {
  color: #FFFFFF;
  background: #B8C2CC;
}

.mixed--black .filter__list .filter__link,
.person-slider .filter__list .filter__link,
.podcast-group .filter__list .filter__link,
.podcast-persons .filter__list .filter__link,
.genres .filter__list .filter__link {
  color: #FFFFFF;
  background: transparent;
}

.mixed--black .filter__list .filter__link--active,
.person-slider .filter__list .filter__link--active,
.podcast-group .filter__list .filter__link--active,
.podcast-persons .filter__list .filter__link--active,
.genres .filter__list .filter__link--active {
  color: #1A1C26;
  background: #FFFFFF;
}

.filter__link:hover {
  background: #B8C2CC;
}

.filter__button {
  font: 0 sans-serif;
  text-decoration: none;
  outline: none;
  display: block;
  height: 24px;
  width: 24px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-filter-black.svg?646827ca4edd1f86a5078dceec9f77a9) center no-repeat;
  background-size: cover;
}

.new-section__filter .new-filter {
  margin: 0 12px;
}

@media screen and (max-width: 768px) {
  .new-section__filter .new-filter {
    margin: 0 -20px;
  }
}

.new-filter__slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  border-radius: 32px;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .new-filter__slider {
    overflow: visible;
    border-radius: 0;
  }
}

.new-filter__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  box-sizing: content-box;
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
}

@media screen and (max-width: 768px) {
  .new-filter__list {
    padding: 0 16px;
  }
}

.new-filter__item {
  box-sizing: border-box;
  padding: 0 4px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

@media screen and (max-width: 768px) {
  .new-filter__item:last-child {
    margin: 0 32px 0 0;
  }
}

.new-filter__link {
  font: 13px/32px "SF Pro Display Medium", sans-serif;
  display: block;
  padding: 0 16px;
  border-radius: 32px;
}

.new-section--white .new-filter__link {
  background: #EFF1F3;
  color: #1A1C26;
}

.new-section--white .new-filter__link--active {
  background: #B8C2CC;
  color: #FFFFFF;
}

.new-section--grey .new-filter__link {
  background: #FFFFFF;
  color: #1A1C26;
}

.new-section--grey .new-filter__link--active {
  background: #B8C2CC;
  color: #FFFFFF;
}

.new-section--dark .new-filter__link {
  background: #1A1A1A;
  color: #EFF1F3;
}

.new-section--dark .new-filter__link--active {
  background: #FFFFFF;
  color: #1A1C26;
}

.new-section--black .new-filter__link {
  background: #1A1A1A;
  color: #EFF1F3;
}

.new-section--black .new-filter__link--active {
  background: #FFFFFF;
  color: #1A1C26;
}

.line-calendar {
  position: relative;
}

.line-calendar__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.line-calendar__navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  opacity: 0;
  transition: opacity 300ms ease 0ms;
}

.line-calendar:hover .line-calendar__navigation {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.line-calendar__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.line-calendar__item {
  box-sizing: border-box;
  padding: 0;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  width: auto;
}

.line-calendar__list .line-calendar__link {
  font: 13px/32px "SF Mono Medium", monospace;
  text-transform: uppercase;
  color: #2A2C3D;
  display: block;
  padding: 0 40px;
  border-radius: 32px;
  background: transparent;
}

.line-calendar__list .line-calendar__link--today {
  color: #FF0047;
}

.line-calendar__list .line-calendar__link--active {
  color: #2A2C3D;
  background: #B8C2CC;
}

.line-calendar__list .line-calendar__link--disabled {
  opacity: 0.5;
}

.line-calendar__button {
  display: block;
  width: 16px;
  height: 32px;
  position: absolute;
  top: 0;
}

.line-calendar__button--prev {
  left: 0;
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-less-black.svg?06c7d9ae513d95e2aedaca0aa745acf9) center no-repeat;
  background-size: 50%;
}

.line-calendar__button--next {
  right: 0;
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-more-black.svg?f521bd0060ec63b5c76b8b83382c701f) center no-repeat;
  background-size: 50%;
}

.news-list__item {
  display: flex;
  padding: 24px 111px 32px 122px;
  color: #2A2C3D;
  border-bottom: 1px solid #EFF1F3;
}

.news-list__item:last-child {
  border-bottom: none;
}

.news-list__item__image {
  position: relative;
  flex-shrink: 0;
  width: 428px;
  height: 239px;
  margin-right: 16px;
}

.news-list__item__image img {
  width: 100%;
}

.news-list__item__image .video {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: url("/images/pic-1.png") no-repeat center;
  background-size: cover;
}

.news-list__item__image .btn-play {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 40px;
  height: 32px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play-2.svg?e7d7e04a5af711dd9676bcba2bb0155a) no-repeat center;
  background-size: 40px 32px;
}

.news-list__item__top {
  margin-bottom: 10px;
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  text-transform: uppercase;
}

.news-list__item__date {
  margin-right: 24px;
  color: #B8C2CC;
}

.news-list__item__tags {
  color: #2F23EE;
}

.news-list__item__text {
  font-family: "SF Pro Display Bold", sans-serif;
  font-size: 21px;
}

@media (max-width: 1919px) {
  .news-list__item {
    padding-left: 152px;
    padding-right: 80px;
  }
}

@media (max-width: 1280px) {
  .news-list__item {
    padding-right: 0;
    padding-left: 0;
  }

  .news-list__item__image {
    width: 250px;
    height: 150px;
  }
}

@media (max-width: 768px) {
  .news-list__item {
    display: block;
    padding-top: 23px;
    padding-bottom: 26px;
  }

  .news-list__item__image {
    width: 100%;
    height: 184px;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.vesti-page__section {
  margin-bottom: 45px;
}

.vesti-page__section .section__title {
  font-family: "SF Pro Display Heavy", sans-serif;
}

.vesti-page__popular .section__top,
.vesti-page__hash .section__top {
  padding-top: 16px;
  border-top: 4px solid #EFF1F3;
}

.vesti-another {
  padding: 0 8px;
  margin-bottom: 90px;
}

.vesti-another__title {
  margin-bottom: 20px;
  font-family: "SF Pro Display Bold", sans-serif;
  font-size: 24px;
}

.vesti-another .news__control {
  padding: 40px 0;
  margin: 0 8px;
  border-bottom: 3px solid #EFF1F3;
}

.vesti-another .news__control .news__link {
  font: 11px/12px "SF Mono Regular", monospace;
  text-align: center;
  text-transform: uppercase;
  color: #2A2C3D;
  display: block;
  margin: 0 auto;
  width: 33.3333333333%;
  background: #EFF1F3;
  border-radius: 4px;
  padding: 16px 0;
}

@media screen and (max-width: 768px) {
  .vesti-another .news__control .news__link {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .vesti-another {
    margin-bottom: 0;
  }
}

.vesti-another_all-news {
  padding-top: 25px;
}

.vesti-categories {
  position: relative;
  padding: 0 8px;
  margin-bottom: 57px;
  z-index: 20;
}

.vesti-categories__title {
  font-family: "SF Pro Display Heavy", sans-serif;
  font-size: 16px;
}

.vesti-categories .slider__list {
  padding: 8px;
  margin: -8px;
}

.vesti-categories .slider__button {
  top: auto;
  transform: none;
  margin-top: -20px;
}

.vesti-category {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 317px;
  height: 152px;
  padding: 0 25px 16px 56px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
  color: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.0966455);
}

.vesti-category__title {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 152px;
  height: 40px;
  transform-origin: top left;
  transform: rotate(-90deg) translateX(-100%);
  background-color: #FFFFFF;
  color: #2A2C3D;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  border-radius: 4px 4px 0 0;
}

.vesti-category__content {
  font-family: "SF Pro Display Heavy", sans-serif;
  font-size: 13px;
}

.vesti-topics {
  position: relative;
  width: calc(100% + 200px);
  padding: 0 127px 13px 88px;
  margin-bottom: 32px;
  margin-left: -80px;
  background-color: rgba(239, 241, 243, 0.5);
}

.vesti-topics__top {
  position: absolute;
  top: 40px;
  z-index: 10;
}

.vesti-topics__video {
  padding: 16px 0 0;
  border-top: 4px solid #FF0047;
}

.vesti-topics .section {
  margin-bottom: 0;
}

.vesti-topics .section__title {
  font-family: "SF Pro Display Heavy", sans-serif;
}

.vesti-topics .section__content_topics .slider__list {
  padding-top: 86px;
  padding-bottom: 20px;
}

.vesti-topics .section__content_topics .slider__control {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.vesti-topics .section__content_topics .slider__button {
  height: auto;
  width: auto;
  top: 0;
  bottom: 0;
  transform: none;
  margin-top: 0;
  background: none;
  box-shadow: none;
  pointer-events: auto;
}

.vesti-topics .section__content_topics .slider__button:after {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: -20px;
  margin-left: -20px;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  content: "";
}

.vesti-topics .section__content_topics .slider__button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 48px;
  content: "";
}

.vesti-topics .section__content_topics .slider__button--prev:after {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
}

.vesti-topics .section__content_topics .slider__button--prev:before {
  left: 0;
  background: linear-gradient(90deg, #F0F2F4 0%, rgba(240, 242, 244, 0.0001) 100%);
}

.vesti-topics .section__content_topics .slider__button--next:after {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
}

.vesti-topics .section__content_topics .slider__button--next:before {
  right: 0;
  background: linear-gradient(270deg, #F0F2F4 0%, rgba(240, 242, 244, 0.0001) 100%);
}

.vesti-topic {
  width: 285px;
}

.vesti-topic a {
  color: inherit;
}

.vesti-topic__top {
  margin-bottom: 6px;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #B8C2CC;
  letter-spacing: 0.5px;
}

.vesti-topic__title {
  height: 115px;
  font-family: "New York Medium Black";
  font-size: 24px;
  color: #2F23EE;
}

.vesti-topic__item {
  min-height: 80px;
  border-bottom: 1px solid #EFF1F3;
}

.vesti-topic__item:last-child {
  border-bottom: none;
}

.vesti-topic-news {
  padding-top: 14px;
  padding-bottom: 16px;
}

.vesti-topic-news__date {
  margin-bottom: 8px;
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  color: #B8C2CC;
  letter-spacing: 0.5px;
}

.vesti-topic-news__title {
  font-size: 13px;
  color: #2A2C3D;
}

@media (max-width: 1919px) {
  .vesti-topics {
    width: calc(100% + 168px);
    padding-right: 97px;
  }
}

@media (max-width: 1024px) {
  .vesti-topics {
    width: calc(100% + 122px);
    padding-right: 50px;
  }
}

@media (max-width: 768px) {
  .vesti-topics {
    width: calc(100% + 16px);
    padding: 0 16px;
    margin-left: -8px;
    margin-right: -8px;
  }
}

.serials-list {
  width: 100%;
  padding: 0 8px;
  margin: 70px 0 44px;
}

@media screen and (max-width: 768px) {
  .serials-list {
    margin: 38px 0 12px;
  }
}

.serials-list__top {
  text-align: center;
}

.serials-list__subtitle {
  font-family: "SF Mono Semi Bold", monospace;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 7px;
}

.app--scheme-black .serials-list__subtitle {
  color: #B8C2CC;
}

.serials-list__title {
  font: 48px/56px "SF Pro Display Bold", sans-serif;
  letter-spacing: -1px;
}

@media screen and (max-width: 1440px) {
  .serials-list__title {
    font: 34px/40px "SF Pro Display Bold", sans-serif;
  }
}

.app--scheme-black .serials-list__title {
  color: #FFFFFF;
}

.serials-list__content {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -46px;
}

.serials-item {
  width: 16.6%;
  padding: 0 8px;
  margin-bottom: 46px;
  box-sizing: border-box;
}

.serials-item__image {
  position: relative;
  margin-bottom: 12px;
  border-radius: 4px;
}

.serials-item__image img {
  max-width: 100%;
  border-radius: 4px;
}

.serials-item__image .label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 8px;
  color: #FFFFFF;
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 0.5px;
  border-radius: 4px 0;
  text-transform: uppercase;
}

.serials-item__image .label-premiere {
  background-color: #FF0047;
}

.serials-item__title {
  font: 16px/16px "SF Pro Display Medium", sans-serif;
}

.app--scheme-black .serials-item__title {
  color: #FFFFFF;
}

.serials-item__text {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 4px 0 0;
}

.app--scheme-black .serials-item__text {
  color: #FF0047;
}

@media (max-width: 1440px) {
  .serials-item {
    width: 20%;
  }
}

@media (max-width: 1024px) {
  .serials-item {
    width: 25%;
  }
}

@media (max-width: 768px) {
  .serials-list__content {
    margin-bottom: -30px;
    margin-left: -4px;
    margin-right: -4px;
  }

  .serials-item {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 30px;
  }
}

@media (max-width: 599px) {
  .serials-item {
    width: 33%;
  }
}

@media (max-width: 425px) {
  .serials-item {
    width: 50%;
  }
}

.rubrics-text {
  padding: 24px 0;
  width: 100%;
  position: relative;
}

.rubrics-text:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.rubrics-text--white:after {
  background: #FFFFFF;
}

.rubrics-text--black:after {
  background: #000000;
}

.rubrics-text__header {
  display: flex;
  margin: 0 0 7px;
  position: relative;
  z-index: 3;
}

.rubrics-text__content {
  position: relative;
  z-index: 2;
}

.rubrics-text__content:before,
.rubrics-text__content:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 3;
  height: 100%;
}

.rubrics-text__content:before {
  left: 0;
}

.rubrics-text__content:after {
  right: 0;
}

.rubrics-text--white .rubrics-text__content:before {
  width: 8px;
  background: #FFFFFF;
}

.rubrics-text--white .rubrics-text__content:after {
  width: 80px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 85%);
}

.rubrics-text--black .rubrics-text__content:before {
  width: 8px;
  background: #000000;
}

.rubrics-text--black .rubrics-text__content:after {
  width: 80px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 85%);
}

.rubrics-text--white.rubrics-text--at-start .rubrics-text__content:before {
  width: 8px;
  background: #FFFFFF;
}

.rubrics-text--white.rubrics-text--at-start .rubrics-text__content:after {
  width: 80px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 85%);
}

.rubrics-text--black.rubrics-text--at-start .rubrics-text__content:before {
  width: 8px;
  background: #000000;
}

.rubrics-text--black.rubrics-text--at-start .rubrics-text__content:after {
  width: 80px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 85%);
}

.rubrics-text--white.rubrics-text--moving .rubrics-text__content:before {
  width: 80px;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, white 85%);
}

.rubrics-text--white.rubrics-text--moving .rubrics-text__content:after {
  width: 80px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 85%);
}

.rubrics-text--black.rubrics-text--moving .rubrics-text__content:before {
  width: 80px;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, black 85%);
}

.rubrics-text--black.rubrics-text--moving .rubrics-text__content:after {
  width: 80px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 85%);
}

.rubrics-text--white.rubrics-text--at-end .rubrics-text__content:before {
  width: 80px;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, white 85%);
}

.rubrics-text--white.rubrics-text--at-end .rubrics-text__content:after {
  width: 8px;
  background: #FFFFFF;
}

.rubrics-text--black.rubrics-text--at-end .rubrics-text__content:before {
  width: 80px;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, black 85%);
}

.rubrics-text--black.rubrics-text--at-end .rubrics-text__content:after {
  width: 8px;
  background: #000000;
}

.rubrics-text__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.rubrics-text__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.rubrics-text__item {
  box-sizing: border-box;
  padding: 0 8px;
  width: auto;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  margin: 0 16px;
  display: flex;
  flex-flow: row nowrap;
}

.rubrics-text__item:last-child {
  margin: 0;
}

.rubrics-text__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  padding: 0 8px;
  margin: auto auto auto 0;
}

.rubrics-text--white .rubrics-text__title {
  color: #2A2C3D;
}

.rubrics-text--black .rubrics-text__title {
  color: #FFFFFF;
}

.rubrics-text__link {
  font: 34px/46px "SF Pro Display Bold", sans-serif;
  letter-spacing: -1px;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 0 15px 0 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-more-light.svg?9ca153017140a4eed26d3f8d9ae3fe1a) right 21px no-repeat;
  background-size: 7px 12px;
}

@media screen and (max-width: 768px) {
  .rubrics-text__link {
    font: 28px/32px "SF Pro Display Bold", sans-serif;
    background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-more-light.svg?9ca153017140a4eed26d3f8d9ae3fe1a) right 14px no-repeat;
    background-size: 7px 12px;
  }
}

.rubrics-text__link:after {
  content: attr(data-count);
  font: 9px/12px "SF Mono Medium", monospace;
  color: inherit;
  position: absolute;
  top: 0;
  right: 0;
}

.rubrics-text__link--active {
  background: transparent;
  padding: 0;
}

.rubrics-text__link--to-main {
  padding: 0;
  margin: 0 32px 0 0;
}

.rubrics-text--white .rubrics-text__link {
  color: #2A2C3D;
}

.rubrics-text--white .rubrics-text__link:hover {
  color: #2F23EE;
}

.rubrics-text--white .rubrics-text__link--active {
  color: #2F23EE;
}

.rubrics-text--black .rubrics-text__link {
  color: #FFFFFF;
}

.rubrics-text--black .rubrics-text__link:hover {
  color: #FF0047;
}

.rubrics-text--black .rubrics-text__link--active {
  color: #FF0047;
}

.rubric {
  width: 100%;
  padding: 30px 0;
  position: relative;
}

.rubric:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.rubric--white:after {
  background: #FFFFFF;
}

.rubric--black:after {
  background: #000000;
}

.rubric__header {
  margin: 0 0 20px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 3;
}

.rubric__content {
  position: relative;
  width: 100%;
  z-index: 2;
}

.rubric__slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.rubric--white .rubric__slider {
  padding: 30px 0;
  margin: -30px 0 0;
}

@media screen and (max-width: 768px) {
  .rubric__slider {
    overflow: visible;
  }
}

.rubric__navigation {
  position: absolute;
  top: 41%;
  left: 0;
  width: 100%;
  z-index: 2;
  margin: 12px 0 0;
}

@media screen and (max-width: 768px) {
  .rubric__navigation {
    display: none;
  }
}

.rubric__header .rubric__control {
  padding: 0 8px;
  margin: auto 0 auto auto;
}

.rubric__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.rubric__slider .rubric__list {
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.rubric__item {
  box-sizing: border-box;
  padding: 0 8px;
  position: relative;
  width: 33.3333333333%;
}

.rubric__slider .rubric__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  display: flex;
}

@media screen and (max-width: 1024px) {
  .rubric__item {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .rubric__item {
    width: 100%;
    transform: translateX(-4px);
  }

  .rubric__item:first-child {
    transform: unset;
  }
}

.rubric__box {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background: #FFFFFF;
  flex: 0 0 100%;
}

.rubric--white .rubric__slider .rubric__box {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.09);
}

.rubric__info {
  margin: 9px 0 0;
  padding: 0 0 15px;
}

.rubric__picture {
  position: relative;
}

.rubric__header .rubric__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  padding: 0 8px;
  margin: auto auto auto 0;
}

.rubric__header .rubric__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
}

.rubric__header .rubric__title span {
  color: inherit;
}

.rubric--white .rubric__header .rubric__title {
  color: #2A2C3D;
}

.rubric--white .rubric__header .rubric__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.rubric--black .rubric__header .rubric__title {
  color: #FFFFFF;
}

.rubric--black .rubric__header .rubric__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.rubric__item .rubric__title {
  font: 16px/20px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  margin: 0 16px;
}

.rubric__date {
  font: 13px/12px "SF Mono Semi Bold", monospace;
  color: #FF0047;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 5px 16px 0;
}

.rubric__link {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

.rubric__picture .rubric__link {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 0 56.4935064935%;
}

.rubric__picture .rubric__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

.rubric__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.rubric__button--disabled {
  display: none;
}

.rubric__button--hidden {
  display: none;
}

.rubric__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.rubric__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.rubric-top {
  border: 2px solid #EFF1F3;
  border-bottom: none;
  margin-top: 32px;
  padding: 10px 0 120px;
  position: relative;
}

.rubric-top:before,
.rubric-top:after {
  content: "";
  width: 51%;
  position: absolute;
  bottom: 0;
  height: 64px;
  z-index: 2;
  border-top: 2px solid #EFF1F3;
  background: #FFFFFF;
}

@media (max-width: 425px) {
  .rubric-top:before,
  .rubric-top:after {
    width: 52%;
  }
}

.rubric-top:before {
  transform-origin: top left;
  left: -3px;
  transform: rotate(6deg);
}

.rubric-top:after {
  transform-origin: top right;
  right: -3px;
  transform: rotate(-6deg);
}

.rubric-top__subtitle {
  font-weight: 600;
  font-size: 11px;
  line-height: 12px;
  color: #B8C2CC;
  text-align: center;
  padding-top: 75px;
  font-family: "SF Pro Display Medium", sans-serif;
}

.rubric-top__title {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 36px;
  text-align: center;
  padding-top: 8px;
}

.rubric-top__info {
  display: flex;
  width: 200px;
  margin: 0 auto;
  padding-top: 34px;
}

.rubric-top .likes {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.rubric-top .likes__photos {
  display: flex;
  margin-right: 8px;
}

.rubric-top .likes__photo {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
}

.rubric-top .likes__photo:nth-child(n+2) {
  margin-left: -11px;
}

.rubric-top .likes__number {
  font-size: 11px;
  color: #B8C2CC;
}

.rubric-top__comments {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.rubric-top__comments .icon {
  width: 24px;
  height: 24px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/comment.svg?6dc4ab2b001e07d1e7dbf44be6ff71a3) center no-repeat;
  background-size: 19px 19px;
  margin-right: 8px;
}

.rubric-top__comments .comments__number {
  font-size: 11px;
  color: #B8C2CC;
}

.rubric-top__bookmark {
  width: 24px;
  height: 24px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/bookmark-2.svg?dedb4b3e996a5e1976c67c41367ccac8) center no-repeat;
  background-size: 14px 18px;
}

@media (max-width: 1440px) {
  .rubric-top .rubric-top__subtitle {
    padding-top: 45px;
  }

  .rubric-top .rubric-top__title {
    font-size: 34px;
  }
}

.theme-top {
  width: 100%;
  padding: 60px 16px 40px 16px;
  margin: 0;
  position: relative;
  text-align: center;
}

@media (max-width: 768px) {
  .theme-top {
    padding: 60px 8px 40px 8px;
  }
}

.theme-top__headers h2 {
  font-weight: 600;
  font-size: 11px;
  line-height: 12px;
  color: #B8C2CC;
  letter-spacing: 0.5px;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 20px 0;
  font-family: "SF Pro Display Medium", sans-serif;
}

.theme-top__headers h1 {
  font-family: "New York Medium Bold", serif;
  font-style: normal;
  font-size: 26px;
  line-height: 28px;
  text-align: center;
  color: #2F23EE;
}

.theme__video {
  padding-bottom: 29px;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 4px solid #EFF1F3;
  margin-bottom: 20px;
}

.vesti-another_inner {
  margin-bottom: 10px;
}

.tag-top {
  width: 100%;
  padding: 60px 16px 40px 16px;
  margin: 0;
  position: relative;
  text-align: center;
}

@media (max-width: 768px) {
  .tag-top {
    padding: 60px 8px 40px 8px;
  }
}

.tag-top__headers h2 {
  font-weight: 600;
  font-size: 11px;
  line-height: 12px;
  color: #B8C2CC;
  letter-spacing: 0.5px;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 20px 0;
  font-family: "SF Mono Semi Bold", serif;
  text-transform: uppercase;
  position: relative;
}

.tag-top__headers h1 {
  display: inline-block;
  padding: 0 24px;
  background-color: #B8C2CC;
  font-family: "SF Pro Display Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 24px;
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tag-top__headers h1 span {
  width: 100%;
  display: contents;
  align-items: center;
  white-space: nowrap;
}

@media (max-width: 425px) {
  .tag-top__headers h1 {
    border-radius: 16px;
    line-height: 32px;
  }
}

.vesti-another_tag {
  margin-bottom: 0;
}

.vesti-another_tag .news__control {
  padding-bottom: 48px;
  border-bottom: none;
}

.video-list_tag {
  padding-top: 0;
  margin-bottom: 24px;
}

.video-list_tag .video__preview {
  height: 178px;
}

.video-list_tag .video__preview .video__link {
  height: 100%;
  padding: 0;
}

.video-list_tag .video__preview .video__link:after {
  bottom: 14px;
  left: 14px;
  width: 62px;
  height: 46px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play-2.svg?e7d7e04a5af711dd9676bcba2bb0155a) no-repeat center;
  background-size: 62px 46px;
}

.video-list_tag .video__text {
  padding-top: 12px;
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  font-weight: 500;
  color: #B8C2CC;
  text-transform: uppercase;
}

@media (max-width: 1440px) {
  .video-list_tag .video__preview {
    height: 128px;
  }

  .video-list_tag .video__preview .video__link:after {
    width: 44px;
    height: 34px;
    background-size: 44px 34px;
  }
}

@media (max-width: 768px) {
  .broadcasts_person {
    display: none;
  }
}

.tag-serails {
  position: relative;
  width: calc(100% + 200px);
  padding: 32px 127px 16px 88px;
  margin-left: -80px;
  margin-right: -124px;
  background-color: #000000;
}

.tag-serails__title {
  margin-bottom: 20px;
  color: #FFFFFF;
  font-family: "SF Pro Display Heavy";
}

.tag-serails__content {
  margin-bottom: 32px;
}

.tag-serails .link-more-wrapper {
  text-align: center;
}

.tag-serails .link-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 428px;
  width: 100%;
  height: 48px;
  background-color: #1A1A1A;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #B8C2CC;
}

.tag-serails .serials-item__image img {
  width: 100%;
}

.tag-serails .serials-item__title {
  color: #FFFFFF;
  font-family: "SF Pro Display Heavy";
}

.tag-serails .serials-item__text {
  color: #FF0047;
}

@media (max-width: 1919px) {
  .tag-serails {
    width: calc(100% + 168px);
    padding-right: 97px;
    margin-right: -89px;
  }
}

@media (max-width: 1024px) {
  .tag-serails {
    width: calc(100% + 122px);
    padding-right: 50px;
    margin-right: -41px;
  }
}

@media (max-width: 768px) {
  .tag-serails {
    width: calc(100% + 16px);
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -8px;
    margin-right: -8px;
  }

  .tag-serails .link-more {
    max-width: 100%;
  }
}

.tag-broadcasts {
  position: relative;
  width: calc(100% + 200px);
  padding: 16px 127px 48px 88px;
  margin-bottom: 32px;
  margin-left: -80px;
  margin-right: -124px;
  background-color: #000000;
}

.tag-broadcasts__title {
  margin-bottom: 20px;
  color: #FFFFFF;
  font-family: "SF Pro Display Heavy";
}

.tag-broadcasts__content {
  margin-bottom: 32px;
}

.tag-broadcasts .link-more-wrapper {
  text-align: center;
}

.tag-broadcasts .link-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 428px;
  width: 100%;
  height: 48px;
  background-color: #1A1A1A;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #B8C2CC;
}

.tag-broadcasts .broadcasts-list {
  display: flex;
}

.tag-broadcasts .broadcasts-item {
  width: 25%;
  padding-right: 16px;
  box-sizing: border-box;
}

.tag-broadcasts .broadcasts-item:nth-child(4n) {
  padding-right: 0;
}

.tag-broadcasts .broadcasts-item__image {
  margin-bottom: 16px;
}

.tag-broadcasts .broadcasts-item__image img {
  width: 100%;
  border-radius: 4px;
}

.tag-broadcasts .broadcasts-item__title {
  margin-bottom: 4px;
  color: #FFFFFF;
  font-family: "SF Pro Display Heavy";
  font-size: 13px;
}

.tag-broadcasts .broadcasts-item__text {
  color: #B8C2CC;
  font-family: "SF Mono Medium", sans-serif;
  font-weight: 500;
  font-size: 9px;
  text-transform: uppercase;
}

@media (max-width: 1919px) {
  .tag-broadcasts {
    width: calc(100% + 168px);
    padding-right: 97px;
    margin-right: -89px;
  }
}

@media (max-width: 1024px) {
  .tag-broadcasts {
    width: calc(100% + 122px);
    padding-right: 50px;
    margin-right: -41px;
  }
}

@media (max-width: 768px) {
  .tag-broadcasts {
    width: calc(100% + 16px);
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -8px;
    margin-right: -8px;
  }

  .tag-broadcasts .link-more {
    max-width: 100%;
  }

  .tag-broadcasts .broadcasts-list {
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
  }

  .tag-broadcasts .broadcasts-item {
    width: 50%;
    margin-bottom: 29px;
    padding-right: 4px;
    padding-left: 4px;
  }
}

.tags-list {
  padding-left: 8px;
  padding-right: 8px;
}

.app--page-video .tags-list {
  padding: 0;
}

.tags-list__title {
  margin-bottom: 36px;
  font-family: "SF Pro Display Heavy", sans-serif;
  font-size: 16px;
}

.tags-list__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px 0;
}

.app--page-video .tags-list__content {
  justify-content: left;
}

.tags-item {
  padding: 10px 8px;
}

.tags-item__inner {
  padding: 8px 16px;
  background-color: #EFF1F3;
  font-family: "SF Mono Semi Bold", monospace;
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #B8C2CC;
  border-radius: 6px;
}

.tags-item__inner a {
  color: inherit;
  text-transform: uppercase;
}

.app--scheme-black.app--page-video .tags-item__inner {
  background-color: #1A1A1A;
  color: #686E78;
}

.app--scheme-black.app--page-video .tags-item__inner a {
  color: inherit;
}

.app--scheme-black.app--page-video .tags-item__inner:hover {
  color: #FFFFFF;
  background-color: #303030;
}

.app--scheme-white.app--page-video .tags-item__inner {
  background-color: #EFF1F3;
  color: #B8C2CC;
}

.app--scheme-white.app--page-video .tags-item__inner a {
  color: inherit;
}

@media (max-width: 768px) {
  .tags-list__title {
    margin-bottom: 20px;
  }

  .tags-list__content {
    justify-content: flex-start;
  }

  .tags-item {
    padding-left: 4px;
    padding-right: 4px;
  }
}

.person-top {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 66px 8px 40px;
}

.person-top__block {
  width: 50%;
}

.person-top__label {
  margin-bottom: 8px;
  font-family: "SF Mono Semi Bold";
  font-size: 11px;
  font-weight: 600;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.person-top .bookmark {
  position: absolute;
  top: 66px;
  right: 0;
}

.person-top .bookmark__icon {
  margin: 0;
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/bookmark-3.svg?2a59176727c2a8350c9349728143801b);
  background-color: #EFF1F3;
}

.person-top .person {
  display: flex;
  align-items: center;
}

.person-top .person__image {
  flex-shrink: 0;
  width: 128px;
  height: 128px;
  margin-right: 34px;
  position: relative;
}

.person-top .person__image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(45deg, #2F23EE 0%, #FF0047 100%);
  border-radius: 100%;
  z-index: 1;
}

.person-top .person__image img {
  width: 124px;
  height: 124px;
  margin: 2px;
  border-radius: 100%;
  position: relative;
  z-index: 2;
}

.person-top .person__name {
  max-width: 140px;
  font-family: "SF Pro Display Bold";
  font-size: 36px;
}

.person-top .person-info {
  margin-left: 8.3%;
}

.person-top .person-info__item {
  margin-bottom: 30px;
}

.person-top .person-info__item:last-child {
  margin-bottom: 0;
}

.person-top .person-info__text {
  font-family: "SF Mono Semi Bold";
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

@media (max-width: 989px) {
  .person-top {
    flex-direction: column;
    padding-top: 32px;
    padding-bottom: 26px;
  }

  .person-top__block {
    width: 100%;
    margin-bottom: 21px;
  }

  .person-top__block:last-child {
    margin-bottom: 0;
  }

  .person-top .bookmark {
    top: 32px;
  }

  .person-top .person {
    flex-direction: column;
  }

  .person-top .person__image {
    margin-right: 0;
    margin-bottom: 14px;
  }

  .person-top .person__content {
    text-align: center;
  }

  .person-top .person__name {
    max-width: 100%;
  }

  .person-top .person-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
  }

  .person-top .person-info__item {
    margin-bottom: 0;
    text-align: center;
    margin-right: 66px;
  }

  .person-top .person-info__item:last-child {
    margin-right: 0;
  }
}

.person-page-block {
  position: relative;
  width: calc(100% - 16px);
  padding: 32px 127px 45px 88px;
  margin-bottom: 32px;
  margin-left: -80px;
}

.person-page-block--black {
  background-color: #000000;
}

.person-page-block--black .section__title {
  color: #FFFFFF;
}

.person-page-block--grey {
  margin-right: -127px;
  background-color: rgba(239, 241, 243, 0.5);
}

.person-page-block--grey .section__title {
  color: #2A2C3D;
}

.person-page-block--grey .section__more {
  display: none;
}

.person-page-block--grey .slider {
  overflow: visible;
}

.person-page-block--grey .slider__list {
  flex-wrap: wrap;
  margin: 0 -8px;
}

.person-page-block--grey .slider__item {
  width: 16.6%;
  padding: 0 8px;
  box-sizing: border-box;
}

.person-page-block--grey .slider__item:last-child {
  margin-right: 0;
}

.person-page-block--grey .slider__item:hover .label {
  display: block;
}

.person-page-block--grey .slider__item__inner {
  position: relative;
  height: 276px;
  padding: 24px 8px 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 24px rgba(184, 194, 204, 0.5);
  border-radius: 4px;
  box-sizing: border-box;
}

.person-page-block--grey .slider__item .label {
  display: none;
  color: #FFFFFF;
}

.person-page-block--grey .slider__item .label-premiere {
  background-color: #FF0047;
}

.person-page-block--grey .slider__title,
.person-page-block--grey .slider__text {
  color: #2A2C3D;
  font-size: 13px;
}

.person-page-block--grey .slider__title {
  margin-bottom: 16px;
  font-family: "SF Pro Display Heavy";
  font-weight: bold;
}

.person-page-block--grey .slider__text {
  font-family: "SF Pro Display Medium";
  font-weight: 500;
  text-transform: none;
}

.person-page-block--grey .slider__icon {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 8px;
  left: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}

.person-page-block--grey .slider__icon--point {
  background-image: url("https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/point.svg");
}

.person-page-block--grey .slider__icon--microphone {
  background-image: url("https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/microphone.svg");
}

.person-page-block--grey .slider__icon--equalizer {
  background-image: url("https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/equalizer.svg");
}

.person-page-block .section {
  margin-bottom: 0;
  padding: 0;
}

.person-page-block .link-more-wrapper {
  text-align: center;
  padding-top: 48px;
}

.person-page-block .link-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 428px;
  width: 100%;
  height: 48px;
  background-color: #EFF1F3;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #2A2C3D;
}

.video-list_person {
  padding-top: 0;
  padding-bottom: 0;
}

.video-list_person .video__item {
  width: 16.6%;
}

.video-list_person .video__preview {
  height: 116px;
}

.video-list_person .video__preview .video__link {
  height: 100%;
  padding: 0;
}

.video-list_person .video__preview .video__link:after {
  bottom: 19px;
  left: 8px;
  width: 40px;
  height: 30px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play-2.svg?e7d7e04a5af711dd9676bcba2bb0155a) no-repeat center;
  background-size: 40px 30px;
}

.video-list_person .video__text {
  padding-top: 12px;
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  font-weight: 500;
  color: #B8C2CC;
  text-transform: uppercase;
}

@media (max-width: 1919px) {
  .person-page-block {
    padding-right: 97px;
  }

  .person-page-block--grey {
    margin-right: -97px;
  }

  .person-page-block--grey .slider__item__inner {
    height: 196px;
  }
}

@media (max-width: 1440px) {
  .video-list_person .video__preview {
    height: 82px;
  }

  .person-page-block--grey .slider__item__inner {
    height: 214px;
  }
}

@media (max-width: 1024px) {
  .person-page-block {
    padding-right: 50px;
  }

  .person-page-block--grey {
    margin-right: -50px;
  }

  .person-page-block--grey .slider__item {
    width: 33%;
    margin-bottom: 30px;
  }

  .person-page-block--grey .link-more-wrapper {
    padding-top: 4px;
  }

  .video-list_person .video__item {
    width: 25%;
  }
}

@media (max-width: 768px) {
  .person-page-block {
    width: calc(100% + 16px);
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -8px;
    margin-right: -8px;
  }

  .person-page-block--grey .section__more {
    display: block;
  }

  .person-page-block--grey .slider {
    margin-right: 0;
  }

  .person-page-block--grey .slider__list {
    margin-left: -4px;
    margin-right: -4px;
  }

  .person-page-block--grey .slider__item {
    width: 50%;
    padding-left: 4px;
    padding-right: 4px;
  }

  .person-page-block--grey .slider__item:nth-child(n+5) {
    display: none;
  }

  .video-list_person {
    padding-left: 4px;
    padding-right: 4px;
  }

  .video-list_person .video__item {
    width: 33%;
    padding-left: 4px;
    padding-right: 4px;
  }

  .video-list_person .video__preview {
    height: 88px;
  }
}

@media (max-width: 599px) {
  .video-list_person .video__item {
    width: 50%;
  }
}

.person-description {
  box-sizing: border-box;
  width: 100%;
  padding: 40px 8px 0;
}

.person-description__content {
  padding-left: 222px;
  padding-bottom: 66px;
  border-bottom: 4px solid #EFF1F3;
}

.person-description__block {
  padding-bottom: 75px;
  margin-bottom: 16px;
  border-bottom: 1px solid #EFF1F3;
}

.person-description__block:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.person-description__title {
  margin-bottom: 40px;
  font-family: "SF Pro Display Heavy";
  font-size: 16px;
}

.app--scheme-black .person-description__title {
  color: #FFFFFF;
}

.app--scheme-white .person-description__title {
  color: #2A2C3D;
}

.person-description__text {
  position: relative;
  font-size: 18px;
  line-height: 28px;
}

.person-description__text p {
  margin-bottom: 40px;
}

.person-description__text p:last-child {
  margin-bottom: 0;
}

.person-description__text .more {
  display: none;
  position: absolute;
  bottom: -30px;
  left: 0;
  color: #2F23EE;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
}

.person-description .list {
  max-width: 340px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.person-description .list .item {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.person-description .list .item:last-child {
  margin-bottom: 0;
}

.person-description .list .item--video .col:nth-child(2) {
  color: #2F23EE;
}

.person-description .list .item .icon-video {
  width: 20px;
  height: 15px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play-2.svg?e7d7e04a5af711dd9676bcba2bb0155a) center no-repeat;
  background-size: 20px 15px;
}

.person-description .list .col:first-child {
  width: 24%;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #B8C2CC;
}

.person-description .list .col:nth-child(2) {
  width: 72%;
  font-family: "SF Pro Display Reqular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2A2C3D;
}

@media (max-width: 1919px) {
  .person-description__content {
    padding-left: 162px;
  }
}

@media (max-width: 989px) {
  .person-description__content {
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  .person-description__block {
    padding-bottom: 40px;
  }

  .person-description__text .more {
    display: block;
  }

  .person-description__text p:nth-of-type(n+2) {
    display: none;
  }
}

.brand-item__preview {
  position: relative;
}

.brand-item__info {
  margin: 10px 0 0;
}

.brand-item__label {
  font: 9px/16px "SF Mono Regular", monospace;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.brand-item__picture {
  position: relative;
  z-index: 1;
}

.brand-item__title {
  font: 16px/16px "SF Pro Display Medium", sans-serif;
}

.new-section--white .brand-item__title {
  color: #1A1C26;
}

.new-section--grey .brand-item__title {
  color: #1A1C26;
}

.new-section--dark .brand-item__title {
  color: #FFFFFF;
}

.new-section--black .brand-item__title {
  color: #FFFFFF;
}

.brand-item__production {
  font: 9px/12px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 8px 0 0;
}

.new-section--white .brand-item__production {
  color: #B8C2CC;
}

.new-section--grey .brand-item__production {
  color: #686E78;
}

.new-section--dark .brand-item__production {
  color: #FF0047;
}

.new-section--black .brand-item__production {
  color: #FF0047;
}

.brand-item__link {
  color: inherit;
}

.brand-item__label .brand-item__link {
  display: block;
  padding: 0 8px;
  background: #FF0047;
  border-radius: 4px 0;
}

.brand-item__picture .brand-item__link {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}

.brand-item__picture .brand-item__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.new-slider--template-brands .brand-item__picture .brand-item__link {
  padding-bottom: 150.6849315068%;
}

.new-slider--template-brandsFeed .brand-item__picture .brand-item__link {
  padding-bottom: 56.2982005141%;
}

.new-slider--template-brandsGreed .brand-item__picture .brand-item__link {
  padding-bottom: 56.2982005141%;
}

.new-slider--template-brandsWide .brand-item__picture .brand-item__link {
  padding-bottom: 56.2982005141%;
}

.new-slider--template-mixed .brand-item__picture .brand-item__link {
  padding-bottom: 150.6849315068%;
}

.new-list--template-brands .brand-item__picture .brand-item__link {
  padding-bottom: 150.6849315068%;
}

.new-list--template-brandsFeed .brand-item__picture .brand-item__link {
  padding-bottom: 150.6849315068%;
}

.new-list--template-brandsGreed .brand-item__picture .brand-item__link {
  padding-bottom: 56.2982005141%;
}

.new-list--template-brandsWide .brand-item__picture .brand-item__link {
  padding-bottom: 56.2982005141%;
}

.new-list--template-mixed .brand-item__picture .brand-item__link {
  padding-bottom: 150.6849315068%;
}

.brand-promoted {
  width: 100%;
  position: relative;
  padding: 80px 0;
  margin-top: 15px;
}

.brand-promoted--no-picture {
  padding: 30px 0;
}

.brand-promoted:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.brand-promoted--white:after {
  background: #FFFFFF;
}

.brand-promoted--black:after {
  background: #000000;
}

.brand-promoted__background {
  position: absolute;
  top: 64px;
  left: -8px;
  height: calc(100% - 128px);
  width: calc(100% + 16px);
  border-radius: 16px;
  overflow: hidden;
  z-index: 2;
}

.brand-promoted__background img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
}

.brand-promoted__header {
  margin: 0 0 20px;
  display: flex;
  position: relative;
  z-index: 3;
}

.brand-promoted__content {
  margin: 0 0 -62px;
  position: relative;
  z-index: 3;
}

.brand-promoted__control {
  position: relative;
  z-index: 3;
}

.brand-promoted__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}

.brand-promoted__item {
  box-sizing: border-box;
  padding: 0 8px;
  margin: 0 0 62px;
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .brand-promoted__item {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .brand-promoted__item {
    width: 50%;
  }
}

.brand-promoted__preview {
  position: relative;
  margin: 0 0 4px;
}

.brand-promoted__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.brand-promoted__picture {
  position: relative;
  z-index: 1;
}

.brand-promoted__header .brand-promoted__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  padding: 0 8px;
  margin: auto auto auto 0;
}

.brand-promoted__header .brand-promoted__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
}

.brand-promoted__header .brand-promoted__title span {
  color: inherit;
}

.brand-promoted--white .brand-promoted__header .brand-promoted__title {
  color: #2A2C3D;
}

.brand-promoted--white .brand-promoted__header .brand-promoted__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.brand-promoted--black .brand-promoted__header .brand-promoted__title {
  color: #FFFFFF;
}

.brand-promoted--black .brand-promoted__header .brand-promoted__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.brand-promoted__menu .brand-promoted__title {
  font: 16px/20px "SF Pro Display Medium", sans-serif;
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
}

.brand-promoted__menu .brand-promoted__title:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
}

.brand-promoted--white .brand-promoted__menu .brand-promoted__title:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.brand-promoted--black .brand-promoted__menu .brand-promoted__title:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%);
}

.brand-promoted__type {
  font: 11px/12px "SF Mono Medium", monospace;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 6px 0 0;
  overflow: hidden;
  position: relative;
}

.brand-promoted__type:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
}

.brand-promoted--white .brand-promoted__type:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.brand-promoted--black .brand-promoted__type:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%);
}

.brand-promoted__link {
  color: inherit;
}

.brand-promoted__picture .brand-promoted__link {
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 0;
  padding-bottom: 148.0582524272%;
  position: relative;
  overflow: hidden;
}

.brand-promoted__picture .brand-promoted__link img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.brand-promoted__label .brand-promoted__link {
  font: 9px/16px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  display: block;
  border-radius: 4px 0;
  padding: 0 8px;
  background: #FF0047;
}

.brand {
  width: 100%;
  padding: 30px 0;
  position: relative;
}

.app--page-search .brand {
  padding-top: 25px;
}

.brand:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.brand--grey:after {
  background: #EFF1F3;
}

.brand--black:after {
  background: #000000;
}

.brand__header {
  margin: 0 0 20px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 3;
}

.brand__content {
  position: relative;
  width: 100%;
  z-index: 2;
}

.brand--list .brand__control {
  padding: 40px 0;
  margin: 0 8px;
}

.brand--loading .brand__control {
  height: 44px;
  position: relative;
}

.brand--loading .brand__control:after {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
}

.brand--list_theme .brand__control {
  border: none;
}

.brand__slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.brand__navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .brand__navigation {
    display: none;
  }
}

.brand__header .brand__control {
  padding: 0 8px;
  margin: auto 0 auto auto;
}

.brand__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.brand__slider .brand__list {
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.brand__menu .brand__list {
  flex-flow: row wrap;
}

.brand__item {
  box-sizing: border-box;
  padding: 0 8px;
}

.brand__slider .brand__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

.brand--preset-vhdr .brand__slider .brand__item {
  width: 16.6666666667%;
}

@media screen and (max-width: 768px) {
  .brand--preset-vhdr .brand__slider .brand__item {
    width: 33.3333333333%;
  }
}

.brand--preset-vhdr .brand__menu .brand__item {
  width: 16.6666666667%;
  margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
  .brand--preset-vhdr .brand__menu .brand__item {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 425px) {
  .brand--preset-vhdr .brand__menu .brand__item {
    width: 50%;
  }
}

.brand--preset-xw .brand__slider .brand__item {
  width: 25%;
}

@media screen and (max-width: 768px) {
  .brand--preset-xw .brand__slider .brand__item {
    width: 50%;
  }
}

.brand--preset-xw .brand__menu .brand__item {
  width: 25%;
  margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
  .brand--preset-xw .brand__menu .brand__item {
    width: 50%;
  }
}

.brand--type-rubrics .brand__slider .brand__item {
  position: relative;
  width: 33.3333333333%;
}

@media screen and (max-width: 768px) {
  .brand--type-rubrics .brand__slider .brand__item {
    width: 100%;
  }
}

.brand__slider .brand__preview {
  margin: 0 0 20px;
  position: relative;
}

.brand--preset-vhdr .brand__slider .brand__preview {
  margin: 0 0 10px;
}

.brand__menu .brand__preview {
  margin: 0 0 10px;
  position: relative;
}

.brand--preset-bp .brand__slider .brand__item .brand__preview {
  transition: transform 200ms ease 0ms;
}

.brand--preset-bp .brand__slider .brand__item .brand__preview:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  bottom: 0;
  right: 0;
  background: radial-gradient(100% 100% at 100% 0%, #FF0047 0%, #2F23EE 100%);
  -webkit-filter: blur(16px);
          filter: blur(16px);
  transition: transform 200ms ease 0ms;
  transform: scale(0);
  z-index: -1;
}

.brand--preset-bp .brand__slider .brand__item:hover .brand__preview {
  transform: translateY(-16px);
}

.brand--preset-bp .brand__slider .brand__item:hover .brand__preview:before {
  transform: scale(1);
}

.brand--type-rubrics .brand__slider .brand__item .brand__preview {
  margin: 0;
  z-index: 1;
}

.brand--type-rubrics .brand__slider .brand__item .brand__info {
  position: absolute;
  top: 0;
  left: 8px;
  width: calc(56.25% - 8px);
  z-index: 2;
  transform-origin: top left;
  transform: rotate(-90deg) translateX(-100%);
}

.brand__picture {
  border-radius: 4px;
  overflow: hidden;
}

.brand__slider .brand__label {
  font: 9px/16px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
}

.brand__production {
  font: 11px/12px "SF Mono Medium", monospace;
  color: #FF0047;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 4px 0 0;
}

.brand__genre {
  font: 11px/12px "SF Mono Medium", monospace;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 4px 0 0;
  position: relative;
  overflow: hidden;
}

.brand__genre:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
}

.brand--white .brand__genre:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.brand--black .brand__genre:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%);
}

.brand__genre__link {
  color: #B8C2CC;
}

.brand__header .brand__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  padding: 0 8px;
  margin: auto auto auto 0;
}

.brand__header .brand__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
}

.brand__header .brand__title span {
  color: inherit;
}

.brand--white .brand__header .brand__title {
  color: #2A2C3D;
}

.brand--white .brand__header .brand__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.brand--black .brand__header .brand__title {
  color: #FFFFFF;
}

.brand--black .brand__header .brand__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.brand--black .brand__header .brand__title {
  color: #FFFFFF;
}

.brand--white .brand__header .brand__title {
  color: #1A1C26;
}

.brand__slider .brand__item .brand__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
}

.brand--preset-vhdr .brand__slider .brand__item .brand__title {
  font: 16px/16px "SF Pro Display Medium", sans-serif;
  margin: 0 0 8px;
}

.brand--preset-vhdr .brand__menu .brand__item .brand__title {
  font: 16px/16px "SF Pro Display Medium", sans-serif;
}

.brand--preset-xw .brand__menu .brand__item .brand__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
}

.brand--black .brand__item .brand__title {
  color: #FFFFFF;
}

.brand--white .brand__item .brand__title {
  color: #1A1C26;
}

.brand__item .brand__title {
  position: relative;
  overflow: hidden;
}

.brand__item .brand__title:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
}

.brand--white .brand__item .brand__title:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.brand--black .brand__item .brand__title:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%);
}

.brand__link {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

.brand--preset-xw .brand__slider .brand__picture .brand__link {
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.brand--preset-xw .brand__slider .brand__picture .brand__link img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.brand--preset-xw .brand__menu .brand__picture .brand__link {
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.brand--preset-xw .brand__menu .brand__picture .brand__link img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.brand--preset-vhdr .brand__slider .brand__picture .brand__link {
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 0;
  padding-bottom: 148.0582524272%;
  position: relative;
  overflow: hidden;
}

.brand--preset-vhdr .brand__slider .brand__picture .brand__link img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.brand--preset-vhdr .brand__menu .brand__picture .brand__link {
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 0;
  padding-bottom: 148.0582524272%;
  position: relative;
  overflow: hidden;
}

.brand--preset-vhdr .brand__menu .brand__picture .brand__link img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.brand__slider .brand__label .brand__link {
  display: block;
  padding: 0 12px;
  background: #FF0047;
  border-radius: 4px 0;
}

.brand__control .brand__link {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  width: 33.3333333333%;
  border-radius: 4px;
  padding: 16px 0;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 768px) {
  .brand__control .brand__link {
    width: 100%;
  }
}

.app--scheme-black .brand__control .brand__link {
  color: #B8C2CC;
  background: #1A1A1A;
}

.app--scheme-white .brand__control .brand__link {
  color: #1A1C26;
  background: #EFF1F3;
}

.app--scheme-black .brand--black .brand__control .brand__link,
.app--scheme-white .brand--black .brand__control .brand__link {
  color: #B8C2CC;
  background: #1A1A1A;
}

.app--scheme-black .brand--white .brand__control .brand__link,
.app--scheme-white .brand--white.brand__control .brand__link {
  color: #1A1C26;
  background: #EFF1F3;
}

.brand__header .brand__control .brand__link {
  font: 11px "SF Mono Semi Bold", monospace;
  text-align: left;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 0 15px 0 0;
  position: relative;
  display: inline-block;
  width: auto;
  background: transparent;
}

.brand__header .brand__control .brand__link:after {
  content: "";
  display: block;
  height: 12px;
  width: 7px;
  position: absolute;
  top: 0;
  right: 0;
}

.brand--black .brand__header .brand__control .brand__link {
  color: #B8C2CC;
}

.brand--black .brand__header .brand__control .brand__link:after {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-select-right-grey.svg?b3a96593c1cf7cbccfecfb5b7f1f3cf7) center no-repeat;
  background-size: cover;
}

.brand--white .brand__header .brand__control .brand__link {
  color: #1A1C26;
}

.brand--white .brand__header .brand__control .brand__link:after {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-select-right-grey.svg?b3a96593c1cf7cbccfecfb5b7f1f3cf7) center no-repeat;
  background-size: cover;
}

.brand--loading .brand__control .brand__link {
  display: none;
}

.brand__button-holder {
  position: absolute;
  padding: 0 8px;
  box-sizing: border-box;
  top: 0;
}

.brand--preset-xw .brand__button-holder {
  width: 25%;
}

.brand--preset-xw .brand__button-holder:first-child {
  left: -25%;
}

.brand--preset-xw .brand__button-holder:last-child {
  right: -25%;
}

.brand--preset-vhdr .brand__button-holder {
  width: 16.6666666667%;
}

.brand--preset-vhdr .brand__button-holder:first-child {
  left: -16.6666666667%;
}

.brand--preset-vhdr .brand__button-holder:last-child {
  right: -16.6666666667%;
}

.brand__button-place {
  position: relative;
  width: 100%;
}

.brand--preset-xw .brand__button-place {
  padding: 0 0 56.25%;
}

.brand--preset-vhdr .brand__button-place {
  padding: 0 0 148.0582524272%;
}

.brand__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: 0;
  border: none;
  outline: none;
}

.brand__button--disabled {
  display: none;
}

.brand__button--hidden {
  display: none;
}

.brand__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: 100%;
  margin: 0 0 0 -4px;
}

.brand__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: 100%;
  margin: 0 -4px 0 0;
}

.live-main {
  width: 100%;
  position: relative;
  padding: 32px 0;
  display: flex;
}

@media screen and (max-width: 1024px) {
  .live-main {
    display: block;
    padding-top: 55px;
  }
}

.live-main__channels {
  width: 25%;
  margin: 0;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .live-main__channels {
    width: 100%;
  }
}

.live-main__channels .filter {
  display: none;
}

.live-main__channels.mobile-view .filter {
  display: block;
}

.live-main__channels.mobile-view .filter .filter__content {
  overflow: hidden;
}

.live-main__channels.mobile-view .filter .filter__list .filter__link {
  background: #1A1A1A;
  color: #EFF1F3;
  text-align: center;
}

.live-main__channels.mobile-view .filter .filter__list .filter__link--active {
  background: #EFF1F3;
  color: #2A2C3D;
}

.live-main__channels.mobile-view .filter__item {
  margin-bottom: 16px;
  min-width: 95px;
}

.live-main__wrapper {
  padding: 0 8px;
}

.live-main__content {
  box-sizing: border-box;
  width: 66.6666666667%;
  margin: 0 0 0 8.3333333333%;
}

@media screen and (max-width: 1024px) {
  .live-main__content {
    width: 100%;
    margin: 0;
  }
}

.live-main__header {
  margin: 4px 0 24px;
  padding: 0 8px;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 1024px) {
  .live-main__header {
    margin: 20px 0 24px;
  }
}

@media screen and (max-width: 768px) {
  .live-main__header {
    justify-content: center;
  }
}

.live-main__player {
  padding: 0 8px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .live-main__player {
    padding: 0;
    margin: 0 -8px;
  }
}

.live-main__switch {
  margin: auto auto auto 16px;
  display: flex;
  height: 32px;
  box-sizing: border-box;
  padding: 2px;
  border-radius: 32px;
  background: #1A1A1A;
}

.live-main__control {
  margin: 8px 0 46px;
  padding: 0 8px;
}

.live-main__info {
  padding: 0 8px;
}

.live-main__label {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  color: #B8C2CC;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0 0 13px;
}

.live-main__holder {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.live-main__holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 0;
  outline: 0;
}

.live-main__header .live-main__title {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  color: #B8C2CC;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  height: 12px;
  margin: auto 0;
  padding: 0 0 0 20px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-record-small.svg?e6642c78eb569e78f92f31c2b338f3fe) left center no-repeat;
  background-size: auto 100%;
}

.live-main__info .live-main__title {
  font: 24px/32px "New York Medium Bold", sans-serif;
  color: #FFFFFF;
  margin: 0 0 26px;
}

.live-main__description p {
  font: 14px/20px "SF Pro Display Medium", sans-serif;
  color: #FFFFFF;
  margin: 0;
}

.live-main__link {
  display: block;
  font: 11px/48px "SF Mono Semi Bold", monospace;
  color: #B8C2CC;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: #1A1A1A;
  border-radius: 4px;
  text-align: center;
}

.live-main__switcher {
  font: 11px/28px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  height: 28px;
  border-radius: 28px;
  padding: 0 24px;
  color: #B8C2CC;
}

.live-main__switcher--active {
  background: #FFFFFF;
  color: #000000;
}

.live-channel {
  margin: 0 0 32px;
}

.live-channel:last-child {
  margin: 0;
}

.live-channel__header {
  margin: 0 0 20px;
}

@media screen and (max-width: 1024px) {
  .live-channel__header {
    margin: 0;
    position: absolute;
    top: -36px;
    left: 0;
  }
}

.live-channel__slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}

.live-channel__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 1024px) {
  .live-channel__list {
    margin: 0 0 0 8px;
    display: flex;
  }
}

.live-channel__item {
  margin: 0 0 8px;
  padding: 16px 0;
  display: flex;
  flex-shrink: 0;
  position: relative;
}

.live-channel__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  height: 100%;
  width: calc(100% - 16px);
  background: #1A1A1A;
  border-radius: 8px;
}

@media screen and (max-width: 1024px) {
  .live-channel__item:before {
    left: 0;
    width: 100%;
  }
}

.live-channel__item:hover:before {
  background: #292929;
}

.live-channel__item--in-air:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 16px;
  height: 10px;
  width: 10px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-record-small.svg?e6642c78eb569e78f92f31c2b338f3fe) center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  .live-channel__item--in-air:after {
    left: 8px;
  }
}

@media screen and (max-width: 1024px) {
  .live-channel__item {
    width: calc(4/16*100% - 10px);
    margin: 0 8px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .live-channel__item {
    width: calc(4/12*100% - 10px);
  }
}

@media screen and (max-width: 600px) {
  .live-channel__item {
    width: calc(8/16*100% - 10px);
  }
}

.live-channel__preview {
  box-sizing: border-box;
  margin: auto 0;
  padding: 0 8px 0 26px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .live-channel__preview {
    padding: 0 8px 0 16px;
  }
}

.live-channel__info {
  box-sizing: border-box;
  margin: auto 0;
  padding: 0 16px 0 8px;
  position: relative;
  z-index: 2;
}

.live-channel__picture {
  display: flex;
}

.live-channel__header .live-channel__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #FFFFFF;
  padding: 0 8px;
}

.live-channel__item .live-channel__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #FF0047;
}

.live-channel__slot {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  .live-channel__list--radio .live-channel__slot,
  .live-channel__list--tv .live-channel__slot {
    display: none;
  }
}

.live-channel__link {
  color: inherit;
  display: block;
}

.live-channel__picture .live-channel__link {
  margin: 0 0 0 auto;
}

@media screen and (max-width: 1024px) {
  .live-channel__list--internet .live-channel__link {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.live-channel__icon {
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 40px;
}

@media screen and (max-width: 1280px) {
  .live-channel__icon {
    height: 32px;
    width: 32px;
  }
}

.live-channel__icon--1 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/1.svg?69b851199787ccf9a0eee6a2f5f899f3) center no-repeat;
  background-size: cover;
}

.live-channel__icon--3 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/3.svg?a910795ad0430573e2af47638d883bfa) center no-repeat;
  background-size: cover;
}

.live-channel__icon--4 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/4.svg?ff928911e4787e31b03755a056163963) center no-repeat;
  background-size: cover;
}

.live-channel__icon--70 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/70.svg?595580945eedab4a51199187dce06585) center no-repeat;
  background-size: cover;
}

.live-channel__icon--76 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/76.svg?108c74e3cd56cad242447a4a75be9ab7) center no-repeat;
  background-size: cover;
}

.live-channel__icon--81 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/81.svg?54b509717f44075810d41ed88ba257a0) center no-repeat;
  background-size: cover;
}

.live-channel__icon--82 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/82.svg?cd670e7661b8edbb365619f985f2ec6b) center no-repeat;
  background-size: cover;
}

.live-channel__icon--199 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/199.svg?d039016888be663ed84b1009ba31f9c7) center no-repeat;
  background-size: cover;
}

.live-channel__icon--200 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/200.svg?cb844a74f47d62117b19ad05bc8226c6) center no-repeat;
  background-size: cover;
}

.live-channel__icon--232 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/232.svg?e60b1e2637f0e66ba0331ea432e8dbde) center no-repeat;
  background-size: cover;
}

.live-channel__icon--93 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/93.svg?6a33bdec82b5f6453bd31dbb3c40199f) center no-repeat;
  background-size: cover;
}

.live-channel__icon--248 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/248.svg?d9c605efaab716933d79d2319118d234) center no-repeat;
  background-size: cover;
}

.live-channel__icon--249 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/249.svg?d0b0bda7e335712cbed75332192ce7d3) center no-repeat;
  background-size: cover;
}

.live-channel__icon--250 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/250.svg?094dc4f8744f278fde4c4558f7314b67) center no-repeat;
  background-size: cover;
}

.live-channel__icon--251 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/251.svg?b199bf53c5692a03ec3e1d7db3cf8933) center no-repeat;
  background-size: cover;
}

.live-channel__icon--252 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/252.svg?5ae7118b155702e8c07391acd5c39e03) center no-repeat;
  background-size: cover;
}

.live-channel__icon--253 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/253.svg?9078465963b97bbfdb3e54d30e3c1597) center no-repeat;
  background-size: cover;
}

.live-channel__icon--254 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/254.svg?b5f6b2f90d0a2e6d984a1c4e6ae251aa) center no-repeat;
  background-size: cover;
}

.live-channel__icon--255 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/255.svg?a71acb68aade3b3ef6159918f6e5ff9a) center no-repeat;
  background-size: cover;
}

.live-channel__icon--256 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/256.svg?8b823eed28fb9ac3e8abc7d337d6f9c7) center no-repeat;
  background-size: cover;
}

.live-channel__icon--257 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/257.svg?5ffe1a83751cb2eb3caca66cc30c0cc7) center no-repeat;
  background-size: cover;
}

.live-channel__icon--258 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/258.svg?fa10885c1f6299c32154e320ffcabd58) center no-repeat;
  background-size: cover;
}

.live-channel__icon--259 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/259.svg?f3b1014a13f87882683b6b452800eb67) center no-repeat;
  background-size: cover;
}

.live-channel__icon--260 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/260.svg?135ca5fa25672b2153bd2c41c13e5224) center no-repeat;
  background-size: cover;
}

.live-channel__icon--261 {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/261.svg?c80e2cb3d498cd672c383af935ffd0e8) center no-repeat;
  background-size: cover;
}

.live-channel__icon--default {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/live-logo-default.svg?b364766474a6d84683a664bdc4f3380d) center no-repeat;
  background-size: cover;
}

.live-channel__box-link {
  position: absolute;
  top: 0;
  left: 8px;
  width: calc(100% - 16px);
  height: 100%;
  z-index: 3;
}

@media screen and (max-width: 1024px) {
  .live-channel--hidden {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .live-channel {
    margin: 0;
  }
}

.live {
  width: 100%;
  position: relative;
  padding: 24px 0 100px;
  margin: 32px 0 0;
}

.live__background {
  position: absolute;
  top: 0;
  left: 8px;
  right: 8px;
  bottom: 0;
  -webkit-clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
          clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
}

.live__background:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(26, 28, 38, 0.85);
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .live__background {
    left: -8px;
    right: -8px;
  }
}

.live__header {
  margin: 0 0 50px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 2;
}

.live__content {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .live__content {
    margin: 0 -8px;
  }
}

.live__header .live__control {
  padding: 0 8px;
  margin: auto 24px auto auto;
}

.live__background {
  position: absolute;
}

.live__pagination {
  position: absolute;
  bottom: -15%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  z-index: 2;
}

.live__navigation {
  position: absolute;
  top: 72px;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .live__navigation {
    display: none;
  }
}

.live__slider {
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  /* Fix of Webkit flickering */
  z-index: 1;
  width: 810px;
}

@media screen and (max-width: 1440px) {
  .live__slider {
    width: 648px;
  }
}

@media screen and (max-width: 1280px) {
  .live__slider {
    width: 486px;
  }
}

@media screen and (max-width: 500px) {
  .live__slider {
    width: 324px;
  }
}

.live--items-4 .live__slider {
  width: 648px;
}

@media screen and (max-width: 1440px) {
  .live--items-4 .live__slider {
    width: 648px;
  }
}

@media screen and (max-width: 1280px) {
  .live--items-4 .live__slider {
    width: 486px;
  }
}

@media screen and (max-width: 500px) {
  .live--items-4 .live__slider {
    width: 324px;
  }
}

.live--items-3 .live__slider {
  width: 486px;
}

@media screen and (max-width: 1440px) {
  .live--items-3 .live__slider {
    width: 486px;
  }
}

@media screen and (max-width: 1280px) {
  .live--items-3 .live__slider {
    width: 486px;
  }
}

@media screen and (max-width: 500px) {
  .live--items-3 .live__slider {
    width: 324px;
  }
}

.live--items-2 .live__slider {
  width: 324px;
}

@media screen and (max-width: 1440px) {
  .live--items-2 .live__slider {
    width: 324px;
  }
}

@media screen and (max-width: 1280px) {
  .live--items-2 .live__slider {
    width: 324px;
  }
}

@media screen and (max-width: 500px) {
  .live--items-2 .live__slider {
    width: 324px;
  }
}

.live--items-1 .live__slider {
  width: 162px;
}

@media screen and (max-width: 1440px) {
  .live--items-1 .live__slider {
    width: 162px;
  }
}

@media screen and (max-width: 1280px) {
  .live--items-1 .live__slider {
    width: 162px;
  }
}

@media screen and (max-width: 500px) {
  .live--items-1 .live__slider {
    width: 162px;
  }
}

.live__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.live__item {
  box-sizing: border-box;
  margin: 0;
  padding: 0 16px;
  width: 162px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  opacity: 0;
  transition: opacity 200ms ease 0ms;
}

.live__item--visible {
  opacity: 1;
  transition: opacity 200ms ease 200ms;
}

.live__picture {
  width: 104px;
  height: 104px;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
  margin: 0 auto 19px;
}

.live__item--in-air .live__picture {
  position: relative;
}

.live__item--in-air .live__picture:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background: #FF0047;
}

.live__header .live__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  letter-spacing: -0.06px;
  color: #FFFFFF;
  padding: 0 8px;
  margin: auto auto auto 24px;
}

.live__header .live__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.live__slider .live__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  letter-spacing: -0.1px;
  text-align: center;
  color: #FFFFFF;
  width: 130px;
  margin: 0 auto;
}

.live__link {
  color: inherit;
}

.live__picture .live__link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
}

.live__picture .live__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  vertical-align: top;
  -o-object-fit: contain;
     object-fit: contain;
}

.live__header .live__control .live__link {
  font: 11px "SF Mono Semi Bold", monospace;
  text-align: left;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 0 15px 0 0;
  position: relative;
  display: inline-block;
  width: auto;
  background: transparent;
  color: #FFFFFF;
}

.live__header .live__control .live__link:after {
  content: "";
  display: block;
  height: 12px;
  width: 7px;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-select-right-grey.svg?b3a96593c1cf7cbccfecfb5b7f1f3cf7) center no-repeat;
  background-size: cover;
}

.live__bullet {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background: #FFFFFF;
  margin: 0 5px;
  opacity: 0.2;
  transition: opacity 300ms ease 0ms;
}

.live__bullet--active {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.live__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.live__button--disabled {
  display: none;
}

.live__button--hidden {
  display: none;
}

.live__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.live__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.special {
  width: 100%;
  padding: 57px 0 46px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
  .special {
    display: block;
    flex-wrap: unset;
  }
}

.special__background {
  position: absolute;
  top: 0;
  right: -64px;
  width: calc(100% + 1 / 12 * 100% + 72px);
  height: 100%;
  z-index: 1;
}

.special__background:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(302.02deg, rgba(42, 44, 61, 0.9) 0%, rgba(42, 44, 61, 0.9) 40.44%, rgba(42, 44, 61, 0.5) 100%);
  z-index: 2;
}

.special__background img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.special__header {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  margin: 0 0 27px;
  z-index: 2;
}

.special__main {
  width: 58.3333333333%;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .special__main {
    width: 100%;
  }
}

.special__news {
  width: 33.3333333333%;
  margin: 0 0 0 8.3333333333%;
  position: relative;
  z-index: 2;
}

.special__news .news:after {
  display: none;
}

@media screen and (max-width: 1024px) {
  .special__news {
    width: 100%;
    margin: 28px 0 0;
    padding: 26px 0 0;
  }

  .special__news:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 8px;
    display: block;
    width: calc(100% - 16px);
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
  }
}

.special__videos {
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 32px 0 0;
  margin: 48px 0 0;
}

.special__videos:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 8px;
  width: calc(100% - 16px);
  height: 4px;
  display: block;
  background: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 1024px) {
  .special__videos {
    margin: 28px 0 0;
    padding: 26px 0 0;
  }

  .special__videos:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 8px;
    display: block;
    width: calc(100% - 16px);
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
  }
}

.special__header .special__title {
  font: 24px/28px "New York Medium Bold", serif;
  color: #FFFFFF;
  position: relative;
  margin: auto auto auto 0;
  padding: 0 8px;
}

.special__header .special__title:after {
  content: attr(data-type);
  font: 11px/12px "SF Mono Semi Bold", monospace;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: absolute;
  top: -19px;
  left: 8px;
}

.special__control {
  margin: auto 0 auto auto;
  padding: 0 8px;
}

.special__picture {
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
  margin: 0;
}

.special__picture img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border-radius: 2px;
}

.special__anons {
  font: 24px/28px "SF Pro Display Bold", sans-serif;
  color: #FFFFFF;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
  margin: 24px 0 0;
}

.special__link {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

.special__header .special__title .special__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-link-grey.svg?f35c12dca9c8e60a82a6a2123c33ab63) right no-repeat;
  padding-right: 30px;
  background-position-y: 6px;
}

.special__header .special__control .special__link {
  font: 11px "SF Mono Semi Bold", monospace;
  text-align: left;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 0 15px 0 0;
  position: relative;
  display: inline-block;
  width: auto;
  background: transparent;
  color: #B8C2CC;
}

.special__header .special__control .special__link:after {
  content: "";
  display: block;
  height: 12px;
  width: 7px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-select-right-grey.svg?b3a96593c1cf7cbccfecfb5b7f1f3cf7) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}

.special__picture .special__link {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 0 56.25%;
}

.special__picture .special__link img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mixed {
  width: 100%;
  padding-top: 15px;
  position: relative;
}

.mixed:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.mixed--white:after {
  background: #FFFFFF;
}

.mixed--black:after {
  background: #000000;
}

.mixed__header {
  margin: 0 0 20px;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  z-index: 3;
}

.mixed__content {
  position: relative;
  width: 100%;
  z-index: 2;
}

.mixed__content--active {
  display: block;
}

.mixed__content--hidden {
  display: none;
}

.mixed__filter {
  margin: auto 0;
  padding: 0 8px;
  flex: 0 1 auto;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .mixed__filter {
    margin: 20px 0 0;
    width: 100%;
  }
}

.mixed__slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 30px 0;
  margin: -30px auto 0;
  /* Fix of Webkit flickering */
}

.mixed__slider:before,
.mixed__slider:after {
  content: "";
  position: absolute;
  top: 0;
  width: 8px;
  height: 100%;
  z-index: 2;
}

.mixed__slider:before {
  left: 0;
}

.mixed__slider:after {
  right: 0;
}

.mixed--black .mixed__slider:before,
.mixed--black .mixed__slider:after {
  background: #000000;
}

.mixed--white .mixed__slider:before,
.mixed--white .mixed__slider:after {
  background: #FFFFFF;
}

.mixed__navigation {
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .mixed__navigation {
    display: none;
  }
}

.mixed__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.mixed__item {
  box-sizing: border-box;
  padding: 0 8px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

.mixed__item--article {
  display: flex;
  width: 16.6666666667%;
}

@media screen and (max-width: 1440px) {
  .mixed__item--article {
    width: 25%;
  }
}

@media screen and (max-width: 1280px) {
  .mixed__item--article {
    width: 16.6666666667%;
  }
}

@media screen and (max-width: 1024px) {
  .mixed__item--article {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .mixed__item--article {
    width: 50%;
  }
}

@media screen and (max-width: 425px) {
  .mixed__item--article {
    width: 50%;
  }
}

.mixed__item--audio {
  width: 16.6666666667%;
}

@media screen and (max-width: 1280px) {
  .mixed__item--audio {
    width: 25%;
  }
}

@media screen and (max-width: 1024px) {
  .mixed__item--audio {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .mixed__item--audio {
    width: 50%;
  }
}

.mixed__item--brand {
  width: 41.6666666667%;
}

@media screen and (max-width: 1440px) {
  .mixed__item--brand {
    width: 50%;
  }
}

@media screen and (max-width: 1280px) {
  .mixed__item--brand {
    width: 41.6666666667%;
  }
}

@media screen and (max-width: 1024px) {
  .mixed__item--brand {
    width: 73%;
  }
}

@media screen and (max-width: 768px) {
  .mixed__item--brand {
    width: 78%;
  }
}

@media screen and (max-width: 600px) {
  .mixed__item--brand {
    width: 100%;
  }
}

.mixed__item--episode {
  display: flex;
  width: 16.6666666667%;
}

@media screen and (max-width: 1440px) {
  .mixed__item--episode {
    width: 25%;
  }
}

@media screen and (max-width: 1280px) {
  .mixed__item--episode {
    width: 16.6666666667%;
  }
}

@media screen and (max-width: 1024px) {
  .mixed__item--episode {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .mixed__item--episode {
    width: 50%;
  }
}

@media screen and (max-width: 425px) {
  .mixed__item--episode {
    width: 50%;
  }
}

.mixed__item--topic {
  width: 23.4%;
  padding: 0 4px;
}

.mixed__item--topic .mixed__picture .mixed__link img {
  border-radius: 8px;
}

.mixed__item--topic .mixed__picture .mixed__link img:nth-child(1) {
  margin: -16px 0 0 0;
  width: calc(100% - 32px);
  opacity: 0.25;
}

.mixed__item--topic .mixed__picture .mixed__link img:nth-child(2) {
  margin: -4px 0 0 0;
  width: calc(100% - 16px);
  opacity: 0.5;
}

.mixed__item--topic .mixed__picture .mixed__link img:nth-child(3) {
  margin: 4px 0 0 0;
  width: calc(100% - 8px);
}

@media screen and (max-width: 1440px) {
  .mixed__item--topic {
    width: 28%;
  }
}

@media screen and (max-width: 1280px) {
  .mixed__item--topic {
    width: 23.1%;
  }
}

@media screen and (max-width: 1024px) {
  .mixed__item--topic {
    width: 40.6%;
  }
}

@media screen and (max-width: 768px) {
  .mixed__item--topic {
    width: 43.4%;
  }
}

@media screen and (max-width: 600px) {
  .mixed__item--topic {
    width: 58.4%;
  }
}

.mixed__box {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: column;
}

.mixed__item--article .mixed__box {
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.mixed__item--episode .mixed__box {
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  width: 100%;
  min-height: 218px;
  border-radius: 4px;
}

@media screen and (max-width: 1024px) {
  .mixed__item--episode .mixed__box {
    min-height: 150px;
  }
}

.mixed__item--article .mixed__info {
  padding: 0 8px;
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.mixed__item--episode .mixed__info {
  padding: 0 8px;
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.mixed__item--topic .mixed__info {
  top: 20px;
  bottom: 16px;
  left: 16px;
  right: 16px;
  position: absolute;
  z-index: 1;
}

.mixed__item--topic .mixed__info .mixed__title {
  font: 18px/20px "SF Pro Display Bold", sans-serif;
}

.mixed__item--topic .mixed__info .mixed__count {
  font: 11px/11px "SF Mono Bold", sans-serif;
  position: absolute;
  left: 4px;
  bottom: 0;
  right: 0;
  text-transform: uppercase;
}

.mixed__item--topic .mixed__info .mixed__count:after {
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-goto-white.svg?2e69f93759a90be34ca0dd1faa3de576) center no-repeat;
  background-size: cover;
}

.mixed__item--topic .mixed__info a {
  color: #fff;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.mixed__header .mixed__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  padding: 0 8px;
  margin: auto 0;
}

.mixed--white .mixed__header .mixed__title {
  color: #2A2C3D;
}

.mixed--black .mixed__header .mixed__title {
  color: #FFFFFF;
}

.mixed__content .mixed__title {
  position: relative;
  overflow: hidden;
}

.mixed__content .mixed__title:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.mixed__content .mixed__item--article .mixed__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #2A2C3D;
  margin: 8px 0;
}

.mixed__content .mixed__item--episode .mixed__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  margin: 8px 0;
}

.mixed__content .mixed__item--topic .mixed__title:after {
  display: none;
}

.mixed__picture {
  width: 100%;
  position: relative;
  z-index: 1;
}

.mixed__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.mixed__item--article .mixed__category {
  font: 9px/12px "SF Mono Medium", monospace;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 13px;
}

.mixed__item--episode .mixed__category {
  font: 9px/12px "SF Mono Medium", monospace;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 13px;
}

.mixed__link {
  color: inherit;
}

.mixed__picture .mixed__link {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.mixed__picture .mixed__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 101%;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.mixed__item--article .mixed__picture .mixed__link {
  padding-bottom: 56.1643835616%;
  border-radius: 4px 4px 0 0;
}

.mixed__box--has-video .mixed__item--article .mixed__picture .mixed__link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/corner-play.png?ad0bbe8784af63db9618a4cffce01e58) center no-repeat;
  background-size: cover;
  z-index: 2;
  border-radius: 4px 4px 0 0;
}

.mixed__item--brand .mixed__picture .mixed__link {
  padding-bottom: 56.2982005141%;
  border-radius: 4px;
}

.mixed__item--episode .mixed__picture .mixed__link {
  padding-bottom: 56.1643835616%;
  border-radius: 4px 4px 0 0;
}

.mixed__item--episode .mixed__picture .mixed__link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/corner-play.png?ad0bbe8784af63db9618a4cffce01e58) center no-repeat;
  background-size: cover;
  z-index: 2;
  border-radius: 4px 4px 0 0;
}

.mixed__item--topic .mixed__picture .mixed__link {
  padding-bottom: 100%;
  border-radius: 8px;
  background-repeat: no-repeat;
}

.mixed__label .mixed__link {
  font: 9px/16px "SF Mono Regular", monospace;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
  background: #FF0047;
  padding: 0 8px;
  border-radius: 4px 0;
}

.mixed__button-holder {
  position: absolute;
  padding: 0 8px;
  box-sizing: border-box;
  top: 0;
  width: 41.6666666667%;
}

@media screen and (max-width: 1440px) {
  .mixed__button-holder {
    width: 50%;
  }
}

@media screen and (max-width: 1280px) {
  .mixed__button-holder {
    width: 41.6666666667%;
  }
}

@media screen and (max-width: 1024px) {
  .mixed__button-holder {
    width: 73%;
  }
}

@media screen and (max-width: 768px) {
  .mixed__button-holder {
    width: 66.6666666667%;
  }
}

@media screen and (max-width: 425px) {
  .mixed__button-holder {
    width: 100%;
  }
}

.mixed__button-holder:first-child {
  left: 0;
}

.mixed__button-holder:last-child {
  right: 0;
}

.mixed__button-place {
  position: relative;
  width: 100%;
  padding: 0 0 56.2982005141%;
}

.mixed__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: 0;
  z-index: 2;
  border: none;
  outline: none;
}

.mixed__button--disabled {
  display: none;
}

.mixed__button--hidden {
  display: none;
}

.mixed__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -20px;
}

.mixed__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -20px;
}

.now {
  width: 100%;
  padding: 0 0 15px 0;
  position: relative;
}

.now:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.now--white:after {
  background: #FFFFFF;
}

.now--black:after {
  background: #000000;
}

.now__content {
  display: grid;
  grid-template-areas: "news . main" "videos .  main";
  grid-template-columns: 50% 8.3333333333% 41.6666666667%;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .now__content {
    display: block;
    grid-template-areas: unset;
    grid-template-columns: unset;
  }
}

.now__news {
  grid-area: news;
  position: relative;
}

.now__videos {
  grid-area: videos;
  position: relative;
}

@media screen and (max-width: 768px) {
  .now__videos {
    margin: 0 0 32px;
  }
}

.now__main {
  grid-area: main;
}

.now__header {
  margin: 0 0 20px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 3;
}

.now__player {
  position: relative;
  margin: 0 8px 30px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.45);
  border-radius: 6px 6px 0 0;
}

.now__player--notlogged .mini-player-content-control {
  display: none;
}

.now__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .now__slider {
    margin: 0 -8px 0 0;
  }
}

.now__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}

.now__item {
  box-sizing: border-box;
  padding: 0 8px;
  margin: 0 0 28px;
  position: relative;
  transition-property: transform;
  width: 33.3333333333%;
}

@media screen and (max-width: 768px) {
  .now__item {
    width: 50%;
  }
}

.now__box {
  position: relative;
  width: 100%;
}

.now__preview {
  position: relative;
  width: 100%;
  margin: 0 0 8px;
}

.now__tvp .now__info {
  padding: 23px 8px 19px;
  display: flex;
  flex-flow: row nowrap;
}

.now__duration {
  margin: 0 8px;
  height: 4px;
  background: #EFF1F3;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.now__progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #2F23EE 0%, #FF0047 100%);
  border-radius: 2px;
}

.now__title {
  overflow: hidden;
}

.now__header .now__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  margin: 0;
  padding: 0 8px;
}

.now__header .now__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
}

.now__header .now__title span {
  color: inherit;
}

.now--white .now__header .now__title {
  color: #2A2C3D;
}

.now--white .now__header .now__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.now--black .now__header .now__title {
  color: #FFFFFF;
}

.now--black .now__header .now__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.now__main .now__item .now__title {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 0 8px;
}

.now__main .now__item--current .now__title {
  color: #2F23EE;
}

.now__main .now__item--next .now__title {
  color: #B8C2CC;
}

.now__main .now__item .now__info .now__title {
  font: 14px/20px "SF Pro Display Regular", sans-serif;
  letter-spacing: 0;
  text-transform: none;
  color: #1A1C26;
  padding: 0;
  margin: 0 0 auto;
  flex-grow: 1;
}

.now__item .now__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  letter-spacing: -0.1px;
  margin: 0;
}

.now--white .now__item .now__title {
  color: #2A2C3D;
}

.now--black .now__item .now__title {
  color: #FFFFFF;
}

.now__time {
  font: 12px/20px "SF Pro Display Regular", sans-serif;
  color: #1A1C26;
  margin: 0 20px 0 auto;
}

.now__category {
  font: 9px/12px "SF Mono Regular", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #B8C2CC;
  margin: 8px 0 0;
}

.now__production {
  font: 9px/12px "SF Mono Regular", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #B8C2CC;
  margin: 4px 0 0;
}

.now__picture {
  width: 100%;
}

.now__navigation {
  position: absolute;
  top: 31%;
  left: 0;
  width: 100%;
  z-index: 2;
  transform: translateY(40px);
}

@media screen and (max-width: 768px) {
  .now__navigation {
    display: none;
  }
}

.now__link {
  color: inherit;
}

.now__picture .now__link {
  display: block;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
}

.now__picture .now__link:before {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
  z-index: 1;
}

.now__picture .now__link img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.now__picture .now__link img.lazy-image {
  opacity: 0;
  transition: opacity 300ms ease 0ms;
}

.now__picture .now__link img.lazy-image.loaded {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.now__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.now__button--disabled {
  display: none;
}

.now__button--hidden {
  display: none;
}

.now__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.now__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.profile__link--user {
  display: block;
  height: 32px;
  width: 32px;
  position: relative;
  overflow: hidden;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-user-logged.svg?7dad794e529b7f032e29a11decc2bc25) center no-repeat;
}

.profile__link--notlogged {
  font: 13px/32px "SF Pro Display Semi Bold";
  display: block;
  height: 32px;
  width: auto;
  position: relative;
  margin: 0 0 0 8px;
  padding: 0 40px 0 0;
  cursor: pointer;
}

.profile__link--notlogged:before {
  content: "\412\43E\439\442\438";
}

@media screen and (max-width: 1024px) {
  .profile__link--notlogged {
    margin: 0;
  }
}

@media screen and (max-width: 989px) {
  .profile__link--notlogged {
    padding: 0 0 0 40px;
  }
}

.app--scheme-white .profile__link--notlogged {
  color: #1A1C26;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-user-not-logged-light.svg?6b2d3931e77eaa9fa0f3c73f417b92de) top right/32px no-repeat;
}

@media screen and (max-width: 989px) {
  .app--scheme-white .profile__link--notlogged {
    background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-user-not-logged-light.svg?6b2d3931e77eaa9fa0f3c73f417b92de) top left/32px no-repeat;
  }
}

.app--scheme-black .profile__link--notlogged {
  color: #FFFFFF;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-user-not-logged-dark.svg?4f02ff5ffd9a154cdedb47c8f11896a9) top right/32px no-repeat;
}

@media screen and (max-width: 989px) {
  .app--scheme-black .profile__link--notlogged {
    background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-user-not-logged-dark.svg?4f02ff5ffd9a154cdedb47c8f11896a9) top left/32px no-repeat;
  }
}

.picture-gallery {
  width: 100%;
}

.picture-gallery--small {
  position: relative;
  padding: 24px 0;
}

.picture-gallery--full {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.67);
  z-index: 10;
  box-sizing: border-box;
  padding: 24px 64px;
  display: flex;
  flex-flow: column nowrap;
}

@media screen and (max-width: 768px) {
  .picture-gallery--full {
    padding: 24px 0;
  }
}

.picture-gallery__header {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.picture-gallery--small .picture-gallery__header {
  margin: 0 0 20px;
  width: auto;
}

.picture-gallery--full .picture-gallery__header {
  width: 70%;
  margin: auto auto 20px;
}

@media screen and (max-width: 768px) {
  .picture-gallery--full .picture-gallery__header {
    width: 100%;
  }
}

.picture-gallery__content {
  position: relative;
  z-index: 2;
}

.picture-gallery--small .picture-gallery__content {
  width: auto;
}

.picture-gallery--full .picture-gallery__content {
  width: 70%;
  margin: 0 auto auto;
}

@media screen and (max-width: 768px) {
  .picture-gallery--full .picture-gallery__content {
    width: 100%;
  }
}

.picture-gallery--small .picture-gallery__control {
  display: none;
}

.picture-gallery--full .picture-gallery__control {
  display: block;
  margin: auto 0 auto auto;
  padding: 0 8px;
}

.picture-gallery__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.picture-gallery--full .picture-gallery__slider:before,
.picture-gallery--full .picture-gallery__slider:after {
  content: none;
}

.picture-gallery__slider:before,
.picture-gallery__slider:after {
  content: "";
  position: absolute;
  top: 0;
  width: 8px;
  height: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .picture-gallery__slider:before,
  .picture-gallery__slider:after {
    content: none;
  }
}

.picture-gallery__slider:before {
  left: 0;
}

.picture-gallery__slider:after {
  right: 0;
}

.app--scheme-white .picture-gallery__slider:before,
.app--scheme-white .picture-gallery__slider:after {
  background: #FFFFFF;
}

.app--scheme-black .picture-gallery__slider:before,
.app--scheme-black .picture-gallery__slider:after {
  background: #000000;
}

.picture-gallery__navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.picture-gallery--full .picture-gallery__navigation {
  top: 50%;
  transform: translateY(-26px);
}

@media screen and (max-width: 768px) {
  .picture-gallery__navigation {
    display: none;
  }
}

.picture-gallery__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.picture-gallery__item {
  box-sizing: border-box;
  padding: 0 8px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

.picture-gallery--small .picture-gallery__item {
  width: 41.6666666667%;
}

@media screen and (max-width: 768px) {
  .picture-gallery--small .picture-gallery__item {
    width: 100%;
  }
}

.picture-gallery--full .picture-gallery__item {
  width: 100%;
}

.picture-gallery__picture {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.picture-gallery__picture a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.picture-gallery__picture img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.picture-gallery__header .picture-gallery__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  letter-spacing: 0.06px;
  padding: 0 8px;
}

.picture-gallery__header .picture-gallery__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
}

.picture-gallery__header .picture-gallery__title span {
  color: inherit;
}

.picture-gallery__header .picture-gallery__title {
  color: #2A2C3D;
}

.picture-gallery__header .picture-gallery__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.picture-gallery--black .picture-gallery__header .picture-gallery__title {
  color: #FFFFFF;
}

.picture-gallery--black .picture-gallery__header .picture-gallery__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.picture-gallery__preview .picture-gallery__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  text-align: center;
  color: #B8C2CC !important;
  padding: 0;
  margin: 11px auto 0;
}

.picture-gallery__preview .picture-gallery__title a {
  color: inherit;
}

.picture-gallery--small .picture-gallery__title {
  color: #FFFFFF;
}

.app--scheme-white .picture-gallery--small .picture-gallery__title {
  color: #2A2C3D;
}

.picture-gallery--full .picture-gallery__title {
  color: #FFFFFF;
}

.picture-gallery__count {
  font: 9px/12px "SF Mono Medium", sans-serif;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 8px;
  margin: 14px 0;
}

.picture-gallery__button-holder {
  position: absolute;
  padding: 0 8px;
  box-sizing: border-box;
  top: 0;
  width: 41.6666666667%;
}

.picture-gallery--full .picture-gallery__button-holder {
  width: 0;
}

.picture-gallery--full .picture-gallery__button-holder:first-child {
  left: -22px;
}

.picture-gallery--full .picture-gallery__button-holder:last-child {
  right: -22px;
}

.picture-gallery__button-holder:first-child {
  left: -33.3333333333%;
}

.picture-gallery__button-holder:last-child {
  right: -33.3333333333%;
}

.picture-gallery__button-place {
  position: relative;
  margin: 0 auto;
  width: 56.25%;
  padding: 0 0 56.25%;
}

.picture-gallery--full .picture-gallery__button-place {
  width: 0;
  padding: 0;
}

.picture-gallery__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: 0;
  border: none;
  outline: none;
}

.picture-gallery__button--disabled {
  display: none;
}

.picture-gallery__button--hidden {
  display: none;
}

.picture-gallery__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: 100%;
  margin: 0 0 0 -4px;
}

.picture-gallery__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: 100%;
  margin: 0 -4px 0 0;
}

.picture-gallery__button--close {
  position: relative;
  top: auto;
  box-shadow: none;
  display: block;
  margin: 0;
  height: 32px;
  width: 32px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-close-white.svg?38642e88e8071d1ff81594d9de146560) center no-repeat;
  background-size: cover;
}

.picture-gallery__small-size {
  width: 100%;
}

.picture-gallery--small .picture-gallery__small-size {
  display: block;
}

.picture-gallery--full .picture-gallery__small-size {
  display: none;
}

.picture-gallery__full-screen {
  width: auto;
}

.picture-gallery--small .picture-gallery__full-screen {
  display: none;
}

.picture-gallery--full .picture-gallery__full-screen {
  display: block;
}

.podcast-group {
  width: 100%;
  padding: 40px 0;
  position: relative;
}

.podcast-group:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.app--scheme-black .podcast-group:after {
  background: rgba(26, 26, 26, 0.5);
}

.app--scheme-white .podcast-group:after {
  background: #000000;
}

.podcast-group__header {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 20px;
  width: 100%;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .podcast-group__header {
    flex-flow: column nowrap;
  }
}

.podcast-group__content {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  z-index: 2;
}

.podcast-group__content--active {
  display: block;
}

.podcast-group__content--hidden {
  display: none;
}

.podcast-group__control {
  margin: 32px 0 0;
}

.podcast-group__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #FFFFFF;
  margin: auto 0;
  padding: 0 8px;
  flex: 0 1 auto;
}

@media screen and (max-width: 768px) {
  .podcast-group__title {
    margin: 0 0 12px;
  }
}

.podcast-group__filter {
  margin: auto;
  padding: 0 8px;
  flex: 0 1 auto;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .podcast-group__filter {
    margin: 20px 0 0;
    width: 100%;
  }
}

.podcast-group__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.podcast-group__list {
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.podcast-group__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  box-sizing: border-box;
  width: 16.6666666667%;
  padding: 8px;
}

@media screen and (max-width: 768px) {
  .podcast-group__item {
    width: 33.3333333333%;
  }
}

.podcast-group__picture .podcast-group__link {
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

.podcast-group__picture .podcast-group__link img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.podcast-group__control .podcast-group__link {
  font: 11px/48px "SF Mono Bold", monospace;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  color: #B8C2CC;
  display: block;
  border-radius: 4px;
  background: #1A1A1A;
  width: calc(6/12*100% - 16px);
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .podcast-group__control .podcast-group__link {
    width: 100%;
  }
}

.podcast {
  width: 100%;
  padding: 30px 0;
  position: relative;
}

.podcast:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.app--scheme-white .podcast:after,
.podcast--grey:after,
.podcast--white:after {
  background: #f7f8f9;
}

.app--scheme-white .podcast--black:after,
.podcast--black:after {
  background: #000000;
}

.podcast__header {
  margin: 0 0 20px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 3;
}

.podcast__content {
  position: relative;
  width: 100%;
  z-index: 2;
}

.podcast__header .podcast__control {
  margin: auto 0 auto auto;
}

.podcast__content .podcast__control {
  padding: 40px 0 0;
  margin: 0 8px;
}

.podcast--loading .podcast__content .podcast__control {
  height: 44px;
  position: relative;
}

.podcast--loading .podcast__content .podcast__control:after {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
}

.podcast__tile {
  width: 100%;
  position: relative;
  list-style: none;
  padding: 32px 0 0;
  margin: -32px auto 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.podcast__slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 32px 0 0;
  margin: -32px auto 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.podcast__navigation {
  position: absolute;
  top: 55%;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .podcast__navigation {
    display: none;
  }
}

.podcast__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
}

.podcast__slider .podcast__list {
  transition-property: transform;
  box-sizing: content-box;
}

.podcast__tile .podcast__list {
  margin: -16px 0 0;
  flex-flow: row wrap;
}

.podcast__item {
  box-sizing: border-box;
  padding: 0 8px;
}

.podcast__slider .podcast__item {
  margin: 0;
  width: 25%;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

@media screen and (max-width: 1024px) {
  .podcast__slider .podcast__item {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .podcast__slider .podcast__item {
    width: 50%;
  }
}

.podcast__tile .podcast__item {
  margin: 16px 0 0;
  width: 25%;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .podcast__tile .podcast__item {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .podcast__tile .podcast__item {
    width: 50%;
  }
}

.podcast__picture {
  width: 100%;
  position: relative;
}

.podcast__header .podcast__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  padding: 0 8px;
  margin: auto auto auto 0;
}

.app--scheme-white .podcast__header .podcast__title {
  color: #2A2C3D;
}

.app--scheme-black .podcast__header .podcast__title,
.app--scheme-white .podcast--black .podcast__header .podcast__title {
  color: #FFFFFF;
}

.podcast__item .podcast__title {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  margin: 15px 0 4px;
}

.app--scheme-black .podcast--white .podcast__item .podcast__title,
.app--scheme-white .podcast__item .podcast__title {
  color: #1A1C26;
}

.app--scheme-white .podcast--black .podcast__item .podcast__title,
.app--scheme-black .podcast__item .podcast__title {
  color: #FFFFFF;
}

.podcast__count {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  color: #B8C2CC;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

.podcast__link {
  color: inherit;
}

.podcast__picture .podcast__link {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  display: block;
}

.podcast__picture .podcast__link img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
}

.podcast__control .podcast__link {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  width: 33.3333333333%;
  border-radius: 4px;
  padding: 16px 0;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 768px) {
  .podcast__control .podcast__link {
    width: 100%;
  }
}

.podcast--loading .podcast__control .podcast__link {
  display: none;
}

.app--scheme-black .podcast__control .podcast__link {
  color: #B8C2CC;
  background: #1A1A1A;
}

.app--scheme-white .podcast__control .podcast__link {
  color: #1A1C26;
  background: #EFF1F3;
}

.app--scheme-black .brand--black .podcast__control .podcast__link,
.app--scheme-white .brand--black .podcast__control .podcast__link {
  color: #B8C2CC;
  background: #1A1A1A;
}

.app--scheme-black .brand--white .podcast__control .podcast__link,
.app--scheme-white .brand--white.podcast__control .podcast__link {
  color: #1A1C26;
  background: #EFF1F3;
}

.podcast__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.podcast__button--disabled {
  display: none;
}

.podcast__button--hidden {
  display: none;
}

.podcast__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.podcast__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.article-item__preview {
  position: relative;
}

.article-item__info {
  margin: 8px 0 0;
}

.article-item__label {
  font: 9px/16px "SF Mono Regular", monospace;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.article-item__picture {
  position: relative;
  z-index: 1;
}

.article-item__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
}

.new-section--white .article-item__title {
  color: #1A1C26;
}

.new-section--grey .article-item__title {
  color: #1A1C26;
}

.new-section--dark .article-item__title {
  color: #FFFFFF;
}

.new-section--black .article-item__title {
  color: #FFFFFF;
}

.article-item__category {
  font: 9px/12px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 8px 0 0;
}

.new-section--white .article-item__category {
  color: #B8C2CC;
}

.new-section--grey .article-item__category {
  color: #686E78;
}

.new-section--dark .article-item__category {
  color: #FF0047;
}

.new-section--black .article-item__category {
  color: #FF0047;
}

.article-item__link {
  color: inherit;
}

.article-item__label .article-item__link {
  display: block;
  padding: 0 8px;
  background: #FF0047;
  border-radius: 4px 0;
}

.article-item__picture .article-item__link {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 48.8095238095%;
  border-radius: 4px;
  overflow: hidden;
}

.article-item__picture .article-item__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.article-item--has-video .article-item__picture .article-item__link:after {
  content: "";
  display: block;
  height: 40px;
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-play-side.svg?b6998799776d07af8ab3dd2388b688be) center no-repeat;
  background-size: cover;
}

.media {
  margin: 0 0 50px;
  width: 100%;
  position: relative;
}

.media__thumbs {
  position: relative;
  margin: 40px -8px 0;
}

@media screen and (max-width: 768px) {
  .media__thumbs {
    margin: 40px -8px 0 8px;
  }
}

.media__navigation {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .media__navigation {
    display: none;
  }
}

.media__copy {
  position: absolute;
  top: 0;
  left: -10%;
  transform: rotate(-90deg) translateX(-100%) translateY(-8px);
  transform-origin: top left;
}

.media__copy--duplicated {
  display: none;
}

@media screen and (max-width: 1440px) {
  .media__copy {
    left: -10%;
  }
}

@media screen and (max-width: 1024px) {
  .media__copy {
    position: relative;
    top: auto;
    left: auto;
    transform: unset;
    margin: 0 0 13px;
    padding: 0 16px;
  }
}

.media__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .media__slider {
    overflow: visible;
  }
}

.media__thumbs .media__slider {
  padding: 0 0 23px;
}

.media__thumbs .media__slider:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8px;
  width: calc(100% - 16px);
  height: 1px;
  background: #EFF1F3;
}

.media__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 2;
  transition-property: transform;
  box-sizing: content-box;
}

.media__item {
  box-sizing: border-box;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

.media--short .media__item {
  width: 100%;
}

.media__main .media__item {
  width: 100%;
}

.media__thumbs .media__item {
  padding: 0 8px;
  width: 22.2222222222%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .media__thumbs .media__item {
    width: 25%;
  }
}

.media__thumbs .media__item--active-thumb:after {
  content: "";
  position: absolute;
  bottom: -23px;
  left: 8px;
  width: calc(100% - 16px);
  height: 1px;
  background: #2F23EE;
}

.media__video {
  width: 100%;
}

.media__preview {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.media__preview iframe,
.media__preview img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.media__main .media__preview {
  -webkit-clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 76%, 0 0);
          clip-path: polygon(100% 0, 100% 76%, 50% 100%, 0 76%, 0 0);
  z-index: 1;
}

.media--playing .media__main .media__preview {
  -webkit-clip-path: none;
          clip-path: none;
  transition: -webkit-clip-path 200ms ease 0ms;
  transition: clip-path 200ms ease 0ms;
  transition: clip-path 200ms ease 0ms, -webkit-clip-path 200ms ease 0ms;
}

.media__thumbs .media__preview {
  border-radius: 4px;
  overflow: hidden;
}

.media__thumbs .media__video .media__preview:after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: block;
  height: 22px;
  width: 30px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-play-new.svg?b4a6e976579e56d27b9e8e8fb9d66c52) center no-repeat;
  background-size: cover;
}

.media__info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 13px 16px 32px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}

.media__title {
  font: 14px/16px "Roboto", sans-serif;
  color: #FFFFFF;
}

.media__source {
  font: 9px/12px "SF Mono Medium", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: right;
  color: #B8C2CC;
  max-width: 150px;
}

@media screen and (max-width: 1024px) {
  .media__source {
    text-align: left;
    max-width: 100%;
  }
}

.media__author {
  font: 9px/12px "SF Mono Medium", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: right;
  color: #B8C2CC;
}

@media screen and (max-width: 1024px) {
  .media__author {
    text-align: left;
  }
}

.media__link {
  color: inherit;
  text-decoration: none;
}

.media__box-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.media--playing .media__box-link {
  display: none;
}

.media__sound-on,
.media__play {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}

.media--playing .media__sound-on,
.media--playing .media__play {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 200ms ease 0ms, transform 1000ms ease 0ms;
}

.media__play {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play2.svg?5c5425c5ef15ef5fa38afa8f5e529ec9) center no-repeat;
  background-size: cover;
}

.media__sound-on {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/sound2.svg?f921329e528758da04e15ce0662880af) center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .media__sound-on {
    background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/sound2m.svg?2b97004f65d429f6c8e08160c75b0fd6) center bottom no-repeat;
    background-size: cover;
    bottom: -20px;
  }
}

.media__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.media__button--disabled {
  display: none;
}

.media__button--hidden {
  display: none;
}

.media__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.media__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.picture-insert {
  margin: 0 8px 36px;
}

@media screen and (max-width: 768px) {
  .picture-insert {
    margin: 0 8px 20px;
  }
}

.picture-insert__holder img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.picture-insert__info {
  margin: 13px 0 0;
}

.picture-insert__description {
  font: 13px/16px "SF Pro Display Regular", sans-serif;
  color: #B8C2CC;
}

.picture-insert__author {
  font: 13px/16px "SF Pro Display Regular", sans-serif;
  color: #B8C2CC;
}

.teaser {
  margin: 31px 0 40px;
  padding: 24px 0 0;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  width: 100%;
}

.teaser:before {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  width: calc(100% - 16px);
  height: 1px;
  background: #EFF1F3;
}

@media screen and (max-width: 1380px) {
  .teaser {
    display: block;
    flex-flow: unset;
  }
}

@media screen and (max-width: 1024px) {
  .teaser {
    display: flex;
    flex-flow: row nowrap;
  }
}

@media screen and (max-width: 768px) {
  .teaser {
    display: block;
    flex-flow: unset;
    margin: 26px 0 24px;
  }
}

.teaser .teaser_photo {
  box-sizing: border-box;
  padding: 0 8px;
  flex: 0 0 206px;
}

@media screen and (max-width: 1380px) {
  .teaser .teaser_photo {
    flex: unset;
    display: block;
    width: 70.8333333333%;
  }
}

@media screen and (max-width: 1024px) {
  .teaser .teaser_photo {
    flex: 0 0 206px;
  }
}

@media screen and (max-width: 768px) {
  .teaser .teaser_photo {
    flex: unset;
    display: block;
    width: 70.8333333333%;
  }
}

.teaser .teaser_photo img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.teaser .wrapper-teaser {
  font: 24px/28px "SF Pro Display Bold", sans-serif;
  color: #1A1C26;
  box-sizing: border-box;
  padding: 0 8px;
  flex: 0 1 auto;
}

@media screen and (max-width: 1380px) {
  .teaser .wrapper-teaser {
    flex: unset;
    width: 100%;
    margin: 16px 0 0;
  }
}

@media screen and (max-width: 1280px) {
  .teaser .wrapper-teaser {
    flex: 0 1 auto;
  }
}

@media screen and (max-width: 768px) {
  .teaser .wrapper-teaser {
    font: 18px/24px "SF Pro Display Bold", sans-serif;
    flex: unset;
    width: 100%;
    margin: 16px 0 0;
  }
}

.teaser .wrapper-teaser a {
  color: inherit;
}

.teaser .teaser_read {
  display: block;
  margin-top: 8px;
  color: #B8C2CC !important;
  font: 14px/16px "SF Pro Display Regularall-petite-caps", sans-serif;
}

.article {
  position: relative;
  width: 83.3333333333%;
  margin: 0 8.3333333333%;
}

@media screen and (max-width: 1024px) {
  .article {
    width: 100%;
    margin: 0;
  }
}

.article--short:after {
  content: none;
}

.article__info {
  display: flex;
  flex-flow: row wrap;
  padding: 0 8px;
  margin: 58px 0 21px 10%;
}

@media screen and (max-width: 1024px) {
  .article__info {
    margin: 46px 0 15px;
  }
}

.article__preview {
  position: relative;
}

.article__control {
  display: flex;
  flex-flow: column-reverse nowrap;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  min-height: 100%;
}

@media screen and (max-width: 1024px) {
  .article__control {
    flex-flow: row nowrap;
    position: relative;
    width: auto;
    top: auto;
    left: auto;
    min-height: 0;
    padding: 0 8px;
    margin: 0 0 15px;
  }
}

.article--has-slider .article__control:before {
  content: "";
  display: block;
  width: calc(200% - 8px);
  padding-bottom: calc(56.25% * 2 - 8px);
  margin-bottom: 23px;
  margin-top: 40px;
}

@media screen and (max-width: 1024px) {
  .article--has-slider .article__control:before {
    content: none;
  }
}

.article__title {
  font: 36px/40px "New York Medium Bold", serif;
  color: #1A1C26;
  margin: 0 0 52px 10%;
  padding: 0 8px;
}

.app--scheme-black .article__title {
  color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  .article__title {
    font: 24px/28px "New York Medium Bold", serif;
    margin: 0 0 27px;
  }
}

.article__tag {
  font: 11px/12px "SF Mono Medium", monospace;
  text-transform: uppercase;
  color: #2F23EE;
  margin: auto 0;
}

.article__date {
  font: 11px/12px "SF Mono Medium", monospace;
  text-transform: uppercase;
  color: #B8C2CC;
  margin: auto 24px 6px 0;
  padding-bottom: 2px;
}

.article--short .article__date {
  margin: auto 0;
}

.article__authors {
  font: 11px/12px "SF Mono Medium", monospace;
  text-transform: uppercase;
  color: #B8C2CC;
  margin: auto 24px 6px 0;
  padding-bottom: 2px;
}

.article__source {
  font: 11px/12px "SF Mono Medium", monospace;
  text-transform: uppercase;
  color: #B8C2CC;
  margin: auto 24px 6px 0;
  padding-bottom: 2px;
}

.article__source a {
  color: #B8C2CC;
}

.article__social-share {
  position: absolute;
  top: 0;
  right: -1000%;
  padding: 0 8px;
}

@media screen and (max-width: 1024px) {
  .article__social-share {
    position: relative;
    top: auto;
    right: auto;
    padding: 0;
    margin: auto auto auto 0;
  }
}

.article--social-top .article__social-share {
  margin: 0 auto auto 8px;
}

@media screen and (max-width: 1024px) {
  .article--social-top .article__social-share {
    margin: auto auto auto 0;
  }
}

.article__bookmark {
  margin: 0 auto auto 8px;
}

@media screen and (max-width: 1024px) {
  .article__bookmark {
    margin: auto 0 auto auto;
  }
}

.article__media {
  margin: 0 0 0 10%;
  padding: 0 8px;
}

@media screen and (max-width: 1024px) {
  .article__media {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .article__media {
    margin: 0 -16px;
  }
}

.article__anons {
  font: 18px/28px "SF Pro Display Medium", sans-serif;
  color: #2A2C3D;
  padding: 0 8px;
  margin: 0 0 52px 10%;
}

.app--scheme-black .article__anons {
  color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  .article__anons {
    font: 16px/24px "SF Pro Display Medium", sans-serif;
    margin: 0 0 40px;
  }
}

.article .tags-list {
  margin: 0 0 0 10%;
}

@media screen and (max-width: 1024px) {
  .article .tags-list {
    margin: 0;
  }
}

.article__theme {
  margin: auto 24px 6px 0;
}

.article__theme span {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-right: 8px;
}

.article__theme a {
  font: 16px/20px "New York Medium Bold", serif;
  color: #2F23EE;
  position: relative;
  margin: auto auto auto 0;
}

.article__body {
  margin: 0 0 0 10%;
}

@media screen and (max-width: 1024px) {
  .article__body {
    margin: 0;
  }
}

.article__body a {
  color: #2F23EE;
}

.article__body p {
  font: 18px/28px "SF Pro Display Regular", sans-serif;
  color: #1A1C26;
  margin: 0 0 36px;
  padding: 0 8px;
}

@media screen and (max-width: 768px) {
  .article__body p {
    font: 16px/24px "SF Pro Display Regular", sans-serif;
    margin: 0 0 20px;
  }

  .article__body p:last-child {
    margin: 0;
  }
}

.article__body p:last-child {
  margin: 0;
}

.article__body ol,
.article__body li {
  font: 18px/28px "SF Pro Display Regular", sans-serif;
  margin: 0 0 8px;
}

@media screen and (max-width: 768px) {
  .article__body ol,
  .article__body li {
    font: 16px/24px "SF Pro Display Regular", sans-serif;
    margin: 0 0 4px;
  }
}

.article__body h1,
.article__body h2,
.article__body h3,
.article__body h4,
.article__body h5 {
  font-weight: bold;
  margin: 20px 0 20px;
}

.article__body img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.article__body figure {
  margin: 0 8px 36px;
}

@media screen and (max-width: 768px) {
  .article__body figure {
    margin: 0 8px 20px;
  }
}

.article__body sub {
  font-size: smaller;
  vertical-align: sub;
}

.article__body sup {
  vertical-align: super;
  font-size: smaller;
}

.article__body hr {
  margin: 8px 0;
  border-top: 1px solid #ccc;
}

.article__body strong {
  font-weight: bold;
}

.article__body em {
  font-style: italic;
}

.article__body u {
  text-decoration: underline;
}

.article__body s {
  text-decoration: line-through;
}

.article__body div[style="max-width: 100%; position: relative; width: 100%; padding-bottom: 56%;"] {
  margin: 0 8px 36px;
  width: auto !important;
}

@media screen and (max-width: 768px) {
  .article__body div[style="max-width: 100%; position: relative; width: 100%; padding-bottom: 56%;"] {
    margin: 0 8px 20px;
  }
}

.article__body blockquote {
  margin: 36px 8px 36px;
  background: #EFF1F3;
  position: relative;
}

@media screen and (max-width: 768px) {
  .article__body blockquote {
    margin: 0 -8px 20px;
  }
}

.article__body blockquote:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  background: linear-gradient(0deg, #FF0047 0%, #2F23EE 100%);
}

.article__body blockquote p {
  font: 24px/32px "New York Medium Semi Bold", serif;
  padding: 39px 81px 58px;
}

@media screen and (max-width: 768px) {
  .article__body blockquote p {
    font: 16px/24px "New York Medium Regular", serif;
    padding: 39px 44px;
  }
}

.article__show-full {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  color: #2F23EE;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0 0 0 10%;
  padding: 0 8px 44px;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.app--scheme-black .article__show-full {
  color: #FF0047;
}

.app--scheme-black .article__show-full:after {
  background: #303030;
}

@media screen and (max-width: 1024px) {
  .article__show-full {
    margin: 0;
  }
}

.article__show-full:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(-2 / 10 * 100% - 8px);
  width: calc(130% + 8px);
  height: 4px;
  background: #EFF1F3;
}

@media screen and (max-width: 1024px) {
  .article__show-full:after {
    left: 8px;
    width: calc(100% - 16px);
  }
}

.article__link {
  color: inherit;
  text-decoration: inherit;
}

.article__show-full .article__link {
  display: block;
  padding: 0 15px 0 0;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-more-blue.svg?475bfdae01604f8f134b33995b7bdbaf) center right no-repeat;
  background-size: auto 100%;
}

.app--scheme-black .article__show-full .article__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-more-red.svg?c3ece006a38437b84faddfb7c29f7210) center right no-repeat;
}

.article__bookmark .article__button {
  display: block;
  height: 32px;
  width: 32px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-bookmark-grey.svg?53be970d1bd31487707e45f771491ff2) center no-repeat;
  background-size: cover;
  margin: 0 0 7px;
}

@media screen and (max-width: 1024px) {
  .article__bookmark .article__button {
    margin: 0;
  }
}

.social-share__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: column nowrap;
}

.podcast-page .social-share__list {
  flex-flow: row wrap;
  justify-content: center;
  padding: 12px 0;
}

@media screen and (max-width: 1024px) {
  .article .social-share__list {
    margin: 0 -8px;
    flex-flow: row nowrap;
  }
}

@media screen and (max-width: 768px) {
  .video .social-share__list {
    margin: 0 -8px;
    flex-flow: row nowrap;
  }
}

.social-share__item {
  margin: 0 0 7px;
}

.podcast-page .social-share__item {
  margin: 0;
}

.article .social-share__item:last-child {
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .article .social-share__item:last-child {
    margin: 0 8px;
  }
}

@media screen and (max-width: 1024px) {
  .article .social-share__item {
    margin: 0 8px;
  }
}

.video .social-share__item:last-child {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .video .social-share__item:last-child {
    margin: 0 8px;
  }
}

@media screen and (max-width: 768px) {
  .video .social-share__item {
    margin: 0 8px;
  }
}

.social-share__link {
  display: block;
  height: 32px;
  width: 32px;
  box-sizing: border-box;
  border-radius: 100%;
}

.podcast-page .social-share__link {
  margin: 4px 10px;
}

.social-share__link--viber {
  display: none;
}

@media screen and (max-width: 768px) {
  .social-share__link--viber {
    display: block;
  }
}

.app--scheme-white .social-share__link--twitter {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-twitter-default.svg?e37d23647a966c849ecc0c0abe3df5a0) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--twitter:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-twitter-color.svg?1bfa2a3ee06fed50c65e9f4364d2bae2) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--twitter {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-twitter-default-dark.svg?ef960fd311a390927c0ec0d1b2bff4ae) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--twitter:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-twitter-color.svg?1bfa2a3ee06fed50c65e9f4364d2bae2) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--facebook {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-facebook-default.svg?1f34f6dcda7a4bf665f30dfb8e0ee072) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--facebook:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-facebook-color.svg?5edc5fbb7c089fb6160301a616ea5512) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--facebook {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-facebook-default-dark.svg?0fdfee54efd6ad260729547e902acbf2) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--facebook:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-facebook-color.svg?5edc5fbb7c089fb6160301a616ea5512) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--vkontakte {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-vkontakte-default.svg?8fb5d7ff7c78661357a5aaf24b2587f7) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--vkontakte:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-vkontakte-color.svg?f21380e4c051ba36bc43707354639ab6) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--vkontakte {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-vkontakte-default-dark.svg?722513d654474adf2e2e38d5749513dd) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--vkontakte:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-vkontakte-color.svg?f21380e4c051ba36bc43707354639ab6) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--odnoklassniki {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-odnoklassniki-default.svg?9e81ad73429d27bf4a82c1fe0909547c) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--odnoklassniki:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-odnoklassniki-color.svg?791534288a493829072b17e6a0994e13) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--odnoklassniki {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-odnoklassniki-default-dark.svg?4861bdd641128afdcc053a4c525e0ff7) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--odnoklassniki:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-odnoklassniki-color.svg?791534288a493829072b17e6a0994e13) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--telegram {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-telegram-default.svg?ee3029bb44a86844d0275b4aea0b7691) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--telegram:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-telegram-color.svg?f6b2839ca306667d654251c292d64873) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--telegram {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-telegram-default-dark.svg?356d2606444ebff8c8392434efbd2fba) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--telegram:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-telegram-color.svg?f6b2839ca306667d654251c292d64873) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--whatsapp {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-whatsapp-default.svg?9efc4b54f243dc7f73747cfc6a5e4ce9) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--whatsapp:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-whatsapp-color.svg?2f44f363f3ba81935304f5e064b00097) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--whatsapp {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-whatsapp-default-dark.svg?d89671d5ce8be005fcb5e9ef7b54a460) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--whatsapp:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-whatsapp-color.svg?2f44f363f3ba81935304f5e064b00097) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--viber {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-viber-default.svg?222f4f4fae6b070ea669e18be2177e15) center no-repeat;
  background-size: 100%;
}

.app--scheme-white .social-share__link--viber:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-viber-color.svg?db12f3aff792af46e469aa190181dc50) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--viber {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-viber-default-dark.svg?e04903824f0ca41a3f7aa87b2af10612) center no-repeat;
  background-size: 100%;
}

.app--scheme-black .social-share__link--viber:hover {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-viber-color.svg?db12f3aff792af46e469aa190181dc50) center no-repeat;
  background-size: 100%;
}

.popup {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  display: none;
}

.popup .btn-link {
  width: auto;
  padding: 0 25px;
}

.popup .btn-yes {
  color: #2F23EE;
}

.app--active-popup .popup {
  display: flex;
}

.popup__holder {
  margin: 30px auto auto;
  width: 60%;
}

@media screen and (max-width: 768px) {
  .popup__holder {
    width: 80%;
  }
}

.popup__control {
  display: flex;
  margin: 0 0 17px;
}

.popup__window {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.popup__window iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  outline: 0;
  border: 0;
}

.popup__button {
  display: block;
  height: 24px;
  width: 24px;
  position: relative;
  margin: 0 0 0 auto;
  transform: rotate(45deg);
}

.popup__button:before {
  content: "";
  height: 24px;
  width: 4px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  left: 10px;
}

.popup__button:after {
  content: "";
  height: 4px;
  width: 24px;
  background: #FFFFFF;
  position: absolute;
  top: 10px;
  left: 0px;
}

.popup__title {
  margin-bottom: 21px;
  font-family: "SF Pro Display Heavy", sans-serif;
  font-size: 16px;
}

.popup__content {
  padding: 24px 48px 32px;
  background-color: #FFFFFF;
  box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.popup__text {
  margin-bottom: 39px;
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.popup__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popup-confirm,
.popup-success {
  width: 404px;
  height: auto;
  top: 60px;
  left: auto;
  right: 0;
  background-color: transparent;
}

.popup.show {
  display: block;
}

.error-page {
  width: 100%;
}

@media (max-width: 768px) {
  .error-page {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.error-top {
  padding: 80px 0 75px;
}

.error-top .link {
  color: #2F23EE;
  font-family: "Sf Mono Semi Bold", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.error-top .link-feedback {
  right: 0;
}

.error-top .link-back {
  color: #2A2C3D;
  left: 0;
}

.error-top .link-back:before {
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-right: 8px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/arrow-right.svg?de96eb07f5739261b2913caa85e5f8e7) no-repeat center;
  background-size: 8px 12px;
  transform: rotate(180deg);
  vertical-align: middle;
  content: "";
}

.error-top__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 29px;
}

.error-top__text {
  font-family: "Sf Pro Display Bold", sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}

@media (max-width: 768px) {
  .error-top {
    padding-top: 42px;
    padding-bottom: 59px;
  }

  .error-top .link {
    position: relative;
    top: auto;
    transform: unset;
    margin: 0 auto;
  }

  .error-top .link-feedback {
    right: auto;
  }

  .error-top .link-back {
    left: auto;
  }

  .error-top__content {
    flex-wrap: wrap;
  }

  .error-top__number {
    width: 100%;
    margin-bottom: 28px;
    text-align: center;
  }

  .error-top__number img {
    height: 142px;
  }

  .error-top__text br {
    display: none;
  }
}

.error-collection {
  position: relative;
  width: calc(100% + 200px);
  padding: 48px 127px 48px 88px;
  margin-bottom: 32px;
  margin-left: -80px;
  background-color: rgba(239, 241, 243, 0.5);
  box-sizing: border-box;
}

.error-collection__list {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}

.error-collection__item {
  width: 50%;
  height: 308px;
  padding: 8px;
  color: #FFFFFF;
  box-sizing: border-box;
}

.error-collection__item__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
}

.error-collection__label {
  margin-bottom: 15px;
  font-family: "Sf Mono Semi Bold", sans-serif;
  font-size: 11px;
  color: #B8C2CC;
  text-transform: uppercase;
}

.error-collection__title {
  font-family: "New York Medium Black";
  font-size: 24px;
  font-weight: 800;
  line-height: 28px;
}

.app--scheme-black .error-collection__title {
  color: #FFFFFF;
}

.app--scheme-white .error-collection__title {
  color: #2A2C3D;
}

@media (max-width: 1919px) {
  .error-collection {
    width: calc(100% + 168px);
    padding-right: 97px;
  }
}

@media (max-width: 1440px) {
  .error-collection__item {
    height: 204px;
  }
}

@media (max-width: 1024px) {
  .error-collection {
    width: calc(100% + 122px);
    padding-right: 50px;
  }
}

@media (max-width: 768px) {
  .error-collection {
    width: calc(100% + 32px);
    padding: 24px 16px;
    margin-left: -16px;
  }

  .error-collection__list {
    margin-left: 0;
    margin-right: 0;
  }

  .error-collection__item {
    width: 100%;
    padding: 0;
    margin-bottom: 16px;
  }
}

.error-popular {
  margin-bottom: 62px;
  padding-left: 8px;
  padding-right: 8px;
}

.error-popular .tabs {
  display: flex;
  align-items: center;
}

.error-popular .tabs__item {
  flex-shrink: 0;
  margin-right: 16px;
}

.error-popular .tabs__item:last-child {
  margin-right: 0;
}

.error-popular .tabs__link {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 16px;
  background-color: #EFF1F3;
  color: #2A2C3D;
  font-family: "Sf Pro Display Medium", sans-serif;
  font-size: 13px;
  font-weight: 500;
  border-radius: 16px;
  transition: all 0.3s ease-in-out;
}

.error-popular .tabs__link:hover,
.error-popular .tabs__link:active,
.error-popular .tabs__link.active {
  background-color: #B8C2CC;
  color: #FFFFFF;
}

.error-popular__top {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.error-popular__title {
  margin-right: 16px;
  font-family: "SF Pro Display Heavy", sans-serif;
  font-weight: 800;
  font-size: 16px;
}

.app--scheme-black .error-popular__title {
  color: #FFFFFF;
}

.app--scheme-white .error-popular__title {
  color: #2A2C3D;
}

@media (max-width: 768px) {
  .error-popular {
    margin-bottom: 30px;
  }

  .error-popular__top {
    display: block;
  }

  .error-popular__title {
    margin-bottom: 20px;
  }
}

.radio-all {
  position: relative;
  width: calc(100% + 200px);
  padding: 48px 127px 80px 88px;
  margin-top: 35px;
  margin-left: -80px;
  margin-right: -127px;
  background-color: rgba(239, 241, 243, 0.5);
  color: #2A2C3D;
  box-sizing: border-box;
}

.radio-all__top {
  padding-bottom: 129px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/bg-radio.png?f9c05cb1babed0579c43cf33fc1a9c73) no-repeat center;
  background-size: 414px 294px;
  text-align: center;
}

.radio-all__title-1 {
  margin-bottom: 61px;
  font-size: 48px;
  font-family: "SF Pro Display Bold", sans-serif;
  font-weight: 700;
}

.radio-all__title-2 {
  margin-bottom: 25px;
  color: #B8C2CC;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.radio-all__button {
  font-size: 11px;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.radio-all__button .icon {
  display: inline-block;
  width: 122px;
  height: 122px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/play.svg?966ed69797b98a80de0d7e4299eb0b8d) no-repeat center;
  background-size: 122px 122px;
}

.radio-all__alphabet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -4px;
  font-family: "SF Pro Display Bold", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

.radio-all__alphabet span {
  margin-right: 20px;
  line-height: 24px;
  padding-bottom: 29px;
}

.alphabet {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 29px;
}

.alphabet__item {
  flex-shrink: 0;
  position: relative;
  width: 28px;
  height: 24px;
  line-height: 24px;
  color: #2A2C3D;
  text-align: center;
}

.alphabet__item:after {
  position: absolute;
  bottom: -29px;
  left: 0;
  right: 0;
  height: 0;
  background-color: #2F23EE;
  transition: height 0.3s ease-in-out;
  content: "";
  z-index: 1;
}

.alphabet__item:hover,
.alphabet__item:active,
.alphabet__item.active {
  color: #2F23EE;
}

.alphabet__item:hover:after,
.alphabet__item:active:after,
.alphabet__item.active:after {
  height: 4px;
}

@media (max-width: 1919px) {
  .radio-all {
    width: calc(100% + 168px);
    padding-right: 97px;
    margin-right: -97px;
  }
}

@media (max-width: 1440px) {
  .alphabet-slider {
    width: 100%;
    overflow: hidden;
  }
}

@media (max-width: 1024px) {
  .radio-all {
    width: calc(100% + 122px);
    padding-right: 50px;
    margin-right: -50px;
  }

  .radio-all__alphabet span {
    display: none;
  }
}

@media (max-width: 768px) {
  .radio-all {
    width: calc(100% + 16px);
    padding: 24px 16px;
    margin-left: -8px;
    margin-right: -8px;
  }
}

.radio-category {
  padding-top: 32px;
  padding-bottom: 48px;
  border-top: 4px solid #EFF1F3;
}

.radio-category:last-child {
  padding-bottom: 0;
}

.radio-category__title {
  margin-bottom: 20px;
  font-family: "SF Pro Display Heavy", sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.radio-category__button {
  padding-top: 48px;
}

.radio-category__button .btn {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-align: center;
  text-transform: uppercase;
  color: #2A2C3D;
  display: block;
  margin: 0 auto;
  width: 33.3333333333%;
  background: #EFF1F3;
  border-radius: 4px;
  padding: 16px 0;
}

@media (max-width: 599px) {
  .radio-category__button .btn {
    width: 100%;
  }
}

.radio-list {
  display: flex;
  flex-wrap: wrap;
  margin: -16px -8px;
}

.radio-item {
  width: 16.6%;
  padding: 16px 8px;
  box-sizing: border-box;
}

.radio-item__inner {
  position: relative;
  display: block;
  width: 100%;
  height: 272px;
  padding: 27px 8px;
  background-color: #FFFFFF;
  color: #2A2C3D;
  box-shadow: 0px 4px 24px rgba(184, 194, 204, 0.5);
  border-radius: 4px;
  font-size: 13px;
  box-sizing: border-box;
}

.radio-item__title {
  margin-bottom: 16px;
  font-family: "SF Pro Display Regular", sans-serif;
  font-weight: 700;
  line-height: 20px;
  height: 100px;
  overflow: hidden;
  position: relative;
}

.radio-item__title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 100%;
  background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0) 100%);
}

.radio-item__date {
  font-family: "SF Pro Display Medium", sans-serif;
  font-weight: 500;
}

.radio-item__icon {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 8px;
  left: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}

.radio-item__icon--point {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/point.svg?a1d6d0ad69be78b43a8eaa015b96b81d);
}

.radio-item__icon--microphone {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/microphone.svg?a3e2adf19c720612a4f31b03caf15d6a);
}

.radio-item__icon--equalizer {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/equalizer.svg?cba96768dc6387149fb06c2b5b9f5394);
}

@media (max-width: 1440px) {
  .radio-item {
    width: 16.6666666667%;
  }

  .radio-item__inner {
    height: 250px;
  }
}

@media screen and (max-width: 1280px) {
  .radio-item {
    width: 25%;
  }

  .radio-item__inner {
    height: 220px;
  }
}

@media screen and (max-width: 768px) {
  .radio-item {
    width: 50%;
  }

  .radio-item__inner {
    height: 200px;
  }
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}

.iti__flag-box {
  display: inline-block;
  width: 20px;
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.iti__country {
  padding: 5px 10px;
  outline: none;
}

.iti__dial-code {
  color: #999;
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box,
.iti__country-name,
.iti__dial-code {
  vertical-align: middle;
}

.iti__flag-box,
.iti__country-name {
  margin-right: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}

.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/flags.png?416250f60d785a2e02f17e054d2e4e44);
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/flags@2x.png?d429a5777afaf2fc349652e812e9bb11);
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}

.login-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(42, 44, 61, 0.9);
  z-index: 10;
}

.login {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 328px;
  width: 100%;
  padding: 30px 24px;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  color: #2A2C3D;
  border-radius: 22px;
  box-sizing: border-box;
}

.login .cookies__mess {
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #FF0040;
  background: rgba(255, 0, 64, 0.05);
  border-radius: 4px;
  padding: 10px 15px;
}

.login .cookies__mess a {
  color: #FF0040;
  text-decoration: underline;
}

.login .cookies__mess a:active,
.login .cookies__mess a:hover {
  text-decoration: none;
}

.login .backBtn {
  padding: 0;
  margin: 30px 0 0 0;
  height: 48px;
  font: 11px/48px "SF Mono Semi Bold", sans-serif;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid #EFF1F3;
}

.login .backBtn a {
  color: #2F23EE;
}

.login .close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-close-black.svg?24d907129d9c45bfb2430d4c5391084f);
  background-size: 24px 24px;
  z-index: 10;
}

.login .title {
  margin-bottom: 30px;
  margin-right: 24px;
  font-family: "SF Pro Display Bold", sans-serif;
  font-size: 18px;
  line-height: 20px;
}

.login .form {
  padding-bottom: 15px;
}

.login .form-button {
  background-color: #EFF1F3;
  color: #2A2C3D;
}

.login .form__group {
  padding-left: 0;
  padding-right: 0;
}

.login .form__group:last-of-type {
  margin-bottom: 15px;
}

.login .form-text {
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 13px;
}

.login .promocode {
  padding-bottom: 23px;
  border-bottom: 1px solid #EFF1F3;
}

.login .promocode a {
  color: #2A2C3D;
  padding: 0;
  margin: 15px 0 0 0;
  height: 48px;
  font: 11px/48px "SF Mono Semi Bold", sans-serif;
  text-transform: uppercase;
  text-align: center;
  border-radius: 4px;
  letter-spacing: 0.5px;
  border: 2px solid #EFF1F3;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
}

.login .promocode a span {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjE4MjIgNC40NDcyMkMxNi45MDgzIDQuOTk1MDUgMTYuMjM2MiA1LjQ4MTQ3IDE1LjA4ODQgNS45OTk2NUwyMCA2LjAwMDAxQzIxLjA1NDQgNi4wMDAwMSAyMS45MTgyIDYuODE1ODkgMjEuOTk0NSA3Ljg1MDc1TDIyIDguMDAwMDFWMTBDMjIgMTAuNzQ3MyAyMS41OTAxIDExLjM5ODkgMjAuOTgyOSAxMS43NDIyTDIwLjk5NDUgMTEuODUwN0wyMSAxMlYyMEMyMSAyMS4wNTQ0IDIwLjE4NDEgMjEuOTE4MiAxOS4xNDkzIDIxLjk5NDVMMTkgMjJINUMzLjk0NTY0IDIyIDMuMDgxODMgMjEuMTg0MSAzLjAwNTQ5IDIwLjE0OTNMMyAyMFYxMkMzIDExLjkxMjMgMy4wMDU2NCAxMS44MjU5IDMuMDE2NTkgMTEuNzQxMkMyLjQ1MDY2IDExLjQyMiAyLjA1NTk2IDEwLjgzMzUgMi4wMDU0OSAxMC4xNDkzTDIgMTBWOC4wMDAwMUMyIDYuOTQ1NjUgMi44MTU4OCA2LjA4MTg1IDMuODUwNzQgNi4wMDU1TDQgNi4wMDAwMUw5LjE5OTYxIDUuOTk5NzNDOC4wNTE2NCA1LjQ4MTUyIDcuMzc5NSA0Ljk5NTA4IDcuMTA1NTcgNC40NDcyMkM2LjI1MDU5IDIuNzM3MjYgOC40MjM0NyAwLjA5MzcxNDcgMTAuNDQ3MiAxLjEwNTU4QzExLjEzNjIgMS40NTAxIDExLjY4ODYgMi4xMjg0NyAxMi4xNDQzIDMuMTQyNzVDMTIuNTk5MiAyLjEyODQ3IDEzLjE1MTUgMS40NTAxIDEzLjg0MDYgMS4xMDU1OEMxNS44NjQzIDAuMDkzNzE0NyAxOC4wMzcyIDIuNzM3MjYgMTcuMTgyMiA0LjQ0NzIyWk05IDExLjk5OTRMNSAxMlYyMEg5VjExLjk5OTRaTTEzIDguMDAwMDFIMTFWMjBIMTNWOC4wMDAwMVpNMTkgMTJMMTUgMTEuOTk5NFYyMEgxOVYxMlpNMjAgOC4wMDAwMUgxNVY5Ljk5OTQxTDIwIDEwVjguMDAwMDFaTTkgOC4wMDAwMUg0VjEwTDkgOS45OTk0MVY4LjAwMDAxWk05LjU1Mjc5IDIuODk0NDRDOS4zODg1MSAyLjgxMjMgOC45MjMzOSAzLjM1NjQ3IDguODkyNjQgMy41MjAzNEw4Ljg5MyAzLjU0MDQxTDguOTE0OTggMy41NTM1Mkw4Ljk5MDYzIDMuNjExMTlDOS4xMzcwMiAzLjcxOTg2IDkuMzU0ODYgMy44NDg1MSA5LjYzOTk1IDMuOTkxMDZDOS43NjM5IDQuMDUzMDMgOS44OTg5MiA0LjExNjg1IDEwLjA0NSA0LjE4MjQ2TDEwLjI3MjMgNC4yODIyM0wxMC40ODcgNC4zNzIwMUwxMC4zODY5IDQuMTE3NjVDMTAuMTU1NyAzLjU2MDU1IDkuOTIwODMgMy4xODY0MiA5LjcwMTE4IDIuOTk2MjJMOS42MTk1NiAyLjkzMzUxTDkuNTUyNzkgMi44OTQ0NFpNMTQuNzM1IDIuODk0NDRMMTQuNjY4MiAyLjkzMzUxQzE0LjQyNTcgMy4wOTU3NSAxNC4xNjEgMy40OTA5MiAxMy45MDA5IDQuMTE3NjVMMTMuODAwOCA0LjM3MjAxTDE0LjAxNTUgNC4yODIyM0MxNC4yNTExIDQuMTgxMTMgMTQuNDYxOSA0LjA4NDAyIDE0LjY0NzggMy45OTEwNkMxNC45MzI5IDMuODQ4NTEgMTUuMTUwOCAzLjcxOTg2IDE1LjI5NzIgMy42MTExOUwxNS4zNDExIDMuNTc3NzlDMTUuMzY2MSAzLjU1ODM4IDE1LjM4MjcgMy41NDUwNyAxNS4zOTQ4IDMuNTQwMDFMMTUuMzkzNCAzLjU1MjhDMTUuNDQ0IDMuNDUxNTEgMTQuOTEzIDIuODA1NDUgMTQuNzM1IDIuODk0NDRaIiBmaWxsPSIjMkEyQzNEIi8+Cjwvc3ZnPgo=") no-repeat;
  background-size: 24px;
  background-position: 0 10px;
  padding: 0 0 0 40px;
  line-height: 48px;
  display: inline-block;
  box-sizing: border-box;
}

.login .copyright {
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #B8C2CC;
  text-align: center;
  margin: 15px 0 0 0;
}

.login .copyright .link {
  white-space: nowrap;
}

.login .link {
  color: #2F23EE;
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 13px;
}

.login .link-forget {
  position: absolute;
  top: 0;
  right: 0;
}

.login.reg.hide {
  display: none;
}

.login.reg .form .link {
  display: block;
  margin-bottom: 7vh;
}

.login.reg .form-text {
  margin-bottom: 25px;
}

.login.reg .form__group {
  margin-bottom: 20px !important;
}

.login.code {
  display: none;
}

.login.code.show {
  display: block;
}

.login.code .form .col {
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
}

.login.code .form__fields {
  margin-bottom: 20px;
}

.login.code .form__group {
  margin-bottom: 17vh;
}

.login.code .form-text {
  margin-bottom: 5vh;
}

.login.code .form-input {
  padding: 0 10px;
  font-family: "SF Pro Display Black", sans-serif;
  font-size: 24px;
  text-align: center;
}

.login.code .code-text {
  font-family: "SF Pro Display Medium";
  font-size: 13px;
  color: #B8C2CC;
}

.login .iti {
  width: 100%;
}

@media (max-width: 425px) {
  .login {
    right: 16px;
    left: 16px;
    width: auto;
    max-width: none;
    transform: translateY(-50%);
  }
}

.dialog-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}

.dialog-wrapper .dialog {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 470px;
  width: 100%;
  padding: 41px 81px 45px;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  color: #2A2C3D;
  border-radius: 22px;
  box-sizing: border-box;
}

.dialog-wrapper .dialog__title {
  margin-bottom: 2vh;
  font-family: "SF Pro Display Bold", sans-serif;
  font-size: 24px;
}

.dialog-wrapper .dialog__title a {
  color: #2A2C3D;
  text-decoration: underline;
}

.dialog-wrapper .dialog-confirm {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 470px;
  width: 100%;
  padding: 41px 81px 45px;
  transform: translate(-50%, -50%);
  color: #2A2C3D;
  border-radius: 22px;
  box-sizing: border-box;
}

@media screen and (max-width: 425px) {
  .dialog-wrapper .dialog-confirm {
    padding: 16px;
  }
}

.dialog-wrapper .dialog-confirm__title {
  margin-bottom: 21px;
  font-family: "SF Pro Display Heavy", sans-serif;
  font-size: 16px;
}

.dialog-wrapper .dialog-confirm__content {
  padding: 24px 48px 32px;
  background-color: #FFFFFF;
  box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

@media screen and (max-width: 425px) {
  .dialog-wrapper .dialog-confirm__content {
    padding: 32px 16px;
  }
}

.dialog-wrapper .dialog-confirm__text {
  margin-bottom: 39px;
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.dialog-wrapper .dialog-confirm__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dialog-wrapper .dialog-confirm-confirm,
.dialog-wrapper .dialog-confirm-success {
  width: 404px;
  height: auto;
  top: 60px;
  left: auto;
  right: 0;
  background-color: transparent;
}

.dialog-wrapper .dialog-confirm.show {
  display: block;
}

.dialog {
  display: none;
  position: absolute;
  top: 100%;
  right: 50%;
  padding-top: 15px;
  z-index: 10;
}

.dialog .list {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 32px;
}

.dialog .list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dialog .list__item label {
  cursor: pointer;
}

.dialog .list__link {
  color: #2A2C3D;
}

.dialog .list__link--favorite {
  color: #2F23EE;
}

.dialog .logout {
  color: #2A2C3D;
}

.dialog .count {
  padding: 4px 7px;
  background-color: #FF0047;
  color: #FFFFFF;
  border-radius: 10px;
  font-family: "SF Pro Display Bold", sans-serif;
  font-size: 12px;
  line-height: 1;
}

.dialog .roller [type=checkbox]:checked + label {
  background-color: #2F23EE;
}

.dialog .roller [type=checkbox]:checked + label:after {
  transform: translateX(calc(100% - 4px));
}

.dialog .roller__label {
  position: relative;
  display: block;
  width: 32px;
  height: 20px;
  background-color: #EFF1F3;
  border-radius: 10px;
  transition: background 0.3s ease-in-out;
}

.dialog .roller__label:after {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 2px;
  margin-top: -8px;
  background-color: #FFFFFF;
  transition: transform 0.3s ease-in-out;
  border-radius: 50%;
  content: "";
}

.dialog__container {
  position: relative;
  width: 256px;
  padding: 24px;
  background-color: #FFFFFF;
  color: #2A2C3D;
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 13px;
  border-radius: 8px;
  box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.dialog__container:before {
  position: absolute;
  top: -6px;
  right: 19px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFFFFF;
  content: "";
}

@media screen and (max-width: 989px) {
  .geo .dialog__container:before {
    top: auto;
    bottom: -6px;
    right: auto;
    left: 19px;
    border-bottom: none;
    border-top: 6px solid #FFFFFF;
  }
}

@media screen and (max-width: 989px) {
  .geo .dialog--active .dialog__container:before {
    display: none;
  }
}

.dialog__title {
  margin-bottom: 30px;
  font-family: "SF Pro Display Heavy", sans-serif;
  font-size: 16px;
  color: #1A1C26;
}

.dialog__bottom {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #EFF1F3;
}

[type=checkbox],
[type=radio] {
  display: none;
}

.form {
  margin-bottom: 0;
}

.form [type=checkbox]:checked + label:after,
.form [type=radio]:checked + label:after {
  display: block;
}

.form [type=checkbox]:checked + label.form-label--checkbox-2,
.form [type=radio]:checked + label.form-label--checkbox-2 {
  color: #2A2C3D;
}

.form [type=checkbox]:checked + label.form-label--checkbox-2 .icon,
.form [type=radio]:checked + label.form-label--checkbox-2 .icon {
  background-color: #2F23EE;
}

.form [type=checkbox]:checked + label.form-label--checkbox-2 .btn .icon-plus,
.form [type=radio]:checked + label.form-label--checkbox-2 .btn .icon-plus {
  display: none;
}

.form [type=checkbox]:checked + label.form-label--checkbox-2 .btn .icon-minus,
.form [type=radio]:checked + label.form-label--checkbox-2 .btn .icon-minus {
  display: block;
}

.form .col-3 {
  width: 25%;
}

.form .col-4 {
  width: 33.3%;
}

.form .col-6 {
  width: 50%;
}

.form-label {
  display: block;
  margin-bottom: 14px;
  color: #B8C2CC;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.form-label--checkbox,
.form-label--radio {
  position: relative;
  padding-left: 28px;
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  color: #2A2C3D;
  text-transform: none;
  cursor: pointer;
}

.form-label--checkbox:hover:before,
.form-label--radio:hover:before {
  border-color: #e4e8eb;
}

.form-label--checkbox:before,
.form-label--checkbox:after,
.form-label--radio:before,
.form-label--radio:after {
  position: absolute;
  content: "";
}

.form-label--checkbox:before,
.form-label--radio:before {
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 2px solid #EFF1F3;
  border-radius: 4px;
  box-sizing: border-box;
}

.form-label--checkbox:after,
.form-label--radio:after {
  display: none;
}

.form-label--checkbox:after {
  left: 3px;
  top: -1px;
  width: 19px;
  height: 15px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-check.svg?406ef8a76699fd288738c6bd8c290fe9);
  background-size: 19px 15px;
}

.form-label--checkbox-2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  margin-bottom: 0;
  padding-left: 16px;
  background-color: #EFF1F3;
  border-radius: 4px;
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 16px;
  box-sizing: border-box;
  text-transform: none;
}

.form-label--checkbox-2 .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-color: #B8C2CC;
  border-radius: 50%;
  font-size: 13px;
  color: #FFFFFF;
}

.form-label--checkbox-2 .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 100%;
  margin-left: auto;
  position: relative;
  font-size: 12px;
  color: #2A2C3D;
  cursor: pointer;
}

.form-label--checkbox-2 .btn:before {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 1px;
  background-color: #B8C2CC;
  content: "";
}

.form-label--checkbox-2 .btn .icon-minus {
  display: none;
}

.form-label--radio:before {
  border-radius: 50%;
}

.form-label--radio:after {
  top: 50%;
  left: 6px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background-color: #2F23EE;
  border-radius: 50%;
}

.form-input,
.form-select {
  width: 100%;
  height: 44px;
  padding-left: 16px;
  background-color: #EFF1F3;
  color: #2A2C3D;
  border: 2px solid #EFF1F3;
  border-radius: 4px;
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 16px;
  box-sizing: border-box;
  outline: none;
}

.form-input:focus,
.form-select:focus {
  background-color: transparent;
}

.form-select {
  padding-left: 12px;
  background: #EFF1F3 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-down.svg?145afd30b2d1855fb18c7b8b74a8d3d3) no-repeat right 16px center;
  background-size: 12px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-button {
  width: 100%;
  height: 48px;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  border: none;
  outline: none;
  border-radius: 4px;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: #EFF1F3;
}

.form__fields {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -22px;
}

.form__fields--m-4 {
  margin-left: -4px;
  margin-right: -4px;
}

.form__group {
  position: relative;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 22px;
  box-sizing: border-box;
}

.form__group--birthday {
  width: 25%;
}

@media (max-width: 599px) {
  .form__group--birthday {
    width: 33.3%;
  }
}

.form__fields--m-4 .form__group {
  padding-left: 4px;
  padding-right: 4px;
}

.form__button {
  padding-top: 72px;
}

.form .form__error {
  color: red;
  font-size: 13px;
  font-weight: bold;
  margin-top: -15px;
  padding-bottom: 30px;
}

.personal {
  width: 100%;
  padding: 50px 8px;
  color: #2A2C3D;
  box-sizing: border-box;
}

.personal a {
  color: inherit;
}

.personal .logout {
  font-family: "SF Mono Bold", sans-serif;
  font-size: 14px;
  color: #B8C2CC;
}

@media (max-width: 1024px) {
  .personal .logout {
    font-size: 0;
  }

  .personal .logout .icon {
    font-size: 14px;
  }
}

.personal .heading {
  font-family: "SF Pro Display Heavy", sans-serif;
}

.personal .heading-3 {
  font-size: 16px;
}

.personal .delete {
  position: absolute;
  top: -12px;
  right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #EFF1F3;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
  color: #2A2C3D;
  z-index: 1;
}

.personal .delete:hover {
  transform: scale(1.2);
}

.personal .payment {
  padding: 0 32px;
  margin-bottom: 60px;
}

@media (max-width: 599px) {
  .personal .payment {
    padding: 0;
    margin-bottom: 40px;
  }
}

.personal .payment .heading {
  margin-bottom: 34px;
}

.personal .payment__form {
  margin-bottom: 19px;
}

.personal .payment__text p {
  margin-bottom: 16px;
}

.personal .payment__text p:last-child {
  margin-bottom: 0;
}

.personal .subscriptions .heading {
  margin-bottom: 20px;
  padding: 0 32px;
}

.personal .subscriptions__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 40px 32px 29px;
  border: 3px solid #EFF1F3;
  border-radius: 20px;
  box-sizing: border-box;
}

@media (max-width: 599px) {
  .personal .subscriptions__item {
    display: block;
    padding-top: 29px;
    padding-bottom: 32px;
  }
}

.personal .subscriptions__item:hover {
  background-color: #EFF1F3;
}

.personal .subscriptions__item:hover .btn {
  background-color: #B8C2CC;
}

.personal .subscriptions__item:hover .btn:hover {
  background-color: #2F23EE;
}

.personal .subscriptions__item:last-child {
  margin-bottom: 0;
}

.personal .subscriptions__item__title {
  margin-bottom: 19px;
  line-height: 48px;
  font-size: 24px;
  font-family: "SF Pro Display Bold";
}

@media (max-width: 599px) {
  .personal .subscriptions__item__title {
    margin-bottom: 22px;
    font-size: 21px;
    line-height: 1;
  }
}

@media (max-width: 599px) {
  .personal .subscriptions__item__content {
    margin-bottom: 45px;
  }
}

.personal .subscriptions__item__button {
  width: 174px;
  flex-shrink: 0;
}

@media (max-width: 599px) {
  .personal .subscriptions__item__button {
    width: 100%;
  }
}

.personal .form-label {
  color: #2A2C3D;
}

.personal .form-label--checkbox-2 {
  color: #B8C2CC;
}

.personal__filter {
  display: none;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .personal__filter {
    display: block;
  }
}

.personal__content--tariff {
  max-width: 534px;
  margin: auto;
  padding-top: 14px;
}

.personal__content--tariff .btn {
  width: 100%;
  height: 48px;
  background-color: #EFF1F3;
  border-radius: 4px;
  font-family: "SF Mono Semi Bold";
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none;
  outline: none;
  transition: background 0.3s ease-in-out;
  cursor: pointer;
}

.personal__content--tariff .btn:hover {
  background-color: #2F23EE;
  color: #FFFFFF;
}

.personal__content--tariff .btn:hover .price {
  display: none;
}

.personal__content--tariff .btn:hover .text {
  display: block;
}

.personal__content--tariff .btn .text {
  display: none;
  color: #FFFFFF;
}

.personal__content--tariff p {
  font-family: "SF Pro Display Medium";
  font-size: 13px;
  line-height: 16px;
}

.personal__content--settings {
  max-width: 470px;
  margin: auto;
  padding-top: 14px;
}

.personal__content--settings .heading {
  margin-bottom: 26px;
}

.personal__content--settings .form-button {
  max-width: 227px;
}

.personal__content--settings .form-button:hover {
  background-color: #2F23EE;
  color: #FFFFFF;
}

@media (max-width: 599px) {
  .personal__content--settings .form-button {
    max-width: 100%;
  }
}

.personal__content--settings .form__fields--sex .form__group {
  width: auto;
  margin-right: 26px;
  margin-bottom: 0;
}

.personal__content--settings .form__fields--sex .form__group:last-child {
  margin-right: 0;
}

.personal__block--accounts .personal__content--settings .form__fields--sex,
.personal__block--devices .personal__content--settings .form__fields--sex {
  margin-bottom: -16px;
}

.personal__content--settings .form__group--mb-70 {
  margin-bottom: 70px;
}

@media (max-width: 599px) {
  .personal__content--settings .form__group--mb-70 {
    margin-bottom: 54px;
  }
}

.personal__block--accounts .personal__content--settings .form__group,
.personal__block--devices .personal__content--settings .form__group {
  margin-bottom: 16px;
}

.personal__content--settings .text {
  margin-bottom: 42px;
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.personal__block {
  padding: 0 124px 32px 80px;
  margin-left: -80px;
  margin-right: -124px;
  box-sizing: border-box;
}

@media (max-width: 1440px) {
  .personal__block {
    padding-right: 89px;
    margin-right: -89px;
  }
}

@media (max-width: 1024px) {
  .personal__block {
    padding-right: 41px;
    margin-right: -41px;
  }
}

@media (max-width: 768px) {
  .personal__block {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

.personal__block:last-child {
  margin-bottom: 0;
}

.personal__block.show-delete .delete {
  display: flex;
}

.personal__block .link-more-wrapper {
  padding-top: 30px;
  text-align: center;
}

.personal__block .link-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 308px;
  width: 100%;
  height: 48px;
  background-color: #EFF1F3;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #2A2C3D;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .personal__block .link-more {
    max-width: 100%;
  }
}

.personal__block .delete {
  display: none;
}

.personal__block .posters {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -42px;
}

@media (max-width: 768px) {
  .personal__block .posters {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -30px;
  }
}

.personal__block .poster {
  position: relative;
  width: 16.6%;
  margin-bottom: 42px;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
}

@media (max-width: 1280px) {
  .personal__block .poster {
    width: 25%;
  }
}

@media (max-width: 1024px) {
  .personal__block .poster {
    width: 33.3%;
  }
}

@media (max-width: 768px) {
  .personal__block .poster {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 30px;
  }
}

@media (max-width: 425px) {
  .personal__block .poster {
    width: 50%;
  }
}

.personal__block .poster__inner {
  display: block;
  height: 100%;
  box-sizing: border-box;
}

.personal__block .poster__title {
  word-break: break-word;
}

.personal__block .poster__text {
  color: #B8C2CC;
  letter-spacing: 0.5px;
}

.personal__block .poster__icon {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 8px;
  left: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}

.personal__block .poster__icon--point {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/point.svg?a1d6d0ad69be78b43a8eaa015b96b81d);
}

.personal__block .poster__icon--microphone {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/microphone.svg?a3e2adf19c720612a4f31b03caf15d6a);
}

.personal__block .poster__icon--equalizer {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/equalizer.svg?cba96768dc6387149fb06c2b5b9f5394);
}

.personal__block--black,
.personal__block--grey {
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .personal__block--black,
  .personal__block--grey {
    padding-right: 16px;
    padding-left: 16px;
    margin-left: -16px;
    margin-right: -16px;
  }
}

.personal__block--black {
  background-color: #000000;
}

.personal__block--black .heading {
  color: #FFFFFF;
}

.personal__block--black .link-more {
  background-color: #1A1A1A;
  color: #B8C2CC;
}

.personal__block--black .personal__block__icon {
  color: #FF0047;
}

.personal__block--black .personal__block__icon:hover .icon {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-trash-red-open.svg?a0a51078ab89de7b2e189750be13d101);
}

.personal__block--black .personal__block__icon .icon {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-trash-red.svg?ff7e0007384661cc359aca243ec06787);
}

.personal__block--grey {
  background-color: #EFF1F3;
}

@media (max-width: 599px) {
  .personal__block--accounts .form__group {
    width: 100%;
  }
}

.personal__block__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.personal__block__icon {
  display: flex;
  align-items: center;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 0;
  text-transform: uppercase;
}

.personal__block__icon:hover {
  font-size: 11px;
}

.personal__block__icon:hover .icon {
  background-image: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-trash-open.svg?deda0e1c15d9131733d23e6344884679);
}

.personal__block__icon .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-trash.svg?3f1ca16a01b8fce4bfddc8c04e036a4d);
}

@media (max-width: 768px) {
  .personal__block__icon {
    font-size: 0 !important;
  }
}

.personal__content--settings .personal__block {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.personal__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 48px;
}

.personal__top .icon {
  color: #B8C2CC;
}

@media (max-width: 1024px) {
  .personal__top .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
  }
}

.personal__top .icon--mobile {
  display: none;
}

@media (max-width: 1024px) {
  .personal__top .icon--mobile {
    display: flex;
  }
}

.personal__top__inner {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 1024px) {
  .personal__top__inner {
    justify-content: space-around;
    margin-bottom: 12px;
  }
}

@media (max-width: 1024px) {
  .personal__top {
    flex-direction: column;
    margin-bottom: 28px;
  }
}

.personal__person {
  display: flex;
  align-items: center;
  margin-right: 64px;
}

@media (max-width: 1024px) {
  .personal__person {
    flex-direction: column;
    justify-content: center;
    margin-right: 0;
  }
}

.personal__photo {
  position: relative;
  width: 128px;
  margin-right: 32px;
  background-color: #EFF1F3;
  border-radius: 50%;
  cursor: pointer;
}

.personal__photo:hover .icon {
  opacity: 1;
  visibility: visible;
}

.personal__photo img {
  max-width: 100%;
  border-radius: 50%;
}

.personal__photo .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  margin-top: -22px;
  background-color: #FFFFFF;
  color: #B8C2CC;
  font-size: 18px;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1024px) {
  .personal__photo .icon {
    display: none;
  }
}

@media (max-width: 1024px) {
  .personal__photo {
    width: 80px;
    margin-right: 0;
    margin-bottom: 12px;
  }
}

.personal__name {
  font-family: "SF Pro Display Bold", sans-serif;
  font-size: 24px;
}

@media (max-width: 1024px) {
  .personal__name {
    font-size: 18px;
  }
}

.personal__logout {
  text-transform: uppercase;
}

.personal__subscription {
  flex-shrink: 0;
  padding: 14px 16px;
  background-color: #FF0047;
  color: #FFFFFF;
  font-family: "SF Mono Semi Bold", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  border-radius: 20px;
}

.personal__menu {
  display: flex;
  justify-content: space-around;
  margin-bottom: 48px;
  padding: 56px 70px 45px;
  box-shadow: 0px 4px 16px rgba(184, 194, 204, 0.25);
  border-radius: 20px;
  font-size: 13px;
  font-family: "SF Pro Display Medium", sans-serif;
  position: relative;
}

@media (max-width: 1280px) {
  .personal__menu {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  .personal__menu {
    padding-top: 44px;
    padding-bottom: 30px;
    margin-bottom: 24px;
  }
}

.personal__menu .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 11px;
  background-color: #EFF1F3;
  border-radius: 50%;
  font-size: 18px;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 768px) {
  .personal__menu .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
  }
}

.personal__menu span {
  display: block;
}

@media (max-width: 768px) {
  .personal__menu span {
    padding: 0 10px;
    font-size: 11px;
    word-break: break-word;
  }
}

.personal__menu__item {
  width: 33%;
  text-align: center;
}

.personal__menu__item:hover .icon,
.personal__menu__item.active .icon {
  background-color: #2F23EE;
  color: #FFFFFF;
}

.personal__menu__item:hover path,
.personal__menu__item.active path {
  stroke: #FFFFFF;
}

.personal__menu .personal__logout {
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 48px;
  transform: translateY(-50%);
}

.personal__menu .personal__logout .icon {
  width: auto;
  height: auto;
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0;
  font-size: 14px;
}

@media (max-width: 768px) {
  .personal__menu .personal__logout .icon {
    width: auto;
    height: auto;
    margin-bottom: 0;
  }
}

.personal-movies .poster__image {
  margin-bottom: 10px;
}

.personal-movies .poster__image img {
  width: 100%;
  border-radius: 4px;
}

.personal-movies .poster__title {
  color: #FFFFFF;
  font-family: "SF Pro Display Medium";
  font-weight: 500;
}

.personal-movies .poster__text {
  color: #B8C2CC;
  font-family: "SF Mono Semi Bold";
  font-size: 11px;
  text-transform: uppercase;
}

.personal-news .poster__inner {
  display: flex;
  flex-direction: column;
  height: 219px;
  padding: 16px 8px 12px;
  box-shadow: 0px 4px 24px rgba(184, 194, 204, 0.5);
  border-radius: 4px;
}

.personal-news .poster__title {
  font-family: "SF Pro Display Bold", sans-serif;
}

.personal-news .poster__text {
  margin-top: auto;
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
}

.personal-video .poster__image {
  position: relative;
  margin-bottom: 8px;
}

.personal-video .poster__image .video {
  height: 116px;
  margin: 0;
  background: url("/images/pic-1.png") no-repeat center;
  background-size: cover;
  border-radius: 4px;
  box-sizing: border-box;
}

.personal-video .poster__image .video:after {
  display: none;
}

@media (max-width: 1440px) {
  .personal-video .poster__image .video {
    height: 82px;
  }
}

.personal-video .poster__image .btn-play {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 40px;
  margin-top: -20px;
  background: url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-play-half.svg?583b5cada7758fae86cc2faefbf54130) no-repeat center;
  background-size: 20px 40px;
}

.personal-video .poster__title {
  margin-bottom: 8px;
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 13px;
}

.personal-video .poster__text {
  font-family: "SF Mono Medium", sans-serif;
  font-size: 9px;
  color: #B8C2CC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.personal-podcasts .poster__inner {
  position: relative;
  display: block;
  height: 196px;
  padding: 27px 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 24px rgba(184, 194, 204, 0.5);
  border-radius: 4px;
}

.personal-podcasts .poster__title {
  margin-bottom: 15px;
  font-family: "SF Pro Display Bold";
  font-size: 13px;
}

.personal-podcasts .poster__text {
  font-size: 13px;
  font-family: "SF Pro Display Medium";
  color: #2A2C3D;
}

.personal-persons {
  padding-top: 24px;
}

.personal-persons .actors__list {
  flex-wrap: wrap;
  overflow: visible;
  margin-left: -33px;
  margin-right: -33px;
  margin-bottom: -42px;
}

.personal-persons .actor {
  position: relative;
  padding-left: 33px;
  padding-right: 33px;
  margin-bottom: 42px;
  margin-right: 0;
}

.personal-persons .actor:hover .delete {
  display: flex;
}

.personal-persons .actor__image {
  position: relative;
  margin-bottom: 11px;
}

.personal-persons .actor__name {
  margin-bottom: 6px;
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 13px;
  color: #2A2C3D;
}

.personal-persons .actor__role {
  font-family: "SF Mono Medium", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
}

.personal__block .personal-topics {
  margin-left: -32px;
  margin-right: -32px;
  margin-bottom: -5px;
}

@media (max-width: 1440px) {
  .personal__block .personal-topics {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media (max-width: 768px) {
  .personal__block .personal-topics {
    margin-bottom: -30px;
    margin-left: 0;
    margin-right: 0;
  }
}

.personal-topics .poster {
  width: 33.3%;
  padding-left: 32px;
  padding-right: 32px;
  margin-bottom: 5px;
}

@media (max-width: 1440px) {
  .personal-topics .poster {
    width: 50%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 768px) {
  .personal-topics .poster {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
  }
}

.personal-topics .poster .delete {
  right: -12px;
}

.personal-topics .poster__inner {
  position: relative;
  padding: 14px 16px 19px;
  border-radius: 10px;
}

.personal-topics .poster__inner:hover {
  background-color: #EFF1F3;
}

.personal-topics .poster__title {
  font-family: "New York Medium Black";
  font-size: 24px;
  color: #2F23EE;
}

.personal-topics .poster__text {
  margin-bottom: 7px;
  font-family: "SF Mono Semi Bold";
  font-size: 11px;
  text-transform: uppercase;
}

.geo {
  position: relative;
  display: flex;
}

.geo__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  color: #2A2C3D;
  position: relative;
}

.geo__icon:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 6px;
  display: block;
  height: 18px;
  width: 18px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-geo-default.svg?3ef581906b9674cf211d5cc9ceffe8b3) center/cover no-repeat;
}

.autodetect-on .geo__icon:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-geo-colored.svg?c7cdfe3ea946f4104918bc7434c0064c) center/cover no-repeat;
}

.app--scheme-black .geo__icon {
  background-color: #282828;
}

.app--scheme-white .geo__icon {
  background-color: #EFF1F3;
}

.geo .dialog {
  display: none;
  z-index: 10;
}

.geo .dialog--active {
  display: block;
}

.geo .dialog {
  right: -10px;
  /*  .form-input {
      &:focus + .dropdown {
        display: block;
      }
    }    */
}

@media screen and (max-width: 1024px) {
  .geo .dialog {
    right: auto;
  }

  .geo .dialog .dialog__container {
    width: 306px;
  }
}

.geo .dialog .list__item {
  position: relative;
  margin-bottom: 5px;
}

.geo .dialog .btn {
  background-color: #E4E8EB;
}

.geo .dialog .dropdown {
  display: none;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  right: 0;
  padding: 5px 16px 10px;
  background-color: #EFF1F3;
  border-radius: 0 0 4px 4px;
  z-index: 10;
  height: 300px;
  overflow-y: scroll;
}

@media screen and (max-width: 768px) {
  .geo .dialog .dropdown {
    height: 150px;
  }
}

.geo .dialog .dropdown__item {
  font-family: "SF Pro Display Medium", sans-serif;
  font-size: 13px;
  line-height: 32px;
  cursor: pointer;
}

.geo .dialog .dropdown__item:hover,
.geo .dialog .dropdown__item.active {
  color: #2F23EE;
}

.geo .dialog__container {
  width: 336px;
}

.geo .dialog__title {
  margin-bottom: 20px;
}

.geo .dialog__bottom {
  margin-top: 15px;
}

.geo__inner {
  display: flex;
  cursor: pointer;
}

.geo__info {
  display: none;
  position: relative;
  align-items: center;
  font-size: 13px;
  line-height: 32px;
  white-space: nowrap;
  width: 120px;
  overflow: hidden;
}

@media screen and (max-width: 989px) {
  .geo__info {
    display: block;
    margin: 0 0 0 8px;
  }
}

.geo__info:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 40px;
  background: #fff;
  right: 0;
  box-shadow: -4px 0px 18px 18px #fff;
}

.geo .dialog-geo--active {
  display: block !important;
}

@media screen and (max-width: 989px) {
  .geo .dialog-geo {
    position: fixed;
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 0 0 -17.5%;
  }

  .geo .dialog-geo:after {
    content: none;
  }
}

.geo .form-input {
  border: 2px solid #EFF1F3;
  box-sizing: border-box;
  border-radius: 4px;
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-down.svg?4de9376ac82c98171617c949863c9f00) no-repeat right 16px center;
  background-size: 12px 8px;
  cursor: pointer;
}

.app--scheme-black .geo__info {
  color: #fff;
}

.app--scheme-black .geo__info:after {
  background: #000;
  box-shadow: -4px 0px 18px 18px #000;
}

.app--scheme-black .geo__icon {
  color: #FFF;
}

.app--scheme-black .geo:hover .geo__icon,
.app--scheme-black .geo:active .geo__icon {
  color: #FFF;
  background-color: #1A1A1A;
}

.person-slider {
  width: 100%;
  padding: 30px 0;
  position: relative;
}

.app--page-search .person-slider {
  padding-top: 25px;
}

.person-slider__header {
  margin: 0 0 28px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 3;
}

.person-slider__content {
  position: relative;
  width: 100%;
  z-index: 2;
}

.person-slider__content--hidden {
  display: none;
}

.person-slider__filter {
  margin: auto 0;
  padding: 0 8px;
  flex: 0 1 auto;
  overflow: hidden;
}

.person-slider__slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.person-slider__navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .person-slider__navigation {
    display: none;
  }
}

.person-slider__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.person-slider__item {
  box-sizing: border-box;
  padding: 0 8px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .person-slider__item {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .person-slider__item {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 425px) {
  .person-slider__item {
    width: 50%;
  }
}

.person-slider__preview {
  width: 65.7534246575%;
  margin: 0 auto;
}

.person-slider__info {
  margin: 11px auto 0;
}

.person-slider__header .person-slider__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  margin: auto 0;
  padding: 0 8px;
}

.app--scheme-black .person-slider__header .person-slider__title {
  color: #FFFFFF;
}

.app--scheme-white .person-slider__header .person-slider__title {
  color: #2A2C3D;
}

.person-slider__item .person-slider__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  text-align: center;
  letter-spacing: -0.1px;
}

.app--scheme-black .person-slider__item .person-slider__title {
  color: #FFFFFF;
}

.app--scheme-white .person-slider__item .person-slider__title {
  color: #1A1C26;
}

.person-slider__description {
  font: 10px/12px "SF Mono Medium", monospace;
  color: #B8C2CC;
  text-align: center;
  margin: 8px auto 0;
}

.person-slider__link {
  color: inherit;
}

.person-slider__picture .person-slider__link {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}

.person-slider__picture .person-slider__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(-50%, -50%);
}

.person-slider__button-holder {
  position: absolute;
  padding: 0 8px;
  box-sizing: border-box;
  top: 0;
  width: 16.6666666667%;
}

.person-slider__button-holder:first-child {
  left: -16.6666666667%;
}

.person-slider__button-holder:last-child {
  right: -16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .person-slider__button-holder {
    width: 25%;
  }

  .person-slider__button-holder:first-child {
    left: -25%;
  }

  .person-slider__button-holder:last-child {
    right: -25%;
  }
}

.person-slider__button-place {
  position: relative;
  margin: 0 auto;
  width: 65.7534246575%;
  padding: 0 0 65.7534246575%;
}

.person-slider__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: 0;
  border: none;
  outline: none;
}

.person-slider__button--disabled {
  display: none;
}

.person-slider__button--hidden {
  display: none;
}

.person-slider__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: 100%;
  margin: 0 0 0 -4px;
}

.person-slider__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: 100%;
  margin: 0 -4px 0 0;
}

.audio-live {
  width: 100%;
  padding: 30px 0;
  position: relative;
}

.audio-live:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.app--scheme-white .audio-live:after,
.audio-live--white:after {
  background: rgba(239, 241, 243, 0.5);
}

.app--scheme-black .audio-live:after,
.audio-live--black:after {
  background: #000000;
}

.audio-live__header {
  margin: 0 0 20px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 3;
}

.audio-live__content {
  position: relative;
  z-index: 2;
}

.audio-live__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.audio-live__list {
  margin: 0 -8px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
  height: auto;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.audio-live__item {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  box-sizing: border-box;
  padding: 0 8px;
  width: 16.6666666667%;
}

@media screen and (max-width: 768px) {
  .audio-live__item {
    width: 106px;
  }
}

.audio-live__box {
  padding: 0 8px;
}

.audio-live__logo {
  max-width: 128px;
  margin: 0 auto;
}

.audio-live__header .audio-live__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  margin: 0;
  padding: 0 8px;
}

.audio-live__header .audio-live__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
}

.audio-live__header .audio-live__title span {
  color: inherit;
}

.app--scheme-white .audio-live__header .audio-live__title,
.audio-live--white .audio-live__header .audio-live__title {
  color: #2A2C3D;
}

.app--scheme-white .audio-live__header .audio-live__title a,
.audio-live--white .audio-live__header .audio-live__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.app--scheme-black .audio-live__header .audio-live__title,
.audio-live--black .audio-live__header .audio-live__title {
  color: #FFFFFF;
}

.app--scheme-black .audio-live__header .audio-live__title a,
.audio-live--black .audio-live__header .audio-live__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.audio-live__item .audio-live__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  text-align: center;
  margin: 19px 0 0;
}

.app--scheme-white .audio-live__item .audio-live__title,
.audio-live--white .audio-live__item .audio-live__title {
  color: #2A2C3D;
}

.app--scheme-black .audio-live__item .audio-live__title,
.audio-live--black .audio-live__item .audio-live__title {
  color: #FFFFFF;
}

.audio-live__link {
  color: inherit;
}

.audio-live__logo .audio-live__link {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 100%;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/no-image-black-square.png?0c6a9e6df7f2b6ca66afdd2a5906420a) center no-repeat;
  background-size: cover;
}

.audio-live__item--1 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/1.svg?69b851199787ccf9a0eee6a2f5f899f3) center no-repeat;
  background-size: cover;
}

.audio-live__item--3 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/3.svg?a910795ad0430573e2af47638d883bfa) center no-repeat;
  background-size: cover;
}

.audio-live__item--4 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/4.svg?ff928911e4787e31b03755a056163963) center no-repeat;
  background-size: cover;
}

.audio-live__item--70 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/70.svg?595580945eedab4a51199187dce06585) center no-repeat;
  background-size: cover;
}

.audio-live__item--76 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/76.svg?108c74e3cd56cad242447a4a75be9ab7) center no-repeat;
  background-size: cover;
}

.audio-live__item--81 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/81.svg?54b509717f44075810d41ed88ba257a0) center no-repeat;
  background-size: cover;
}

.audio-live__item--82 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/82.svg?cd670e7661b8edbb365619f985f2ec6b) center no-repeat;
  background-size: cover;
}

.audio-live__item--199 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/199.svg?d039016888be663ed84b1009ba31f9c7) center no-repeat;
  background-size: cover;
}

.audio-live__item--200 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/200.svg?cb844a74f47d62117b19ad05bc8226c6) center no-repeat;
  background-size: cover;
}

.audio-live__item--232 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/232.svg?e60b1e2637f0e66ba0331ea432e8dbde) center no-repeat;
  background-size: cover;
}

.audio-live__item--93 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/93.svg?6a33bdec82b5f6453bd31dbb3c40199f) center no-repeat;
  background-size: cover;
}

.audio-live__item--248 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/248.svg?d9c605efaab716933d79d2319118d234) center no-repeat;
  background-size: cover;
}

.audio-live__item--249 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/249.svg?d0b0bda7e335712cbed75332192ce7d3) center no-repeat;
  background-size: cover;
}

.audio-live__item--250 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/250.svg?094dc4f8744f278fde4c4558f7314b67) center no-repeat;
  background-size: cover;
}

.audio-live__item--251 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/251.svg?b199bf53c5692a03ec3e1d7db3cf8933) center no-repeat;
  background-size: cover;
}

.audio-live__item--252 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/252.svg?5ae7118b155702e8c07391acd5c39e03) center no-repeat;
  background-size: cover;
}

.audio-live__item--253 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/253.svg?9078465963b97bbfdb3e54d30e3c1597) center no-repeat;
  background-size: cover;
}

.audio-live__item--254 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/254.svg?b5f6b2f90d0a2e6d984a1c4e6ae251aa) center no-repeat;
  background-size: cover;
}

.audio-live__item--255 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/255.svg?a71acb68aade3b3ef6159918f6e5ff9a) center no-repeat;
  background-size: cover;
}

.audio-live__item--256 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/256.svg?8b823eed28fb9ac3e8abc7d337d6f9c7) center no-repeat;
  background-size: cover;
}

.audio-live__item--257 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/257.svg?5ffe1a83751cb2eb3caca66cc30c0cc7) center no-repeat;
  background-size: cover;
}

.audio-live__item--258 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/258.svg?fa10885c1f6299c32154e320ffcabd58) center no-repeat;
  background-size: cover;
}

.audio-live__item--259 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/259.svg?f3b1014a13f87882683b6b452800eb67) center no-repeat;
  background-size: cover;
}

.audio-live__item--260 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/260.svg?135ca5fa25672b2153bd2c41c13e5224) center no-repeat;
  background-size: cover;
}

.audio-live__item--261 .audio-live__logo .audio-live__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/261.svg?c80e2cb3d498cd672c383af935ffd0e8) center no-repeat;
  background-size: cover;
}

.audio {
  width: 100%;
  padding: 30px 0 0;
  position: relative;
}

.audio:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  height: 100%;
  width: 100%;
  transform: scale(2, 1);
  transform-origin: top right;
  z-index: 1;
}

.audio--white:after {
  background: #FFFFFF;
}

.audio--grey:after {
  background: #EFF1F3;
}

.audio--black:after {
  background: #000000;
}

.audio__header {
  margin: 0 0 20px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  z-index: 3;
}

.audio__content {
  position: relative;
  width: 100%;
  z-index: 2;
}

.audio__header .audio__control {
  margin: auto 0 auto auto;
}

.audio__content .audio__control {
  margin: 36px 0 62px;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 1024px) {
  .audio__content .audio__control {
    margin: 36px 0 62px;
  }
}

@media screen and (max-width: 768px) {
  .audio__content .audio__control {
    margin: 36px 0 46px;
  }
}

.audio__slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 32px 0;
  margin: -32px auto 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.audio__navigation {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: 10px 0 0;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .audio__navigation {
    display: none;
  }
}

.audio__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.audio__slider .audio__list {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: content-box;
}

.audio__menu .audio__list {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

.audio__item {
  box-sizing: border-box;
  margin: 0;
  width: 16.6666666667%;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

.audio__slider .audio__item {
  padding: 0 8px;
  display: flex;
}

.audio__menu .audio__item {
  padding: 0 8px 16px;
}

@media screen and (max-width: 1024px) {
  .audio__item {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .audio__item {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 425px) {
  .audio__item {
    width: 50%;
  }
}

.audio__box {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  background: #FFFFFF;
  border-radius: 4px;
  padding-bottom: 133.9805825243%;
}

@media screen and (max-width: 1440px) {
  .audio__box {
    padding-bottom: 134.2465753425%;
  }
}

.audio__box-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.audio__info {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 27px;
  left: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 35px);
}

.audio__label {
  font: 9px/16px "SF Pro Display Medium", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 4px 0;
  background: #FF0047;
}

.audio__header .audio__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  padding: 0 8px;
  margin: auto auto auto 0;
}

.audio__header .audio__title a {
  color: inherit;
  display: block;
  padding: 0 28px 0 0;
}

.audio__header .audio__title span {
  color: inherit;
}

.app--scheme-white .audio__header .audio__title {
  color: #2A2C3D;
}

.app--scheme-white .audio__header .audio__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.app--scheme-black .audio__header .audio__title {
  color: #FFFFFF;
}

.app--scheme-black .audio__header .audio__title a {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.app--scheme-black .audio__header .audio__title {
  color: #FFFFFF;
}

.app--scheme-white .audio__header .audio__title {
  color: #1A1C26;
}

.audio--vesti-fm .audio__header .audio__title {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-radio-vesti-fm.svg?372a5acf224027676f43476daa34d097) center no-repeat;
  background-size: 75% auto;
}

.audio--russia .audio__header .audio__title {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-radio-russia.svg?4b1e2544bd51cd3cf04cef9dc054b65a) center no-repeat;
  background-size: 75% auto;
}

.audio--mayak .audio__header .audio__title {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-radio-mayak.svg?bfbf2e99facd8cd7ce32cf19a95df87b) center no-repeat;
  background-size: 75% auto;
}

.audio--culture .audio__header .audio__title {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-radio-culture.svg?51dc5e872f8c95c1a7b3c3760ed1cdd1) center no-repeat;
  background-size: 75% auto;
}

.audio--unost .audio__header .audio__title {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/logo-radio-unost.svg?e9435b906729d893be6fd9e55293d3a2) center no-repeat;
  background-size: 75% auto;
}

.audio__menu .audio__title,
.audio__slider .audio__title {
  font: 13px/16px "SF Pro Display Bold", sans-serif;
  color: #1A1C26;
  margin: 0 0 15px;
}

.audio__menu .audio__box--trimmed .audio__title:after,
.audio__slider .audio__box--trimmed .audio__title:after {
  content: "...";
}

.audio__anons {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  margin: 0 0 10px;
}

.audio__status {
  margin: auto 0 0;
}

.audio__link {
  color: inherit;
  text-decoration: none;
}

.audio__menu .audio__box--trimmed .audio__title .audio__link,
.audio__slider .audio__box--trimmed .audio__title .audio__link {
  display: block;
  max-height: 112px;
  overflow: hidden;
}

.audio__status .audio__link {
  display: block;
  height: 24px;
  width: 24px;
}

.audio__status.audio__status--long .audio__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-radio-long.svg?a3e2adf19c720612a4f31b03caf15d6a) center no-repeat;
  background-size: cover;
}

.audio__status.audio__status--short .audio__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-radio-short.svg?cba96768dc6387149fb06c2b5b9f5394) center no-repeat;
  background-size: cover;
}

.audio__status.audio__status--in-air .audio__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-radio-in-air.svg?a1d6d0ad69be78b43a8eaa015b96b81d) center no-repeat;
  background-size: cover;
}

.audio__button--listen .audio__icon {
  display: block;
  margin: 0 auto 15px;
  height: 32px;
  width: 32px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-play-big-red.svg?2c0581e13af8fc8bfbd426029e5214ee) center no-repeat;
  background-size: cover;
  position: relative;
  box-shadow: 0 6px 10px rgba(255, 0, 71, 0.25);
  border-radius: 100%;
}

.audio__button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
  cursor: pointer;
  margin: -32px 0 0;
  border: none;
  outline: none;
}

.audio__button--disabled {
  display: none;
}

.audio__button--hidden {
  display: none;
}

.audio__button--prev {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 75%;
  left: -12px;
}

.audio__button--next {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 75%;
  right: -12px;
}

.audio__button--listen {
  width: auto;
  height: auto;
  border-radius: 0;
  position: static;
  top: auto;
  box-shadow: none;
  cursor: pointer;
  border: none;
  outline: none;
  display: block;
  text-align: center;
  margin: auto 0 0;
}

.audio__button--listen span {
  font: 9px/12px "SF Mono Medium", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #1A1C26;
}

.audio__button--load-more {
  height: auto;
  position: relative;
  top: auto;
  box-shadow: unset;
  cursor: pointer;
  border: none;
  outline: none;
  font: 11px/12px "SF Mono Semi Bold", monospace;
  text-align: center;
  text-transform: uppercase;
  color: #2A2C3D;
  display: block;
  margin: 0 auto;
  width: 33.3333333333%;
  background: #EFF1F3;
  border-radius: 4px;
  padding: 16px 0;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 768px) {
  .audio__button--load-more {
    width: 100%;
  }
}

.app--scheme-black .audio__control .audio__button--all-audio,
.app--scheme-black .audio__control .audio__button--load-more {
  color: #B8C2CC;
  background: #1A1A1A;
}

.app--scheme-white .audio__control .audio__button--load-more {
  color: #2A2C3D;
  background: #EFF1F3;
}

.app--scheme-black .audio--black .audio__control .audio__button--load-more,
.app--scheme-white .audio--black .audio__control .audio__button--load-more {
  color: #B8C2CC;
  background: #1A1A1A;
}

.app--scheme-black .audio--white .audio__control .audio__button--load-more,
.app--scheme-white .audio--white .audio__control .audio__button--load-more {
  color: #2A2C3D;
  background: #EFF1F3;
}

.audio--loading.audio__control .audio__button--load-more {
  display: none;
}

.google-app {
  display: block;
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #160046;
}

.google-app:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: radial-gradient(227.54% 66.01% at 35% 0%, rgba(0, 163, 255, 0.5) 0%, rgba(0, 240, 255, 0) 100%), radial-gradient(99.01% 67.78% at 100% 15.31%, #FF00FF 0%, rgba(255, 0, 95, 0) 100%);
  opacity: 0.5;
}

.google-app__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

@supports (bottom: env(safe-area-inset-bottom)) {
  .google-app__inner {
    bottom: calc(env(safe-area-inset-bottom));
  }
}

.google-app__inner:after,
.google-app__inner:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
}

@media screen and (orientation: landscape) {
  .google-app__inner:after,
  .google-app__inner:before {
    top: -45%;
  }
}

.google-app__inner:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/splash_left_corner.svg?6df05f4fff05ccc7c80ebae1b92e4c35) top left no-repeat;
  background-size: cover;
  left: -30px;
  -webkit-animation: leftBg 2s;
          animation: leftBg 2s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.google-app__inner:after {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/splash_right_corner.svg?8b9aab3f52dfba0d49cb920e70324024) top right no-repeat;
  background-size: cover;
  right: -30px;
  -webkit-animation: rightBg 2s;
          animation: rightBg 2s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.google-app__control {
  margin: auto 0;
  padding: 0 8px;
  z-index: 2;
}

.google-app__picture {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiA8dGl0bGU+cGxheTwvdGl0bGU+IDxkZWZzPiA8cGF0aCBkPSJNMzY2LjE0MzQyLDUuODkyNzgwNDJlLTE1IEM0MTYuODYwOTMsLTMuNDIzODc1MTJlLTE1IDQzNS4yNTIzMjUsNS4yODA3NDU4OCA0NTMuNzkzODg5LDE1LjE5Njg4MjcgQzQ3Mi4zMzU0NTMsMjUuMTEzMDE5NSA0ODYuODg2OTgsMzkuNjY0NTQ3MyA0OTYuODAzMTE3LDU4LjIwNjExMTEgQzUwNi43MTkyNTQsNzYuNzQ3Njc0OSA1MTIsOTUuMTM5MDY5NyA1MTIsMTQ1Ljg1NjU4IEw1MTIsMzY2LjE0MzQyIEM1MTIsNDE2Ljg2MDkzIDUwNi43MTkyNTQsNDM1LjI1MjMyNSA0OTYuODAzMTE3LDQ1My43OTM4ODkgQzQ4Ni44ODY5OCw0NzIuMzM1NDUzIDQ3Mi4zMzU0NTMsNDg2Ljg4Njk4IDQ1My43OTM4ODksNDk2LjgwMzExNyBDNDM1LjI1MjMyNSw1MDYuNzE5MjU0IDQxNi44NjA5Myw1MTIgMzY2LjE0MzQyLDUxMiBMMTQ1Ljg1NjU4LDUxMiBDOTUuMTM5MDY5Nyw1MTIgNzYuNzQ3Njc0OSw1MDYuNzE5MjU0IDU4LjIwNjExMTEsNDk2LjgwMzExNyBDMzkuNjY0NTQ3Myw0ODYuODg2OTggMjUuMTEzMDE5NSw0NzIuMzM1NDUzIDE1LjE5Njg4MjcsNDUzLjc5Mzg4OSBDNS4yODA3NDU4OCw0MzUuMjUyMzI1IC0xLjkzMjU5MDU4ZS0xNSw0MTYuODYwOTMgMy4zMjYxNTI4NGUtMTUsMzY2LjE0MzQyIEwzLjkyODUyMDI4ZS0xNSwxNDUuODU2NTggQy0yLjI4MjU4MzQxZS0xNSw5NS4xMzkwNjk3IDUuMjgwNzQ1ODgsNzYuNzQ3Njc0OSAxNS4xOTY4ODI3LDU4LjIwNjExMTEgQzI1LjExMzAxOTUsMzkuNjY0NTQ3MyAzOS42NjQ1NDczLDI1LjExMzAxOTUgNTguMjA2MTExMSwxNS4xOTY4ODI3IEM3Ni43NDc2NzQ5LDUuMjgwNzQ1ODggOTUuMTM5MDY5NywtNy45MTI5ODg3N2UtMTYgMTQ1Ljg1NjU4LDEuMzYxODkyN2UtMTUgTDM2Ni4xNDM0Miw1Ljg5Mjc4MDQyZS0xNSBaIiBpZD0icGF0aC0xIj48L3BhdGg+IDxyYWRpYWxHcmFkaWVudCBjeD0iNTAuMDA1NTM3NyUiIGN5PSI1MC4wMDU1Mzc3JSIgZng9IjUwLjAwNTUzNzclIiBmeT0iNTAuMDA1NTM3NyUiIHI9IjUwLjAwNTUzNzclIiBpZD0icmFkaWFsR3JhZGllbnQtMyI+IDxzdG9wIHN0b3AtY29sb3I9IiMwMDAwNDYiIG9mZnNldD0iMCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzAwMDA0NiIgb2Zmc2V0PSIyJSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDQ2IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4gPC9yYWRpYWxHcmFkaWVudD4gPHJlY3QgaWQ9InBhdGgtNCIgeD0iMCIgeT0iMCIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjwvcmVjdD4gPHJhZGlhbEdyYWRpZW50IGN4PSI5OS4xNTgyNjc4JSIgY3k9Ijk4LjQ0OTQ0MDclIiBmeD0iOTkuMTU4MjY3OCUiIGZ5PSI5OC40NDk0NDA3JSIgcj0iMjc5Ljk0MjQwOCUiIGlkPSJyYWRpYWxHcmFkaWVudC02Ij4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNDYwMCIgb2Zmc2V0PSIwJSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkY0NjA1IiBzdG9wLW9wYWNpdHk9IjAuOTYiIG9mZnNldD0iMSUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNDYyMCIgc3RvcC1vcGFjaXR5PSIwLjc4IiBvZmZzZXQ9IjUlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjQ2M0EiIHN0b3Atb3BhY2l0eT0iMC42MSIgb2Zmc2V0PSI5JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkY0NjUwIiBzdG9wLW9wYWNpdHk9IjAuNDciIG9mZnNldD0iMTQlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjQ2NjMiIHN0b3Atb3BhY2l0eT0iMC4zNCIgb2Zmc2V0PSIyMCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNDY3MyIgc3RvcC1vcGFjaXR5PSIwLjIzIiBvZmZzZXQ9IjI1JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkY0NjgwIiBzdG9wLW9wYWNpdHk9IjAuMTUiIG9mZnNldD0iMzIlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjQ2OEEiIHN0b3Atb3BhY2l0eT0iMC4wOCIgb2Zmc2V0PSI0MCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNDY5MSIgc3RvcC1vcGFjaXR5PSIwLjAzIiBvZmZzZXQ9IjQ5JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkY0Njk1IiBzdG9wLW9wYWNpdHk9IjAuMDEiIG9mZnNldD0iNjMlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjQ2OTYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+IDwvcmFkaWFsR3JhZGllbnQ+IDxyYWRpYWxHcmFkaWVudCBjeD0iLTAuMzQzMzM4MTMzJSIgY3k9Ii0wLjMyMTE4NzI4NSUiIGZ4PSItMC4zNDMzMzgxMzMlIiBmeT0iLTAuMzIxMTg3Mjg1JSIgcj0iMjM1LjkzOTc1JSIgaWQ9InJhZGlhbEdyYWRpZW50LTciPiA8c3RvcCBzdG9wLWNvbG9yPSIjMDBBM0ZGIiBvZmZzZXQ9IjAlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiMwMEEwRkYiIHN0b3Atb3BhY2l0eT0iMC45NiIgb2Zmc2V0PSIxJSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjMDA5MUZGIiBzdG9wLW9wYWNpdHk9IjAuNzgiIG9mZnNldD0iNSUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzAwODJGRiIgc3RvcC1vcGFjaXR5PSIwLjYxIiBvZmZzZXQ9IjklIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiMwMDc2RkYiIHN0b3Atb3BhY2l0eT0iMC40NyIgb2Zmc2V0PSIxNCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzAwNkJGRiIgc3RvcC1vcGFjaXR5PSIwLjM0IiBvZmZzZXQ9IjIwJSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjMDA2MkZGIiBzdG9wLW9wYWNpdHk9IjAuMjMiIG9mZnNldD0iMjUlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiMwMDVBRkYiIHN0b3Atb3BhY2l0eT0iMC4xNSIgb2Zmc2V0PSIzMiUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzAwNTVGRiIgc3RvcC1vcGFjaXR5PSIwLjA4IiBvZmZzZXQ9IjQwJSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjMDA1MUZGIiBzdG9wLW9wYWNpdHk9IjAuMDMiIG9mZnNldD0iNDklIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiMwMDRGRkYiIHN0b3Atb3BhY2l0eT0iMC4wMSIgb2Zmc2V0PSI2MyUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzAwNEVGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4gPC9yYWRpYWxHcmFkaWVudD4gPHJhZGlhbEdyYWRpZW50IGN4PSIxMi44NTg1NjY4JSIgY3k9IjgxLjI4OTMwODIlIiBmeD0iMTIuODU4NTY2OCUiIGZ5PSI4MS4yODkzMDgyJSIgcj0iMTIyLjkyNjEyNyUiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xMjg1ODYsMC44MTI4OTMpLHNjYWxlKDEuMDAwMDAwLDAuNzg4Njk3KSx0cmFuc2xhdGUoLTAuMTI4NTg2LC0wLjgxMjg5MykiIGlkPSJyYWRpYWxHcmFkaWVudC04Ij4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNjBGRiIgb2Zmc2V0PSIwJSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkY1REY5IiBzdG9wLW9wYWNpdHk9IjAuOTYiIG9mZnNldD0iMSUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNEJEQyIgc3RvcC1vcGFjaXR5PSIwLjc4IiBvZmZzZXQ9IjUlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjNCQzEiIHN0b3Atb3BhY2l0eT0iMC42MSIgb2Zmc2V0PSI5JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkYyREFBIiBzdG9wLW9wYWNpdHk9IjAuNDciIG9mZnNldD0iMTQlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjIxOTUiIHN0b3Atb3BhY2l0eT0iMC4zNCIgb2Zmc2V0PSIyMCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGMTY4NCIgc3RvcC1vcGFjaXR5PSIwLjIzIiBvZmZzZXQ9IjI1JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkYwRTc2IiBzdG9wLW9wYWNpdHk9IjAuMTUiIG9mZnNldD0iMzIlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjA4NkMiIHN0b3Atb3BhY2l0eT0iMC4wOCIgb2Zmc2V0PSI0MCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGMDM2NCIgc3RvcC1vcGFjaXR5PSIwLjAzIiBvZmZzZXQ9IjQ5JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkYwMTYwIiBzdG9wLW9wYWNpdHk9IjAuMDEiIG9mZnNldD0iNjMlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjAwNUYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+IDwvcmFkaWFsR3JhZGllbnQ+IDxyYWRpYWxHcmFkaWVudCBjeD0iNjEuMjEzODY2NCUiIGN5PSI2LjQzNzI0MzQzJSIgZng9IjYxLjIxMzg2NjQlIiBmeT0iNi40MzcyNDM0MyUiIHI9IjY1LjMwMDY5NzglIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNjEyMTM5LDAuMDY0MzcyKSxzY2FsZSgxLjAwMDAwMCwwLjc4ODYyOCksdHJhbnNsYXRlKC0wLjYxMjEzOSwtMC4wNjQzNzIpIiBpZD0icmFkaWFsR3JhZGllbnQtOSI+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjQ2MDAiIG9mZnNldD0iMCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNDYwNSIgc3RvcC1vcGFjaXR5PSIwLjk2IiBvZmZzZXQ9IjElIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjQ2MjAiIHN0b3Atb3BhY2l0eT0iMC43OCIgb2Zmc2V0PSI1JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkY0NjNBIiBzdG9wLW9wYWNpdHk9IjAuNjEiIG9mZnNldD0iOSUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNDY1MCIgc3RvcC1vcGFjaXR5PSIwLjQ3IiBvZmZzZXQ9IjE0JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkY0NjYzIiBzdG9wLW9wYWNpdHk9IjAuMzQiIG9mZnNldD0iMjAlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjQ2NzMiIHN0b3Atb3BhY2l0eT0iMC4yMyIgb2Zmc2V0PSIyNSUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNDY4MCIgc3RvcC1vcGFjaXR5PSIwLjE1IiBvZmZzZXQ9IjMyJSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkY0NjhBIiBzdG9wLW9wYWNpdHk9IjAuMDgiIG9mZnNldD0iNDAlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiNGRjQ2OTEiIHN0b3Atb3BhY2l0eT0iMC4wMyIgb2Zmc2V0PSI0OSUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNDY5NSIgc3RvcC1vcGFjaXR5PSIwLjAxIiBvZmZzZXQ9IjYzJSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjRkY0Njk2IiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMTAwJSI+PC9zdG9wPiA8L3JhZGlhbEdyYWRpZW50PiA8cmFkaWFsR3JhZGllbnQgY3g9Ijk5Ljg4OTI0NTglIiBjeT0iMTAwLjA3ODYwOSUiIGZ4PSI5OS44ODkyNDU4JSIgZnk9IjEwMC4wNzg2MDklIiByPSIxMzMuMjQ4NDIyJSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwLjk5ODg5MiwxLjAwMDc4Niksc2NhbGUoMS4wMDAwMDAsMC43ODg2MjgpLHRyYW5zbGF0ZSgtMC45OTg4OTIsLTEuMDAwNzg2KSIgaWQ9InJhZGlhbEdyYWRpZW50LTEwIj4gPHN0b3Agc3RvcC1jb2xvcj0iIzAwQTNGRiIgb2Zmc2V0PSIwJSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjMDBBMEZGIiBzdG9wLW9wYWNpdHk9IjAuOTYiIG9mZnNldD0iMSUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzAwOTFGRiIgc3RvcC1vcGFjaXR5PSIwLjc4IiBvZmZzZXQ9IjUlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiMwMDgyRkYiIHN0b3Atb3BhY2l0eT0iMC42MSIgb2Zmc2V0PSI5JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjMDA3NkZGIiBzdG9wLW9wYWNpdHk9IjAuNDciIG9mZnNldD0iMTQlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiMwMDZCRkYiIHN0b3Atb3BhY2l0eT0iMC4zNCIgb2Zmc2V0PSIyMCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzAwNjJGRiIgc3RvcC1vcGFjaXR5PSIwLjIzIiBvZmZzZXQ9IjI1JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjMDA1QUZGIiBzdG9wLW9wYWNpdHk9IjAuMTUiIG9mZnNldD0iMzIlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiMwMDU1RkYiIHN0b3Atb3BhY2l0eT0iMC4wOCIgb2Zmc2V0PSI0MCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzAwNTFGRiIgc3RvcC1vcGFjaXR5PSIwLjAzIiBvZmZzZXQ9IjQ5JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjMDA0RkZGIiBzdG9wLW9wYWNpdHk9IjAuMDEiIG9mZnNldD0iNjMlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiMwMDRFRkYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+IDwvcmFkaWFsR3JhZGllbnQ+IDxyYWRpYWxHcmFkaWVudCBjeD0iLTAuNTg2OTk3NDUzJSIgY3k9IjEwMC41MjQxMDklIiBmeD0iLTAuNTg2OTk3NDUzJSIgZnk9IjEwMC41MjQxMDklIiByPSIxMDQuODg0MjYyJSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4wMDU4NzAsMS4wMDUyNDEpLHNjYWxlKDEuMDAwMDAwLDAuNzg4Njk3KSx0cmFuc2xhdGUoMC4wMDU4NzAsLTEuMDA1MjQxKSIgaWQ9InJhZGlhbEdyYWRpZW50LTExIj4gPHN0b3Agc3RvcC1jb2xvcj0iIzAwRkZDQSIgb2Zmc2V0PSIwJSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjMDNGQ0NDIiBzdG9wLW9wYWNpdHk9IjAuOTYiIG9mZnNldD0iMSUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzBGRUFENSIgc3RvcC1vcGFjaXR5PSIwLjc4IiBvZmZzZXQ9IjUlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiMxQkRBREUiIHN0b3Atb3BhY2l0eT0iMC42MSIgb2Zmc2V0PSI5JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjMjVDQ0U2IiBzdG9wLW9wYWNpdHk9IjAuNDciIG9mZnNldD0iMTQlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiMyRUMwRUQiIHN0b3Atb3BhY2l0eT0iMC4zNCIgb2Zmc2V0PSIyMCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzM2QjVGMyIgc3RvcC1vcGFjaXR5PSIwLjIzIiBvZmZzZXQ9IjI1JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjM0NBREY3IiBzdG9wLW9wYWNpdHk9IjAuMTUiIG9mZnNldD0iMzIlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiM0MEE3RkIiIHN0b3Atb3BhY2l0eT0iMC4wOCIgb2Zmc2V0PSI0MCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iIzQ0QTJGRCIgc3RvcC1vcGFjaXR5PSIwLjAzIiBvZmZzZXQ9IjQ5JSI+PC9zdG9wPiA8c3RvcCBzdG9wLWNvbG9yPSIjNDVBMEZGIiBzdG9wLW9wYWNpdHk9IjAuMDEiIG9mZnNldD0iNjMlIj48L3N0b3A+IDxzdG9wIHN0b3AtY29sb3I9IiM0NjlGRkYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+IDwvcmFkaWFsR3JhZGllbnQ+IDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iOTkuMjAxMDY1MiUiIHgyPSI1MCUiIHkyPSIwLjM5OTQ2NzM3NyUiIGlkPSJsaW5lYXJHcmFkaWVudC0xMiI+IDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0ZERkVGRSIgb2Zmc2V0PSI2MiUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0Y2RjlGQiIgb2Zmc2V0PSI4NSUiPjwvc3RvcD4gPHN0b3Agc3RvcC1jb2xvcj0iI0VCRjBGNSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+IDwvbGluZWFyR3JhZGllbnQ+IDwvZGVmcz4gPGcgaWQ9InBsYXkvaWNfbGF1bmNoZXJfQVBQIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gPGcgaWQ9Imljb24iPiA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+IDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+IDwvbWFzaz4gPHVzZSBpZD0iU21vb3RoLUNvcm5lcnMiIGZpbGw9IiMwMDAwMDAiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiA8ZyBtYXNrPSJ1cmwoI21hc2stMikiPiA8bWFzayBpZD0ibWFzay01IiBmaWxsPSJ3aGl0ZSI+IDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtNCI+PC91c2U+IDwvbWFzaz4gPHVzZSBpZD0iUmVjdGFuZ2xlIiBmaWxsPSJ1cmwoI3JhZGlhbEdyYWRpZW50LTMpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTQiPjwvdXNlPiA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSJ1cmwoI3JhZGlhbEdyYWRpZW50LTYpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjbWFzay01KSIgeD0iMCIgeT0iMCIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjwvcmVjdD4gPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0idXJsKCNyYWRpYWxHcmFkaWVudC03KSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI21hc2stNSkiIHg9IjAiIHk9IjAiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48L3JlY3Q+IDxwb2x5Z29uIGlkPSJQYXRoIiBmaWxsPSJ1cmwoI3JhZGlhbEdyYWRpZW50LTgpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjbWFzay01KSIgcG9pbnRzPSI1MTMuNjQ5Nzc4IC0xMDQuNzg5MzMzIDAgLTI0Mi40MDM1NTYgMCAyNzEuMjQ2MjIyIDUxMy42NDk3NzggNDA4Ljg2MDQ0NCI+PC9wb2x5Z29uPiA8cG9seWdvbiBpZD0iUGF0aCIgZmlsbD0idXJsKCNyYWRpYWxHcmFkaWVudC05KSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI21hc2stNSkiIHBvaW50cz0iMCAyMzguMDggNTEzLjY0OTc3OCAxMDAuNDA4ODg5IDUxMy42NDk3NzggNjE0LjExNTU1NiAwIDc1MS43Mjk3NzgiPjwvcG9seWdvbj4gPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9InVybCgjcmFkaWFsR3JhZGllbnQtMTApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjbWFzay01KSIgcG9pbnRzPSI1MTMuNjQ5Nzc4IC0xNjkuNTg1Nzc4IDAgLTMwNy4yIDAgMjA2LjQ0OTc3OCA1MTMuNjQ5Nzc4IDM0NC4xMjA4ODkiPjwvcG9seWdvbj4gPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9InVybCgjcmFkaWFsR3JhZGllbnQtMTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjbWFzay01KSIgcG9pbnRzPSIwIC0xMDQuNzg5MzMzIDUxMy42NDk3NzggLTI0Mi40MDM1NTYgNTEzLjY0OTc3OCAyNzEuMjQ2MjIyIDAgNDA4Ljg2MDQ0NCI+PC9wb2x5Z29uPiA8cGF0aCBkPSJNMjU2Ljc5NjQ0NCwxNjkuMTMwNjY3IEwyNzYuMzY2MjIyLDE3NC4zNjQ0NDQgTDI3Ni4zNjYyMjIsMTkwLjAwODg4OSBMMjY0LjY0NzExMSwxODYuODggTDI2NC42NDcxMTEsMzM3LjkyIEwyNTYuNzk2NDQ0LDM0MC4wMjQ4ODkgTDI0OS4wMDI2NjcsMzM3LjkyIEwyNDkuMDAyNjY3LDE4Ni44OCBMMjM3LjIyNjY2NywxOTAuMDA4ODg5IEwyMzcuMjI2NjY3LDE3NC4zNjQ0NDQgTDI1Ni43OTY0NDQsMTY5LjEzMDY2NyBaIE0yODAuMjkxNTU2LDE3NS40NDUzMzMgTDMyMy4wNzIsMTg2LjgyMzExMSBMMzIzLjA3MiwyOTguODM3MzMzIEwyOTUuOTM2LDMwNi4wNjIyMjIgTDI5NS45MzYsMzI5LjU1NzMzMyBMMjgwLjI5MTU1NiwzMzMuNzY3MTExIEwyODAuMjkxNTU2LDE3NS40NDUzMzMgWiBNMjMzLjI0NDQ0NCwxNzUuNDQ1MzMzIEwyMzMuMjQ0NDQ0LDMzMy43MTAyMjIgTDE4Mi44NDA4ODksMzIwLjIyNzU1NiBMMTgyLjg0MDg4OSwxODguOTI4IEwyMzMuMjQ0NDQ0LDE3NS40NDUzMzMgWiBNMzMwLjkyMjY2NywxODguOTg0ODg5IEwzNDYuNTY3MTExLDE5My4xOTQ2NjcgTDM0Ni41NjcxMTEsMjcxLjQ3Mzc3OCBMMzY1Ljc5NTU1NiwxOTguMzE0NjY3IEwzODEuNDQsMjAyLjUyNDQ0NCBMMzgxLjQ0LDMwNi42MzExMTEgTDM2NS43OTU1NTYsMzEwLjg0MDg4OSBMMzY1Ljc5NTU1NiwyNDcuNTgwNDQ0IEwzNDYuNTEwMjIyLDMxNS45NjA4ODkgTDMzMC45MjI2NjcsMzIwLjE3MDY2NyBMMzMwLjkyMjY2NywxODguOTg0ODg5IFogTTE3NS4wNDcxMTEsMTkxLjAzMjg4OSBMMTc1LjA0NzExMSwzMTguMTIyNjY3IEwxNTkuNDAyNjY3LDMxMy45MTI4ODkgTDE1OS40MDI2NjcsMjQ0LjI4MDg4OSBMMTUxLjYwODg4OSwyODguNDI2NjY3IEwxMzUuOTY0NDQ0LDI4NC4xNiBMMTI4LjExMzc3OCwyNDcuMjM5MTExIEwxMjguMTEzNzc4LDMwNS41NTAyMjIgTDExMi40NjkzMzMsMzAxLjM0MDQ0NCBMMTEyLjQ2OTMzMywyMDcuODE1MTExIEwxMjguMTEzNzc4LDIwMy42MDUzMzMgTDE0My41ODc1NTYsMjYxLjgwMjY2NyBMMTU5LjQwMjY2NywxOTUuMjQyNjY3IEwxNzUuMDQ3MTExLDE5MS4wMzI4ODkgWiBNMjE3LjY1Njg4OSwxOTUuMjQyNjY3IEwxOTguNTQyMjIyLDIwMC4zNjI2NjcgTDE5OC41NDIyMjIsMzA4Ljc5Mjg4OSBMMjE3LjY1Njg4OSwzMTMuOTEyODg5IEwyMTcuNjU2ODg5LDE5NS4yNDI2NjcgWiBNMzg5LjIzMzc3OCwyMDQuNjI5MzMzIEw0MDQuOTM1MTExLDIwOC43ODIyMjIgTDQxOS42NjkzMzMsMjU3LjQyMjIyMiBMNDMzLjA5NTExMSwyMTYuMzQ4NDQ0IEw0NDguNjgyNjY3LDIyMC41NTgyMjIgTDQ0OC43Mzk1NTYsMjg4LjU5NzMzMyBMNDMzLjAzODIyMiwyOTIuNzUwMjIyIEw0MzMuMDM4MjIyLDI0Ny45MjE3NzggTDQyNi43ODA0NDQsMjcwLjk2MTc3OCBMNDExLjEzNiwyNzUuMjI4NDQ0IEw0MDQuODc4MjIyLDI0NC41MDg0NDQgTDQwNC44NzgyMjIsMzAwLjM3MzMzMyBMMzg5LjIzMzc3OCwzMDQuNTI2MjIyIEwzODkuMjMzNzc4LDIwNC42MjkzMzMgWiBNMTA0LjY3NTU1NiwyMDkuODYzMTExIEwxMDQuNjc1NTU2LDI0MS4xNTIgTDg5LjAzMTExMTEsMjQ1LjMwNDg4OSBMODkuMDMxMTExMSwyMjkuNzE3MzMzIEw4MC40OTc3Nzc4LDIzMS45OTI4ODkgTDgwLjQ5Nzc3NzgsMjc3LjE2MjY2NyBMODkuMDMxMTExMSwyNzkuNDM4MjIyIEw4OS4wMzExMTExLDI2My44NTA2NjcgTDEwNC42NzU1NTYsMjY4LjA2MDQ0NCBMMTA0LjY3NTU1NiwyOTkuMjkyNDQ0IEw2NC44NTMzMzMzLDI4OC41OTczMzMgTDY0Ljg1MzMzMzMsMjIwLjU1ODIyMiBMMTA0LjY3NTU1NiwyMDkuODYzMTExIFogTTI5Ni4xMDY2NjcsMTk1LjI0MjY2NyBMMjk2LjEwNjY2NywyOTAuNTMxNTU2IEwzMDcuNDg0NDQ0LDI4Ny40MDI2NjcgTDMwNy40ODQ0NDQsMTk4LjM3MTU1NiBMMjk2LjEwNjY2NywxOTUuMjQyNjY3IFoiIGlkPSJTaGFwZSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xMikiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNtYXNrLTUpIj48L3BhdGg+IDwvZz4gPC9nPiA8L2c+IDwvc3ZnPg==") no-repeat;
  background-size: cover;
  height: 96px;
  width: 96px;
  margin: 0 auto;
  border-radius: 25px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);
  -webkit-animation: picture 0.8s;
          animation: picture 0.8s;
  transform: scale(1.5);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

.google-app__picture img {
  height: 100%;
  width: 100%;
}

.google-app__info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  z-index: 3;
}

@supports (margin-top: env(safe-area-inset-bottom)) {
  .google-app__info {
    margin-top: -calc(env(safe-area-inset-bottom));
  }
}

@media screen and (orientation: landscape) {
  .google-app__info {
    top: 20%;
    transform: translateY(-20%);
  }
}

.google-app__btns {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 48px;
  z-index: 4;
}

@media screen and (orientation: landscape) {
  .google-app__btns {
    bottom: 5%;
  }
}

.google-app__store {
  margin: 0 auto;
  width: 70%;
  padding: 8px 0;
  opacity: 0;
  position: relative;
  top: 20px;
  -webkit-animation: store 1s;
          animation: store 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@media screen and (orientation: landscape) {
  .google-app__store {
    width: 35%;
  }
}

.google-app__title {
  font: bold 15px/20px "SF Pro Display Bold", sans-serif;
  color: #FFFFFF;
  width: 70%;
  margin: 20px auto 0 auto;
  opacity: 0;
  position: relative;
  top: 20px;
  -webkit-animation: store 1s;
          animation: store 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.google-app__anons {
  font: bold 12px/48px "SF Mono Semi Bold", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0 auto;
  padding: 8px 0;
  width: 70%;
  cursor: pointer;
  text-align: center;
  display: block;
  opacity: 0;
  position: relative;
  top: 20px;
  -webkit-animation: store 1s;
          animation: store 1s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@media screen and (orientation: landscape) {
  .google-app__anons {
    font: bold 12px/32px "SF Mono Semi Bold", sans-serif;
    width: 35%;
  }
}

.google-app__close {
  display: block;
  height: 24px;
  width: 24px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/close.svg?1fff3ab8effc295b8ba3c4a4244b8d3b) center no-repeat;
  background-size: cover;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
}

.google-app__link {
  font: bold 12px/48px "SF Mono Semi Bold", sans-serif;
  text-transform: uppercase;
  color: #2A2C3D;
  background: #FFFFFF;
  border-radius: 4px;
  display: block;
  cursor: pointer;
  text-align: center;
}

@media screen and (orientation: landscape) {
  .google-app__link {
    font: bold 12px/32px "SF Mono Semi Bold", sans-serif;
  }
}

@-webkit-keyframes picture {
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes picture {
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes store {
  100% {
    top: 0;
    opacity: 1;
  }
}

@keyframes store {
  100% {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes leftBg {
  100% {
    left: 0;
    opacity: 1;
  }
}

@keyframes leftBg {
  100% {
    left: 0;
    opacity: 1;
  }
}

@-webkit-keyframes rightBg {
  100% {
    right: 0;
    opacity: 1;
  }
}

@keyframes rightBg {
  100% {
    right: 0;
    opacity: 1;
  }
}

.notification {
  position: fixed;
  right: 40px;
  bottom: 40px;
  max-width: 389px;
  width: 100%;
  z-index: 1000;
}

@media screen and (max-width: 599px) {
  .notification {
    right: 15px;
    max-width: 300px;
  }
}

.notification__container {
  position: relative;
  padding: 16px 16px 14px 16px;
  color: #2A2C3D;
  background-color: #FFFFFF;
  border: 1px solid #EFF1F3;
  border-radius: 8px;
  box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.app--scheme-black .notification__container {
  color: #FFFFFF;
  background-color: #1A1A1A;
  border-color: #404040;
}

.notification__close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 99;
}

.app--scheme-black .notification__close path {
  stroke: #404040;
}

.notification .news:after {
  display: none;
}

.notification .news__content {
  display: flex;
  margin-bottom: 25px;
  font-size: 13px;
}

.notification .news__content__inner {
  width: 100%;
  padding-left: 16px;
}

.notification .news__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
}

.notification .news__image {
  flex-shrink: 0;
  width: 122px;
}

.notification .news__image img {
  max-width: 100%;
  border-radius: 6px;
}

.notification .news__title {
  display: block;
  margin-bottom: 8px;
  color: inherit;
  font-family: "SF Pro Display Regular";
  font-weight: 800;
}

.notification .news__text {
  font-family: "SF Pro Display Regular";
  font-weight: 500;
  color: inherit;
}

.notification .news__date {
  font-family: "SF Pro Display Regular";
  font-weight: 500;
  color: #B8C2CC;
}

.app--scheme-black .notification .news__date {
  color: #535353;
}

.notification .news__link {
  display: flex;
  align-items: center;
  font-family: "SF Mono Semi Bold";
  font-weight: 600;
  color: #2F23EE;
  text-transform: uppercase;
}

.notification .news__link .icon {
  margin-left: 16px;
}

.app--scheme-black .notification .news__link {
  color: #FF0047;
}

.app--scheme-black .notification .news__link path {
  fill: #B8C2CC;
}

.new-section {
  width: 100%;
  padding: 32px 0;
  position: relative;
  z-index: 1;
}

.new-section__background {
  position: absolute;
  top: 0;
  right: -8.3333333333%;
  width: 100%;
  height: 100%;
  transform: scaleX(2);
  transform-origin: top right;
}

.new-section--white .new-section__background {
  background: #FFFFFF;
}

.new-section--grey .new-section__background {
  background: #EFF1F3;
}

.new-section--dark .new-section__background {
  background: #1A1A1A;
}

.new-section--black .new-section__background {
  background: #000000;
}

.new-section__header {
  margin: 0 0 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .new-section__header {
    display: block;
    flex-flow: unset;
    justify-content: unset;
  }
}

.new-section__content {
  position: relative;
  z-index: 2;
}

.new-section__box--hidden {
  display: none;
}

.new-section__box--active {
  display: block;
}

.new-section--loading .new-section__box {
  display: none;
}

.new-section--loading .new-section__box:first-child {
  display: block;
}

.new-section__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  margin: auto 0;
  padding: 0 8px;
}

@media screen and (max-width: 768px) {
  .new-section__title {
    margin: 0;
  }
}

.new-section--white .new-section__header .new-section__title {
  color: #2A2C3D;
}

.new-section--grey .new-section__header .new-section__title {
  color: #2A2C3D;
}

.new-section--dark .new-section__header .new-section__title {
  color: #FFFFFF;
}

.new-section--black .new-section__header .new-section__title {
  color: #FFFFFF;
}

.new-section__filter {
  margin: auto 0;
  padding: 0 8px;
}

@media screen and (max-width: 768px) {
  .new-section__filter {
    margin: 20px 0 0;
  }
}

.new-section__link {
  color: inherit;
}

.new-section__header .new-section__title .new-section__link {
  padding: 0 28px 0 0;
}

.new-section--white .new-section__header .new-section__title .new-section__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.new-section--grey .new-section__header .new-section__title .new-section__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-light.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.new-section--dark .new-section__header .new-section__title .new-section__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.new-section--black .new-section__header .new-section__title .new-section__link {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-see-all-dark.svg?f35c12dca9c8e60a82a6a2123c33ab63) right center no-repeat;
  background-size: auto 100%;
}

.new-slider {
  width: 100%;
  position: relative;
}

.new-slider__container {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  z-index: 1;
}

.new-slider__container:before,
.new-slider__container:after {
  content: "";
  position: absolute;
  top: 0;
  width: 8px;
  height: 100%;
  background: #FFFFFF;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .new-slider__container:before,
  .new-slider__container:after {
    content: none;
  }
}

.new-section--white .new-slider__container:before,
.new-section--white .new-slider__container:after {
  background: #FFFFFF;
}

.new-section--grey .new-slider__container:before,
.new-section--grey .new-slider__container:after {
  background: #EFF1F3;
}

.new-section--dark .new-slider__container:before,
.new-section--dark .new-slider__container:after {
  background: #1A1A1A;
}

.new-section--black .new-slider__container:before,
.new-section--black .new-slider__container:after {
  background: #000000;
}

.new-slider__container:before {
  left: 0;
}

.new-slider__container:after {
  right: 0;
}

@media screen and (max-width: 768px) {
  .new-slider__container {
    overflow: visible;
    width: auto;
    margin: 0 -8px;
  }
}

.new-slider__navigation {
  position: absolute;
  top: 30.911%;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .new-slider__navigation {
    display: none;
  }
}

.new-slider__list {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: content-box;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
  transition-property: transform;
}

@media screen and (max-width: 768px) {
  .new-slider__list {
    padding: 0 12px;
    width: auto;
  }
}

.new-slider__item {
  box-sizing: border-box;
  margin: 8px 0 0;
  padding: 0 8px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

@media screen and (max-width: 768px) {
  .new-slider__item {
    padding: 0 4px;
  }

  .new-slider__item:last-child {
    margin: 8px 12px 0 0;
  }
}

.new-slider__item--article {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-slider__item--article {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-slider__item--article {
    width: 50%;
  }
}

.new-slider--template-news .new-slider__item--article {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-slider--template-news .new-slider__item--article {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-slider--template-news .new-slider__item--article {
    width: 50%;
  }
}

.new-slider--template-newsFeed .new-slider__item--article {
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .new-slider--template-newsFeed .new-slider__item--article {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .new-slider--template-newsFeed .new-slider__item--article {
    width: 100%;
  }
}

.new-slider--template-brands .new-slider__item--brand {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-slider--template-brands .new-slider__item--brand {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-slider--template-brands .new-slider__item--brand {
    width: 50%;
  }
}

.new-slider--template-brandsFeed .new-slider__item--brand {
  width: 33.3333333333%;
}

@media screen and (max-width: 1024px) {
  .new-slider--template-brandsFeed .new-slider__item--brand {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .new-slider--template-brandsFeed .new-slider__item--brand {
    width: 50%;
  }
}

.new-slider--template-brandsGreed .new-slider__item--brand {
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .new-slider--template-brandsGreed .new-slider__item--brand {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-slider--template-brandsGreed .new-slider__item--brand {
    width: 50%;
  }
}

.new-slider--template-brandsWide .new-slider__item--brand {
  width: 41.6666666667%;
}

@media screen and (max-width: 768px) {
  .new-slider--template-brandsWide .new-slider__item--brand {
    width: 75%;
  }
}

.new-slider--template-mixed .new-slider__item--brand {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-slider--template-mixed .new-slider__item--brand {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-slider--template-mixed .new-slider__item--brand {
    width: 50%;
  }
}

.new-slider__item--video {
  width: 16.6666666667%;
}

@media screen and (max-width: 768px) {
  .new-slider__item--video {
    width: 50%;
  }
}

.new-slider--template-videos .new-slider__item--video {
  width: 16.6666666667%;
}

@media screen and (max-width: 768px) {
  .new-slider--template-videos .new-slider__item--video {
    width: 50%;
  }
}

.new-slider--template-videosGreed .new-slider__item--video {
  width: 25%;
}

@media screen and (max-width: 768px) {
  .new-slider--template-videosGreed .new-slider__item--video {
    width: 50%;
  }
}

.new-slider__item--collection {
  width: 25%;
}

@media screen and (max-width: 768px) {
  .new-slider__item--collection {
    width: 50%;
  }
}

.new-slider__button {
  position: absolute;
  top: 0;
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.0966455);
}

.new-slider__button[href="#prev-slide"] {
  left: 8px;
  margin: -20px 0 0 -20px;
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 60%;
}

.new-slider__button[href="#next-slide"] {
  right: 8px;
  margin: -20px -20px 0 0;
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 60%;
}

.new-slider__button--disabled {
  display: none;
}

.new-slider__button--hidden {
  display: none;
}

.look-more__picture {
  display: block;
  width: 100%;
  padding: 0 0 56.25%;
  background: #404040 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/look-more.svg?50100ec4e6e292c2e7132a5271441461) center no-repeat;
  border-radius: 4px;
  opacity: 0.4;
}

.look-more__title {
  padding-top: 8px;
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  color: #fff;
}

.new-list {
  width: 100%;
  position: relative;
}

.new-list__container {
  width: 100%;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .new-list__container {
    overflow: visible;
    width: auto;
    margin: 0 -8px;
  }
}

.new-list__control {
  margin: 0;
  width: 100%;
  display: flex;
  z-index: 1;
}

.new-list--template-compilations .new-list__control {
  margin: 40px 0 0;
}

.new-list__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .new-list__list {
    padding: 0 12px;
    width: auto;
  }
}

.new-list__item {
  box-sizing: border-box;
  margin: 8px 0 40px;
  padding: 0 8px;
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}

@media screen and (max-width: 768px) {
  .new-list__item {
    padding: 0 4px;
  }
}

.new-list__item--article {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-list__item--article {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-list__item--article {
    width: 50%;
  }
}

.new-list--template-news .new-list__item--article {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-list--template-news .new-list__item--article {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-list--template-news .new-list__item--article {
    width: 50%;
  }
}

.new-list--template-newsFeed .new-list__item--article {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-list--template-newsFeed .new-list__item--article {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-list--template-newsFeed .new-list__item--article {
    width: 50%;
  }
}

.new-list__item--brand {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-list__item--brand {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-list__item--brand {
    width: 50%;
  }
}

.new-list--template-brands .new-list__item--brand {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-list--template-brands .new-list__item--brand {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-list--template-brands .new-list__item--brand {
    width: 50%;
  }
}

.new-list--template-brandsFeed .new-list__item--brand {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-list--template-brandsFeed .new-list__item--brand {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-list--template-brandsFeed .new-list__item--brand {
    width: 50%;
  }
}

.new-list--template-brandsGreed .new-list__item--brand {
  width: 25%;
}

@media screen and (max-width: 1024px) {
  .new-list--template-brandsGreed .new-list__item--brand {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-list--template-brandsGreed .new-list__item--brand {
    width: 50%;
  }
}

.new-list--template-brandsWide .new-list__item--brand {
  width: 41.6666666667%;
}

@media screen and (max-width: 768px) {
  .new-list--template-brandsWide .new-list__item--brand {
    width: 75%;
  }
}

.new-list--template-mixed .new-list__item--brand {
  width: 16.6666666667%;
}

@media screen and (max-width: 1024px) {
  .new-list--template-mixed .new-list__item--brand {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  .new-list--template-mixed .new-list__item--brand {
    width: 50%;
  }
}

.new-list__item--video {
  width: 16.6666666667%;
}

@media screen and (max-width: 768px) {
  .new-list__item--video {
    width: 50%;
  }
}

.new-list--template-videos .new-list__item--video {
  width: 16.6666666667%;
}

@media screen and (max-width: 768px) {
  .new-list--template-videos .new-list__item--video {
    width: 50%;
  }
}

.new-list--template-videosGreed .new-list__item--video {
  width: 25%;
}

@media screen and (max-width: 768px) {
  .new-list--template-videosGreed .new-list__item--video {
    width: 50%;
  }
}

.new-list__item--collection {
  width: 25%;
}

.new-list--template-compilations .new-list__item--collection {
  width: 50%;
  margin: 0;
  padding: 8px;
}

@media screen and (max-width: 768px) {
  .new-list--template-compilations .new-list__item--collection {
    width: 100%;
  }
}

.new-list__button--more {
  font: 11px/48px "SF Mono Semi Bold", monospace;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: calc(1/3*100% - 16px);
  margin: 0 auto;
  display: block;
  border-radius: 4px;
}

@media screen and (max-width: 768px) {
  .new-list__button--more {
    width: calc(100% - 16px);
  }
}

.new-section--white .new-list__button--more {
  background: #EFF1F3;
  color: #1A1C26;
}

.new-section--grey .new-list__button--more {
  background: #B8C2CC;
  color: #1A1C26;
}

.new-section--dark .new-list__button--more {
  background: #000000;
  color: #FFFFFF;
}

.new-section--black .new-list__button--more {
  background: #1A1A1A;
  color: #FFFFFF;
}

.btn_onoff_snow {
  position: fixed;
  top: calc(100vh - 62px);
  left: 32px;
  width: 82px;
  border-radius: 49px;
  cursor: pointer;
  z-index: 100;
}

.btn_onoff_snow img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .btn_onoff_snow {
    left: 10px;
    top: calc(100vh - 100px);
  }
}

.staff {
  width: 100%;
  padding: 30px 0;
  margin: 0 0 30px;
}

.staff.loading {
  position: relative;
}

.staff.loading:after {
  content: "\417\430\433\440\443\437\43A\430...";
  font: 1rem/1 "SF Mono Semi Bold", monospace;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  -webkit-animation: loading infinite 1s;
          animation: loading infinite 1s;
}

.staff:last-child {
  margin: 0;
}

.staff__header {
  margin: 0 0 25px;
}

.staff__list {
  margin: 0;
  padding: 0 8px;
  list-style: none;
}

.staff__item {
  margin: 0 0 25px;
  padding: 0 0 15px;
  border-bottom: 1px solid #686E78;
}

.staff__item:last-child {
  margin: 0;
  border: none;
}

.staff__header .staff__title {
  font: 2rem/1 "SF Pro Display Heavy", sans-serif;
  color: #2A2C3D;
  margin: 0 8px;
}

.staff__list .staff__title {
  font: 1.4rem/1.2 "SF Pro Display Heavy", sans-serif;
  color: #2A2C3D;
  margin: 0 0 10px;
}

.staff__date {
  font: 1rem/1.4 "SF Pro Display Medium", sans-serif;
  color: #2A2C3D;
  margin: 0 0 10px;
}

.staff__date:before {
  content: "\41E\431\43D\43E\432\43B\435\43D\43E: ";
}

.staff__link {
  font: 1rem/1.4 "SF Pro Display Medium", sans-serif;
  color: #2F23EE;
  text-decoration: underline;
  cursor: pointer;
}

.staff__link:hover,
.staff__link.copied {
  position: relative;
}

.staff__link:hover:after,
.staff__link.copied:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  display: block;
  height: 10px;
  width: 10px;
  margin: 5px 0 0;
  background: #303030;
  transform: rotate(45deg);
}

.staff__link:hover:before,
.staff__link.copied:before {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 10px 0 0;
  background: #303030;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 5px 10px;
}

.staff__link:hover:before {
  content: "\41D\430\436\43C\438\442\435   \447\442\43E\431\44B   \441\43A\43E\43F\438\440\43E\432\430\442\44C";
}

.staff__link.copied:before {
  content: "\421\441\44B\43B\43A\430   \441\43A\43E\43F\438\440\43E\432\430\43D\430   \432   \431\443\444\435\440   \43E\431\43C\435\43D\430";
}

@-webkit-keyframes loading {
  0% {
    content: "\417\430\433\440\443\437\43A\430     ";
  }

  25% {
    content: "\417\430\433\440\443\437\43A\430.  ";
  }

  50% {
    content: "\417\430\433\440\443\437\43A\430.. ";
  }

  75% {
    content: "\417\430\433\440\443\437\43A\430...";
  }

  100% {
    content: "\417\430\433\440\443\437\43A\430...";
  }
}

@keyframes loading {
  0% {
    content: "\417\430\433\440\443\437\43A\430     ";
  }

  25% {
    content: "\417\430\433\440\443\437\43A\430.  ";
  }

  50% {
    content: "\417\430\433\440\443\437\43A\430.. ";
  }

  75% {
    content: "\417\430\433\440\443\437\43A\430...";
  }

  100% {
    content: "\417\430\433\440\443\437\43A\430...";
  }
}

.datepicker {
  font: 11px/24px "SF Mono Medium", monospace;
  color: #1A1C26;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 32px 0 0;
  cursor: pointer;
  position: relative;
  display: flex;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-datepicker-dark.svg?5798232c5a2b5e8bd104d19cbae49812) right center no-repeat;
  background-size: auto 100%;
}

@media screen and (max-width: 768px) {
  .datepicker {
    font-size: 0;
    height: 32px;
    width: 32px;
    padding: 0;
  }
}

.datepicker input {
  width: 0;
  opacity: 0;
}

.flatpickr-calendar {
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  font-size: 14px;
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid #EFF1F3;
  position: absolute;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.2);
  outline: none;
}

.flatpickr-calendar * {
  outline: none;
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-months {
  display: flex;
  justify-content: space-between;
  margin: 22px 13px 0;
  height: 44px;
  background: #EFF1F3;
  border-radius: 44px;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  display: block;
  height: 40px;
  width: 40px;
  margin: 2px;
  border-radius: 100%;
  cursor: pointer;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  display: none;
}

.flatpickr-months .flatpickr-prev-month {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 50%;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-left-black.svg?3bb72239b2e36c644a53df9d03f2507b) center no-repeat;
  background-size: 50%;
  cursor: default;
}

.flatpickr-months .flatpickr-next-month {
  background: #FFFFFF url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 50%;
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-right-black.svg?a544c2860d46e2782c6149ed56f8cbde) center no-repeat;
  background-size: 50%;
  cursor: default;
}

.flatpickr-month {
  display: flex;
}

.flatpickr-current-month {
  display: flex;
}

.numInputWrapper {
  display: flex;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.numInputWrapper .numInput {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #1A1C26;
  border: 0;
  outline: 0;
  background: transparent;
  width: 46px;
  padding: 0;
  -moz-appearance: textfield;
}

.numInputWrapper .numInput .arrowUp,
.numInputWrapper .numInput .arrowDown {
  display: none;
}

.cur-month,
.flatpickr-monthDropdown-months {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #1A1C26;
  border: 0;
  outline: 0;
  background: transparent;
  margin: auto 4px auto 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.flatpickr-weekdaycontainer {
  display: flex;
  justify-content: space-between;
  margin: 0 24px;
  padding: 10px 0;
  width: 224px;
  border-bottom: 1px solid #EFF1F3;
}

.flatpickr-weekday {
  font: 12px/20px "SF Pro Display Bold", sans-serif;
  color: #B8C2CC;
  text-transform: uppercase;
  display: block;
  width: 32px;
}

.dayContainer {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 11px 24px;
  width: 224px;
}

.flatpickr-day {
  font: 12px/32px "SF Pro Display Bold", sans-serif;
  color: #1A1C26;
  display: block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 100%;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  visibility: hidden;
}

.flatpickr-day.today {
  color: #2F23EE;
}

.flatpickr-day.selected {
  color: #FFFFFF;
  background: #2F23EE;
}

.flatpickr-day:hover {
  background: #EFF1F3;
}

.flatpickr-day.flatpickr-disabled {
  cursor: default;
  color: #B8C2CC;
  background: transparent;
}

.line-week {
  padding: 0 0 16px;
  margin: 0 0 32px;
  position: relative;
}

.line-week:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8px;
  height: 1px;
  width: calc(100% - 16px);
  background: #EFF1F3;
}

.line-week__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.line-week__item {
  flex: 0 0 33.3333333333%;
  box-sizing: border-box;
  padding: 0 8px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .line-week__item {
    flex: none;
    width: 80%;
  }

  .line-week__item:first-child,
  .line-week__item:last-child {
    width: 10%;
    padding: 0;
  }
}

.line-week__link {
  font: 13px/28px "SF Pro Display Medium", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  color: #B8C2CC;
  background: transparent;
  padding: 0 16px;
  border-radius: 28px;
}

.line-week__link--selected {
  color: #FFFFFF;
  background: #B8C2CC;
}

@media screen and (max-width: 768px) {
  .line-week__item:first-child .line-week__link,
  .line-week__item:last-child .line-week__link {
    font: 0/28px sans-serif;
    height: 28px;
    width: 28px;
    display: block;
    margin: 0 auto;
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .line-week__item:first-child .line-week__link {
    margin: 0 auto 0 0;
    background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-less-black.svg?06c7d9ae513d95e2aedaca0aa745acf9) center no-repeat;
    background-size: 30%;
  }
}

@media screen and (max-width: 768px) {
  .line-week__item:last-child .line-week__link {
    margin: 0 0 0 auto;
    background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-more-black.svg?f521bd0060ec63b5c76b8b83382c701f) center no-repeat;
    background-size: 30%;
  }
}

.main-tvp {
  padding: 30px 0;
  width: 100%;
  position: relative;
}

.main-tvp .pop-up {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  background: rgba(255, 255, 255, 0.3);
}

.app--page-live .main-tvp .pop-up {
  position: fixed;
  z-index: 3;
  background: rgba(0, 0, 0, 0.5);
}

.main-tvp .pop-up__window {
  background: #292929;
  margin: auto;
  max-width: 50%;
  min-height: 144px;
  box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.25);
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}

.app--page-live .main-tvp .pop-up__window {
  max-width: 700px;
}

@media screen and (max-width: 1024px) {
  .main-tvp .pop-up__window {
    max-width: 70%;
  }
}

@media screen and (max-width: 768px) {
  .main-tvp .pop-up__window {
    flex-flow: column nowrap;
  }
}

.main-tvp .pop-up__window:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(180deg, #0049FF 0%, #FF0040 100%);
}

.main-tvp .pop-up__info {
  padding: 27px 24px 30px;
  width: 256px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .main-tvp .pop-up__info {
    order: 2;
  }
}

@media screen and (max-width: 768px) {
  .main-tvp .pop-up__picture {
    order: 1;
  }
}

.main-tvp .pop-up__picture img {
  width: 256px;
  height: auto;
  vertical-align: top;
}

.main-tvp .pop-up__time {
  font: 11px/12px "SF Mono Medium", monospace;
  letter-spacing: 0.61px;
  color: #B8C2CC;
}

.main-tvp .pop-up__title {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  letter-spacing: -0.1px;
  color: #FFFFFF;
  margin: 0 0 8px;
}

.main-tvp .pop-up__anons {
  font: 13px/16px "SF Pro Display Medium", sans-serif;
  letter-spacing: -0.1px;
  color: #2A2C3D;
}

.main-tvp .pop-up__control {
  position: absolute;
  left: 24px;
  bottom: 13px;
}

.main-tvp .pop-up__more {
  position: absolute;
  left: 24px;
  bottom: 13px;
  font: 11px/12px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #FF0040;
}

.main-tvp .pop-up__close {
  margin: 16px 0 0;
  font: 11px/12px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #FF0040;
}

.main-tvp .pop-up__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.main-tvp--loading {
  height: 100px;
  overflow: hidden;
}

.main-tvp--loading > * {
  opacity: 0;
}

.main-tvp--loading:before {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
  z-index: 1;
}

.main-tvp__header {
  width: 100%;
  margin: 0 0 20px;
  box-sizing: border-box;
  padding: 0 8px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
}

.main-tvp--grid .main-tvp__content--grid {
  display: block;
}

.main-tvp--grid .main-tvp__content--line {
  display: none;
}

.main-tvp--line .main-tvp__content--grid {
  display: none;
}

.main-tvp--line .main-tvp__content--line {
  display: block;
}

.main-tvp__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  letter-spacing: 0.06px;
  color: #2A2C3D;
  margin: 0;
  padding: 0;
}

.main-tvp__datepicker {
  margin: auto 40px auto auto;
}

@media screen and (max-width: 320px) {
  .main-tvp__datepicker {
    margin: auto 10px auto auto;
  }
}

.main-tvp__switch {
  margin: auto 0;
}

.main-tvp__button {
  font: 11px/24px "SF Mono Medium", monospace;
  color: #1A1C26;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
  padding: 0 32px 0 0;
  cursor: pointer;
}

.main-tvp__datepicker .main-tvp__button {
  position: relative;
  display: flex;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-datepicker-dark.svg?5798232c5a2b5e8bd104d19cbae49812) right center no-repeat;
  background-size: auto 100%;
}

.main-tvp__datepicker .main-tvp__button input {
  width: 0;
  opacity: 0;
}

.main-tvp--grid .main-tvp__switch .main-tvp__button {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-tvp-switch.svg?aa5a1b186270a1e3a0914c4729416433) right center no-repeat;
  background-size: auto 100%;
}

.main-tvp--line .main-tvp__switch .main-tvp__button {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-list-dark.svg?ebd90c536cfc5ce09122570425990873) right center no-repeat;
  background-size: auto 100%;
}

.infographics {
  width: 100%;
  padding: 30px 0;
  position: relative;
}

.infographics__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.infographics__item {
  box-sizing: border-box;
  padding: 0 8px;
  flex: 0 0 33.3333333333%;
  margin: 16px 0;
}

@media screen and (max-width: 768px) {
  .infographics__item {
    flex: 0 0 100%;
  }
}

.infographics__title {
  font: 16px/20px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  text-align: center;
  margin: 24px 0 0;
}

.infographics__link {
  color: inherit;
}

.infographics__picture .infographics__link {
  display: block;
  width: 100%;
}

.infographics__picture .infographics__link img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.podcast-page {
  margin: 40px 0 0;
  width: 100%;
  display: grid;
  grid-template-areas: "header  audio" "info    audio" "anons   audio" "persons audio" "tags    audio" ".       audio";
  grid-template-columns: 41.6666666667% 58.3333333333%;
}

@media screen and (max-width: 768px) {
  .podcast-page {
    margin: 0;
    display: block;
  }
}

.podcast-page__header {
  position: relative;
  margin: 0 0 61px;
  grid-area: header;
}

.podcast-page__info {
  grid-area: info;
}

.podcast-page__anons {
  font: 16px/20px "SF Pro Display Regular", sans-serif;
  letter-spacing: -0.5px;
  color: #B8C2CC;
  margin: 30px 0 54px;
  padding: 0 8px;
  grid-area: anons;
}

.podcast-page__audio {
  grid-area: audio;
}

.podcast-page__persons {
  grid-area: persons;
}

.podcast-page__tags {
  grid-area: tags;
}

.podcast-page__picture {
  padding: 0 8px;
  -webkit-clip-path: polygon(100% 0, 100% 87%, 50% 100%, 0 87%, 0 0);
          clip-path: polygon(100% 0, 100% 87%, 50% 100%, 0 87%, 0 0);
}

@media screen and (max-width: 768px) {
  .podcast-page__picture {
    padding: 0;
    margin: 0 -8px;
  }
}

.podcast-page__picture img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.podcast-page__play {
  position: absolute;
  bottom: -20px;
  right: 52px;
}

@media screen and (max-width: 768px) {
  .podcast-page__play {
    bottom: -12px;
    right: 46px;
  }
}

.podcast-page__play a {
  position: relative;
  top: auto;
  left: auto;
  transform: unset;
  display: block;
  height: 90px;
  width: 90px;
}

@media screen and (max-width: 768px) {
  .podcast-page__play a {
    height: 72px;
    width: 72px;
  }
}

.podcast-page__title {
  font: 34px/44px "SF Pro Display Bold", sans-serif;
  color: #FFFFFF;
  padding: 0 8px;
  margin: 0 0 22px;
}

.podcast-page__brand {
  font: 11px/24px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #B8C2CC;
  padding: 0 8px;
}

.podcast-page__brand a {
  display: inline-block;
  color: inherit;
  position: relative;
  padding: 0 0 0 32px;
}

.podcast-page__brand a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 24px;
  width: 24px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-podcast-light-grey.svg?32254f4b2a333d80abd0cfe8265ca1e4) center/cover no-repeat;
}

.podcast-page__status {
  font: 11px/24px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 0 8px;
  margin: 8px 0 52px;
}

.podcast-page__status .updating {
  color: #00FFCA;
}

.podcast-page__status .updating:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-updating-green.svg?c9e611b91257a60519eab0e9f46d91a7) center/cover no-repeat;
}

.podcast-page__status .completed {
  color: #B8C2CC;
}

.podcast-page__status .completed:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-complete-grey.svg?2140cfe66100a913e0ed41e91fb71b4a) center/cover no-repeat;
}

.podcast-page__status span {
  display: inline-block;
  color: inherit;
  position: relative;
  padding: 0 0 0 32px;
}

.podcast-page__status span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 24px;
  width: 24px;
}

.podcast-page__restriction {
  margin: 0 0 4px;
  padding: 0 8px 32px;
  position: relative;
}

.podcast-page__restriction i {
  font: 8px/18px "SF Mono Bold", monospace;
  color: #B8C2CC;
  text-align: center;
  display: block;
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  border: 1px solid #B8C2CC;
}

.podcast-page__social-share {
  margin: 0 0 4px;
  padding: 4px 8px 1px;
  position: relative;
}

.podcast-page__social-share:before {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  width: calc(100% - 16px);
  background: #1A1A1A;
  height: 4px;
}

.podcast-page__social-share:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8px;
  width: calc(100% - 16px);
  background: #1A1A1A;
  height: 1px;
}

.podcast-audio__control {
  margin: 48px 0 0;
  padding: 0 8px;
}

.podcast-audio--loading .podcast-audio__control {
  position: relative;
  height: 44px;
}

.podcast-audio--loading .podcast-audio__control:before {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
}

.podcast-audio__list {
  margin: 0;
  padding: 0 8px;
  list-style: none;
}

.podcast-audio__item {
  padding: 0;
  margin: 0 0 16px;
  background: #1A1A1A;
  border-radius: 8px;
}

.podcast-audio__item:hover {
  background: #292929;
}

.podcast-audio__item:last-child {
  margin: 0;
}

.podcast-audio__preview {
  display: flex;
  flex-flow: row nowrap;
  padding: 16px 0;
  margin: 0 -8px;
  border-radius: 8px;
}

.podcast-audio__info {
  display: none;
  padding: 16px 16px 22px;
  border-top: 1px solid #000000;
}

.podcast-audio__item--active .podcast-audio__info {
  display: block;
}

.podcast-audio__play {
  box-sizing: border-box;
  padding: 0 8px;
  flex: 0 0 14.2857142857%;
  display: flex;
  position: relative;
}

@media screen and (max-width: 768px) {
  .podcast-audio__play {
    flex: 0 0 25%;
  }
}

.podcast-audio__play a {
  content: "";
  display: block;
  height: 40px;
  width: 40px;
  margin: auto;
  cursor: pointer;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-play-podcast-audio.svg?a02a112129d5a9cd6f550e81e72e32e6) center/cover no-repeat;
}

.podcast-audio__play a.playing {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-pause-podcast-audio.svg?64f43c8e76b3598c4336a1e330ba9ba2) center/cover no-repeat;
}

.podcast-audio__title {
  font: 16px/20px "SF Pro Display Medium", sans-serif;
  color: #FFFFFF;
  box-sizing: border-box;
  padding: 0 8px;
  flex: 1 1 71.4285714286%;
  margin: auto 0;
}

@media screen and (max-width: 768px) {
  .podcast-audio__title {
    flex: 0 0 50%;
  }
}

.podcast-audio__more {
  box-sizing: border-box;
  padding: 0 8px;
  flex: 0 0 14.2857142857%;
  display: flex;
}

@media screen and (max-width: 768px) {
  .podcast-audio__more {
    flex: 0 0 25%;
  }
}

.podcast-audio__more i {
  content: "";
  display: block;
  height: 7px;
  width: 12px;
  margin: auto;
  cursor: pointer;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-podcast-audio-more.svg?54af6b3d6dfa5881eeff0dd9102b181b) center/cover no-repeat;
}

.podcast-audio__anons {
  font: 14px/20px "SF Pro Display Medium", sans-serif;
  color: #B8C2CC;
}

.podcast-audio__publish {
  font: 11px/12px "SF Mono Semi Bold", monospace;
  color: #636363;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 40px 0 0;
  display: flex;
  justify-content: space-between;
}

.podcast-audio__button {
  font: 11px/48px "SF Mono Semi Bold", monospace;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  color: #B8C2CC;
  background: #1A1A1A;
  display: block;
  border-radius: 4px;
}

.podcast-audio--loading .podcast-audio__button {
  display: none;
}

.podcast-persons__header {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 32px;
}

.podcast-persons__content {
  display: none;
}

.podcast-persons__content.active {
  display: block;
}

.podcast-persons__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #FFFFFF;
  box-sizing: border-box;
  padding: 0 8px;
  margin: auto 0;
  flex: 0 1 auto;
}

.podcast-persons__filter {
  box-sizing: border-box;
  padding: 0 8px;
  margin: auto 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.podcast-persons__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.podcast-persons__item {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 24px;
}

.podcast-persons__item:last-child {
  margin: 0;
}

.podcast-persons__preview {
  box-sizing: border-box;
  padding: 0 8px;
  flex: 0 1 20%;
  display: flex;
  margin: auto 0;
}

@media screen and (max-width: 768px) {
  .podcast-persons__preview {
    flex: 0 1 25%;
  }
}

.podcast-persons__info {
  box-sizing: border-box;
  padding: 0 8px;
  flex: 1 1 auto;
  margin: auto 0;
}

@media screen and (max-width: 768px) {
  .podcast-persons__info {
    flex: 1 1 75%;
  }
}

.podcast-persons__picture {
  width: 48px;
  height: 48px;
  margin: auto 0;
}

.podcast-persons__name {
  font: 13px/16px "SF Pro Display Medium";
  color: #FFFFFF;
  letter-spacing: -0.1px;
  margin: 0 0 7px;
}

.podcast-persons__type {
  font: 10px/11px "SF Mono Medium", monospace;
  color: #686E78;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}

.podcast-persons__link {
  color: inherit;
}

.podcast-persons__picture .podcast-persons__link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}

.podcast-persons__picture .podcast-persons__link img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.episode {
  width: 100%;
  padding: 24px 0 32px;
  z-index: 2;
}

.episode__header {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 8px;
  z-index: 2;
}

.episode--reloading .episode__header {
  position: relative;
}

.episode--reloading .episode__header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 3;
}

.episode__content {
  margin: 0;
  z-index: 1;
}

.episode--reloading .episode__content {
  position: relative;
  max-height: 200px;
  overflow: hidden;
}

.episode--reloading .episode__content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  z-index: 3;
}

.episode--reloading .episode__content:after {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
  z-index: 3;
}

.episode__control {
  margin: 32px 0 16px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

.episode--loading .episode__control {
  height: 44px;
  position: relative;
}

.episode--loading .episode__control:after {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/loaderx2-new.gif?6af7add630f470cb892d12a15379ef2b) center no-repeat;
  background-size: cover;
  z-index: 3;
}

.episode--no-more .episode__control {
  display: none;
}

.episode__selector {
  margin: auto 0;
  padding: 0 8px;
}

.episode__datepicker {
  margin: auto 0 auto auto;
  padding: 0 8px;
}

@media screen and (max-width: 768px) {
  .episode__datepicker {
    margin: auto 0;
  }
}

.episode__reset {
  display: none;
}

.episode--selected-date .episode__reset {
  display: block;
  margin: auto 0;
  padding: 0 8px;
}

.episode__reset a {
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 24px;
  position: relative;
  background: #EFF1F3 url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-reset-light.svg?5445cfc0ec787df6c8c9bf76a33e906a) center/cover no-repeat;
}

.episode__empty {
  font: 16px/20px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  text-align: center;
  padding: 16px 8px;
}

.episode__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}

.episode__item {
  box-sizing: border-box;
  padding: 16px 8px;
  flex: 0 0 16.6666666667%;
}

.app--page-live .episode__item {
  flex: 0 0 25%;
}

@media screen and (max-width: 1024px) {
  .app--page-live .episode__item {
    flex: 0 0 25%;
  }
}

@media screen and (max-width: 768px) {
  .app--page-live .episode__item {
    flex: 0 0 33.3333333333%;
  }
}

@media screen and (max-width: 425px) {
  .app--page-live .episode__item {
    flex: 0 0 50%;
  }
}

@media screen and (max-width: 1024px) {
  .episode__item {
    flex: 0 0 25%;
  }
}

@media screen and (max-width: 768px) {
  .episode__item {
    flex: 0 0 33.3333333333%;
  }
}

@media screen and (max-width: 425px) {
  .episode__item {
    flex: 0 0 50%;
  }
}

.episode__title {
  font: 16px/20px "SF Pro Display Heavy", sans-serif;
  color: #1A1C26;
  padding: 0 8px;
  margin: auto 0;
}

.app--scheme-black .episode__title {
  color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  .episode__title {
    flex: 0 0 100%;
    margin: 0 0 12px;
  }
}

.episode__button {
  font: 11px/48px "SF Mono Semi Bold", monospace;
  color: #1A1C26;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  background: #EFF1F3;
  display: block;
  width: calc(4 / 12 * 100% - 16px);
  border-radius: 4px;
}

.episode--loading .episode__button--more {
  display: none;
}

.episode-card {
  width: 100%;
}

.episode-card__box {
  position: relative;
  width: 100%;
  padding-bottom: 134.2465753425%;
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 1;
  overflow: hidden;
}

.episode-card__info {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 16px 8px 8px;
  z-index: 1;
}

.episode-card .bubble {
  display: block;
  padding: 0 12px;
  color: #fff;
  background: #FF0047;
  border-radius: 4px 0;
  font: 9px/16px "SF Mono Medium", monospace;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  top: -16px;
  left: -8px;
  float: left;
}

.episode-card__title {
  clear: both;
  font: 16px/20px "SF Pro Display Bold", sans-serif;
  color: #1A1C26;
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.episode-card__title.overflowed-with-anons {
  max-height: 32px;
  position: relative;
  overflow: hidden;
}

.episode-card__title.overflowed-with-anons:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 16px;
  width: 100%;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

.episode-card__title.overflowed {
  max-height: 64px;
  position: relative;
  overflow: hidden;
}

.episode-card__title.overflowed:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 16px;
  width: 100%;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

@media screen and (max-width: 1440px) {
  .episode-card__title {
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 16px;
  }
}

@media screen and (max-width: 1280px) {
  .episode-card__title {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 20px;
  }
}

@media screen and (max-width: 599px) {
  .episode-card__title {
    font-size: 13px;
    line-height: 16px;
  }
}

.episode-card__anons {
  font: 16px/20px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  margin: 0 0 auto;
}

.episode-card__anons.overflowed {
  max-height: 64px;
  position: relative;
  overflow: hidden;
}

.episode-card__anons.overflowed:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 16px;
  width: 100%;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

@media screen and (max-width: 1440px) {
  .episode-card__anons {
    font-size: 13px;
    line-height: 16px;
  }
}

@media screen and (max-width: 1280px) {
  .episode-card__anons {
    font-size: 16px;
    line-height: 20px;
  }
}

@media screen and (max-width: 599px) {
  .episode-card__anons {
    font-size: 13px;
    line-height: 16px;
  }
}

.episode-card__publish {
  font: 16px/20px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  margin: 0 0 auto;
}

@media screen and (max-width: 1440px) {
  .episode-card__publish {
    font-size: 13px;
    line-height: 16px;
  }
}

@media screen and (max-width: 1280px) {
  .episode-card__publish {
    font-size: 16px;
    line-height: 20px;
  }
}

@media screen and (max-width: 599px) {
  .episode-card__publish {
    font-size: 13px;
    line-height: 16px;
  }
}

.episode-card__icon {
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
}

.episode-card__icon:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 8px;
  height: 24px;
  width: 24px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-radio-short.svg?cba96768dc6387149fb06c2b5b9f5394) center/cover no-repeat;
}

.episode-card__icon__long:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-radio-long.svg?a3e2adf19c720612a4f31b03caf15d6a) center/cover no-repeat !important;
}

.episode-card__link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.selector {
  position: relative;
}

.selector__value {
  font: 13px/28px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  background: #EFF1F3;
  border-radius: 12px;
  padding: 0 36px 0 16px;
  cursor: pointer;
}

.selector__value:after {
  content: attr(data-length);
  margin: 0 0 0 16px;
}

.selector__value:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  height: 7px;
  width: 12px;
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-down-dark.svg?bb4a00525431cbe52cd2025dc93cfca6) center/cover no-repeat;
  transform: translateY(-50%);
}

.selector--active .selector__value {
  background: #B8C2CC;
  color: #FFFFFF;
}

.selector--active .selector__value:before {
  background: transparent url(https://cdnmg-st.smotrim.ru/smotrimru/smotrimru/i/icon-arrow-down-white.svg?07144949854b2a4328f42f1468c76429) center/cover no-repeat;
}

.selector__wrapper {
  box-sizing: border-box;
  padding: 34px 8px 32px 32px;
  position: absolute;
  top: 36px;
  left: 0;
  border: 1px solid #EFF1F3;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.2);
  z-index: 2;
  width: 300px;
  display: none;
}

.selector--active .selector__wrapper {
  display: block;
}

.selector__holder {
  width: 100%;
  max-height: 250px;
  overflow: hidden;
  position: relative;
}

.selector__list {
  margin: 0;
  padding: 0 24px 0 0;
  list-style: none;
}

.selector__item {
  font: 15px/20px "SF Pro Display Medium", sans-serif;
  color: #1A1C26;
  margin: 0 0 12px;
  cursor: pointer;
}

.selector__item a {
  color: inherit;
}

.selector__item a:hover {
  color: #2F23EE;
}

.selector__item--active {
  color: #2F23EE;
}

.selector__item:last-child {
  margin: 0;
}

.selector .ps__rail-y {
  display: block;
  position: absolute;
  width: 8px;
  right: 0;
}

.selector .ps__thumb-y {
  position: absolute;
  width: 8px;
  border-radius: 8px;
  background: #B8C2CC;
  cursor: pointer;
}