/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@charset "UTF-8";
/* Include this file in your html if you are using the CSP mode. */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}
ng\:form {
  display: block;
}
.ng-animate-shim {
  visibility: hidden;
}
.ng-anchor {
  position: absolute;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  direction: ltr;
  font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
}
.plyr audio,
.plyr video {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
  box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: #4a5764;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
  display: inline;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
}
.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px;
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}
a.plyr__control {
  text-decoration: none;
}
a.plyr__control::after,
a.plyr__control::before {
  display: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  color: #fff;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  color: #fff;
}
.plyr__control--overlaid {
  background: rgba(0, 179, 255, 0.8);
  border: 0;
  border-radius: 100%;
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  background: #00b3ff;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr__controls .plyr__controls__item.plyr__volume {
  padding-right: 5px;
}
.plyr__controls .plyr__controls__item.plyr__volume:first-child {
  padding-right: 0;
}
.plyr__controls:empty {
  display: none;
}
.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4a5764;
  padding: 10px;
}
.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 35px 10px 10px;
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
  display: none;
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4a5764;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  content: '';
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: 7px;
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5764;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: rgba(74, 87, 100, 0.8);
  right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px;
  margin-bottom: 3px;
  padding-left: 28px;
  position: relative;
  width: calc(86%);
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: rgba(74, 87, 100, 0.8);
  left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
  background: #c1c9d1;
  box-shadow: 0 1px 0 #fff;
  content: '';
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after,
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: '';
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  transition: all .3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease,opacity .3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #00b3ff;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none;
}
.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  color: #00b3ff;
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  transition: all .2s ease;
  width: 13px;
  -webkit-appearance: none;
  margin-top: -4px;
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  transition: all .2s ease;
  width: 13px;
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  height: 5px;
}
.plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  transition: all .2s ease;
  width: 13px;
  margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr__time {
  font-size: 14px;
}
.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px;
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4a5764;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform .2s .1s ease,opacity .2s .1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0, 0) scale(1);
}
.plyr--video {
  background: #000;
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr__progress {
  left: 6.5px;
  margin-right: 13px;
  position: relative;
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-right: -6.5px;
  width: calc(113%);
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  left: 0;
  margin-top: -2.5px;
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width 0.2s ease;
}
.plyr--video .plyr__progress__buffer {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.25);
}
.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 201, 209, 0.66);
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr__volume {
  align-items: center;
  display: flex;
  flex: 1;
  position: relative;
}
.plyr__volume input[type=range] {
  margin-left: 5px;
  position: relative;
  z-index: 2;
}
@media (min-width: 480px) {
  .plyr__volume {
    max-width: 90px;
  }
}
@media (min-width: 768px) {
  .plyr__volume {
    max-width: 110px;
  }
}
.plyr--is-ios .plyr__volume {
  display: none !important;
}
.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
  display: none !important;
}
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0!important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0!important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0!important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0!important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0!important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-moz-full-screen video {
  height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0!important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0!important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: rgba(35, 41, 47, 0.8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3;
}
.plyr__ads::after:empty {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  left: 0;
  margin: -2.5px 0 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform .2s .1s ease,opacity .2s .1s ease;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c9d1;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px;
}
.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0!important;
  height: 1px!important;
  padding: 0!important;
  position: absolute!important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}

/*! Lity - v2.4.0 - 2019-08-10
* http://sorgalla.com/lity/
* Copyright (c) 2015-2019 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  transform: scale(1);
  transition: transform .3s ease;
  transition: transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute!important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease,visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity .25s ease 0s,visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform,opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image:before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform,opacity;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-iframe,
.fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: none;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(0%);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
.fancybox-caption {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding:max(0px)) {
  .fancybox-caption {
    padding: 75px 44px 25px 44px;
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
.fancybox-loading {
  animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@keyframes a {
  to {
    transform: rotate(1turn);
  }
}
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding:max(0px)) {
    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
}
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(92%);
  max-width: calc(46%);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a:before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
  opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1;
}
@media (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(90%);
  }
}

datepicker a,
[datepicker] a,
.datepicker a {
  color: inherit;
  text-decoration: none;
}
datepicker a:hover,
[datepicker] a:hover,
.datepicker a:hover {
  text-decoration: none;
}
datepicker select,
datepicker select:focus,
datepicker select:hover,
.datepicker select,
.datepicker select:focus,
.datepicker select:hover,
[datepicker] select,
[datepicker] select:focus,
[datepicker] select:hover {
  width: 100%;
  overflow: hidden;
  background: none;
  color: #fff;
  background-color: #138EFA;
  border-radius: 2px;
  border: 0;
  margin-top: 5px;
}
datepicker,
.datepicker,
[datepicker],
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-years-pagination-pages {
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 13.5px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: right;
  position: relative;
}
._720kb-datepicker-calendar {
  background: white;
  color: #333;
  position: absolute;
  z-index: 999;
  min-width: 220px;
  margin: 0 auto;
  width: 101%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  visibility: hidden;
  overflow: hidden;
  margin-left: -0.5%;
  padding: 0 0 2% 0;
  border-radius: 3px;
}
._720kb-datepicker-calendar._720kb-datepicker-open,
._720kb-datepicker-calendar._720kb-datepicker-forced-to-open {
  visibility: visible;
}
._720kb-datepicker-calendar-header {
  text-align: center;
  font-size: 15px;
  line-height: 40px;
}
._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #138EFA;
}
._720kb-datepicker-calendar-header:nth-child(even) {
  background: #7BC6FC;
}
._720kb-datepicker-calendar-header-left,
._720kb-datepicker-calendar-header-middle,
._720kb-datepicker-calendar-header-right {
  width: 15%;
  float: left;
}
._720kb-datepicker-calendar-header-middle {
  width: 70%;
}
._720kb-datepicker-calendar-header-closed-pagination::after {
  content: " \25BE";
}
._720kb-datepicker-calendar-header-opened-pagination::after {
  content: " \25BE";
  margin-left: 4px;
  position: relative;
  bottom: -3px;
  display: inline-block;
  transform: rotate(180deg);
}
._720kb-datepicker-calendar-body {
  width: 96%;
  margin: 2%;
  text-align: center;
}
._720kb-datepicker-calendar-day {
  cursor: pointer;
  font-size: 12.5px;
  width: 12.2%;
  margin: 5px 1%;
  padding: 1.5% 0;
  float: left;
  border-radius: 1px;
}
._720kb-datepicker-calendar-day:hover,
._720kb-datepicker-calendar-day._720kb-datepicker-active {
  background: rgba(0, 0, 0, 0.03);
}
._720kb-datepicker-calendar-header a,
._720kb-datepicker-calendar-header a:hover {
  text-decoration: none;
  padding: 3% 9% 4% 9%;
  font-size: 13.5px;
  color: rgba(0, 0, 0, 0.55);
  font-weight: bold;
  border-radius: 3px;
}
._720kb-datepicker-calendar-header a:hover {
  color: rgba(0, 0, 0, 0.9);
  background: rgba(255, 255, 255, 0.45);
}
._720kb-datepicker-calendar-month {
  color: #fff;
}
._720kb-datepicker-calendar-month span {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
}
._720kb-datepicker-calendar-month a span i {
  font-style: normal;
  font-size: 15px;
}
._720kb-datepicker-calendar-month a,
._720kb-datepicker-calendar-month a:hover {
  padding: 3px;
  margin-left: 1%;
}
._720kb-datepicker-calendar-years-pagination {
  padding: 2% 0 0 0;
  float: left;
  clear: right;
  width: 100%;
}
._720kb-datepicker-calendar-years-pagination a,
._720kb-datepicker-calendar-years-pagination a:hover {
  font-size: 12px;
  padding: 0 7px;
  font-weight: normal;
  margin: 3px 1% 0 1%;
  line-height: 20px;
  display: inline-block;
}
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  background: rgba(255, 255, 255, 0.45);
}
._720kb-datepicker-calendar-years-pagination-pages a,
._720kb-datepicker-calendar-years-pagination-pages a:hover {
  padding: 5px 10px;
}
._720kb-datepicker-calendar-days-header {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2% 0 2%;
  background: rgba(19, 142, 250, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}
._720kb-datepicker-calendar-days-header div {
  width: 14.18%;
  font-weight: 500;
  font-size: 11.5px;
  padding: 10px 0;
  float: left;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
}
._720kb-datepicker-calendar-days ._720kb-datepicker-default-button {
  font-size: 18.5px;
  position: relative;
  bottom: -0.5px;
}
._720kb-datepicker-default-button {
  padding: 0 4.5px;
}
._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item {
  width: 95%;
  float: none;
  margin: 0 auto;
}
._720kb-datepicker-item-hidden {
  visibility: hidden;
}
._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover {
  color: rgba(0, 0, 0, 0.2);
  background: rgba(25, 2, 0, 0.02);
  cursor: default;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
  }
}
@keyframes busy__rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes busy__dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
*,
*::before,
*::after {
  box-sizing: inherit;
  outline: none;
}
* {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  box-sizing: border-box;
}
body {
  font-size: 14px;
  display: flex;
  overflow-x: hidden;
  overflow-y: inherit;
  flex-direction: column;
  min-width: 320px;
  height: 0;
  min-height: 100vh;
  font-family: 'Roboto', sans-serif;
}
body.busy .fullscreen {
  position: relative;
  pointer-events: none;
}
body.busy .fullscreen:before {
  opacity: .5;
}
@media (max-width: 1030px) {
  body.is-freezed {
    overflow: hidden;
  }
}
body.is-freezed-all {
  overflow: hidden !important;
}
.grecaptcha-badge {
  visibility: hidden;
}
.hidden {
  display: none;
}
.fancybox-navigation .fancybox-button {
  top: calc(50% - 50px);
}
.fancybox-thumbs__list a {
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
}
@media (max-width: 576px) {
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.accordion {
  position: relative;
  color: #3b3b3b;
  overflow: hidden;
}
.accordion__title {
  padding: 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(135, 135, 135, 0.2);
  cursor: pointer;
}
@media (min-width: 864px) {
  .accordion__title {
    padding: 30px 20px;
    font-size: 18px;
  }
}
.accordion__body {
  position: relative;
  padding: 0;
  max-height: 0;
  opacity: 0;
  transition: all 0.2s ease-out;
  z-index: 2;
}
.accordion__arrow {
  position: absolute;
  top: 0;
  right: 26px;
  margin-top: 25px;
  transform: translate(-6px, 0);
}
@media (min-width: 864px) {
  .accordion__arrow {
    margin-top: 30px;
    transform: translate(-20px, 0);
  }
}
.accordion__arrow_part {
  content: "";
  position: absolute;
  background-color: #3B3B3B;
  width: 3px;
  height: 14px;
  transition: all 0.2s ease-out;
}
@media (min-width: 864px) {
  .accordion__arrow_part {
    width: 4px;
    height: 20px;
  }
}
.accordion__arrow_part:nth-child(1) {
  transform: translate(4px, 0) rotate(45deg);
}
@media (min-width: 864px) {
  .accordion__arrow_part:nth-child(1) {
    transform: translate(6px, 0) rotate(45deg);
  }
}
.accordion__arrow_part:nth-child(2) {
  transform: translate(-4px, 0) rotate(-45deg);
}
@media (min-width: 864px) {
  .accordion__arrow_part:nth-child(2) {
    transform: translate(-6px, 0) rotate(-45deg);
  }
}
.accordion input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.accordion input[type=checkbox]:checked ~ .accordion__title {
  border: none;
}
.accordion input[type=checkbox]:checked ~ .accordion__body {
  max-height: 100%;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.accordion input[type=checkbox]:checked ~ .accordion__arrow .accordion__arrow_part:nth-child(1) {
  transform: translate(-4px, 0) rotate(45deg);
}
@media (min-width: 864px) {
  .accordion input[type=checkbox]:checked ~ .accordion__arrow .accordion__arrow_part:nth-child(1) {
    transform: translate(-6px, 0) rotate(45deg);
  }
}
.accordion input[type=checkbox]:checked ~ .accordion__arrow .accordion__arrow_part:nth-child(2) {
  transform: translate(4px, 0) rotate(-45deg);
}
@media (min-width: 864px) {
  .accordion input[type=checkbox]:checked ~ .accordion__arrow .accordion__arrow_part:nth-child(2) {
    transform: translate(6px, 0) rotate(-45deg);
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.button {
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s, border-color 0.2s;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 18px;
  border-radius: 30px;
  text-transform: uppercase;
  color: #505050;
  border: 1px solid #505050;
  letter-spacing: 0.03em;
  background-color: transparent;
  text-align: center;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
}
@media (min-width: 544px) {
  .button {
    height: 50px;
    line-height: 50px;
  }
}
.button_multirow {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  white-space: normal;
  line-height: unset;
  font-size: 12px;
  line-height: 15.6px;
}
@media (min-width: 544px) {
  .button_multirow {
    line-height: unset;
  }
}
.button_loading {
  background-position: center;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: 20px;
  pointer-events: none;
  background-image: url("/img/icons/loading.svg");
}
.button[disabled] {
  opacity: .75;
  pointer-events: none;
}
.button_theme {
  color: #FFF;
  background-color: #E63935;
  border-color: #E63935;
}
.rock .button_theme {
  background-color: #23222D;
  border-color: #23222D;
}
.jazz .button_theme {
  background-color: #F62121;
  border-color: #F62121;
}
.ultra .button_theme {
  background-color: #38A2DE;
  border-color: #38A2DE;
}
.button_theme:hover {
  opacity: .8;
}
.button_light {
  color: white;
  border: 1px solid white;
}
.button_active,
.button:hover {
  background-color: #E63935;
  border: 1px solid #E63935;
  color: white;
}
.rock .button_active,
.rock .button:hover {
  background-color: #3F3E4E;
  border: 1px solid #3F3E4E;
}
.jazz .button_active,
.jazz .button:hover {
  background-color: #F62121;
  border: 1px solid #F62121;
}
.ultra .button_active,
.ultra .button:hover {
  background-color: #38A2DE;
  border: 1px solid #38A2DE;
}
.button_white:hover {
  background-color: white;
  border: 1px solid white;
  color: #E63935;
}
.rock .button_white:hover {
  background-color: white;
  border: 1px solid white;
  color: #3F3E4E;
}
.jazz .button_white:hover {
  background-color: white;
  border: 1px solid white;
  color: #F62121;
}
.ultra .button_white:hover {
  background-color: white;
  border: 1px solid white;
  color: #38A2DE;
}
.button_red {
  border: none;
  color: #FFF;
  background-color: #F00;
  border-radius: 30px;
}
.button_red:hover {
  border: none;
  background-color: #FF4545;
}
.button__count {
  margin-left: 7px;
  opacity: .5;
}
.button__link {
  text-decoration: none;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: black;
  opacity: .5;
  transition: opacity .2s;
}
.button__link_light {
  color: white;
}
.button__link:hover {
  opacity: 1;
}
.button_nashestvie {
  border: 0;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  color: white;
  text-decoration: none;
  background-color: #F15A29;
  border-radius: 30px;
  padding: 0 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 150px;
}
.button_nashestvie.button_colorful {
  position: relative;
  background: rgba(54, 78, 159, 0.3);
  color: rgba(255, 255, 255, 0.7);
  border: none;
}
.button_nashestvie.button_colorful:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(91.43deg, #6AC5F9 5.85%, #DACA35 99.64%);
  z-index: 1;
  transition: width .3s ease, left .3s ease;
}
.button_nashestvie.button_colorful:hover {
  color: #FFFFFF;
  background: rgba(54, 78, 159, 0.3);
}
.button_nashestvie.button_colorful:hover:before {
  width: 100%;
  left: 0;
}
.button_nashestvie.button_colorful:active {
  color: #FFFFFF;
  background: rgba(54, 78, 159, 0.3);
}
.button_nashestvie.button_colorful:disabled {
  pointer-events: none;
  color: rgba(255, 255, 255, 0.3);
}
.button_nashestvie.button_colorful:disabled:hover {
  background: none !important;
}
.button__label {
  position: relative;
  z-index: 2;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.checkbox {
  display: flex;
  justify-content: flex-start;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}
.checkbox__input::-ms-check {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Good browsers :) */
  opacity: 0;
}
.checkbox__icon {
  position: relative;
  background-color: transparent;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #EEEEEE;
  border-radius: 3px;
  margin-right: 9px;
  flex-shrink: 0;
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
}
.checkbox__input:checked + .checkbox__icon {
  background-image: url("/img/icons/checkbox.svg");
}
.checkbox__input[disabled] + .checkbox__icon {
  opacity: .5;
  pointer-events: none;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.container {
  max-width: 1920px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
.container_hd {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 864px) {
  .container_hd .mobile {
    display: none;
  }
}
.container_hd .desktop {
  display: none;
}
@media (min-width: 864px) {
  .container_hd .desktop {
    display: block;
  }
}
.container_compact {
  max-width: 1320px;
}
.container_mt {
  margin-top: 20px;
}
@media (min-width: 1030px) {
  .container_mt {
    margin-top: 50px;
  }
}
.container_mb {
  margin-bottom: 20px;
}
@media (min-width: 1030px) {
  .container_mb {
    margin-bottom: 50px;
  }
}
.container__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.fullscreen {
  flex: 1 0 auto;
}
.fullscreen_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fullscreen_grey {
  background-color: #F5F5F5;
}
.fullscreen:before {
  content: "";
  z-index: 10;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: white;
  background-position: center;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 32px;
  opacity: 0;
  transition: opacity .2s;
  background-image: url("/img/icons/loading.gif");
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.input {
  display: flex;
  flex-shrink: 1;
  font-size: 14px;
  height: 40px !important;
  line-height: 40px !important;
  background: #FFFFFF;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #E1E1E1;
  border-radius: 30px;
  flex-grow: 1;
  min-width: 0;
  flex-basis: 0;
}
.input:-ms-input-placeholder {
  color: #D2D2D2;
  font-family: 'Roboto', sans-serif;
}
.input::placeholder {
  color: #D2D2D2;
  font-family: 'Roboto', sans-serif;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.play {
  position: relative;
  cursor: pointer;
  font-size: 0;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.play:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: black;
  transition: opacity .2s;
}
.play:after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-image: url("/img/icons/play-button.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-size: 82px;
  opacity: .8;
  transition: opacity 0.2s, box-shadow 0.2s;
  z-index: 1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.play:hover:before {
  opacity: .15;
}
.play:hover:after {
  opacity: 1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.play_youtube:after {
  width: 60px;
  height: 40px;
  border-radius: 0;
  background-size: 60px 40px;
  background-image: url("/img/icons/play-video.svg");
  box-shadow: none;
}
.play_youtube:hover:after {
  box-shadow: none;
}
.play_smart:after {
  width: 20%;
  height: 20%;
  border-radius: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/icons/play-smart.svg");
  box-shadow: none;
  opacity: 1;
}
.play_smart:hover:after {
  box-shadow: none;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.pl-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  border: 2px solid transparent;
  border-radius: 5px;
  padding: 15px 12px;
  width: 100%;
}
.pl-item:hover {
  border: 2px solid #FF7D7D;
}
.rock .pl-item:hover {
  border: 2px solid #000000;
}
.jazz .pl-item:hover {
  border: 2px solid #F62121;
}
.ultra .pl-item:hover {
  border: 2px solid #38A2DE;
}
.pl-item__button {
  display: block;
  border: none;
  font-size: 0;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.pl-item__cover {
  flex-shrink: 0;
  margin: 0 20px 0 0;
  width: 130px;
  height: 130px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}
.pl-item__container {
  flex: 1;
}
.pl-item__information {
  position: relative;
}
@media (min-width: 544px) {
  .pl-item__information {
    padding-left: 0;
  }
}
.pl-item__artist {
  font-weight: bold;
  font-size: 17px;
  line-height: 20px;
  color: #000000;
  text-decoration: none;
  transition: opacity .2s;
}
.pl-item__track {
  margin: 5px 0 0;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #000000;
  text-decoration: none;
  transition: opacity .2s;
}
.pl-item__date {
  margin: 0;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: #C4C4C4;
}
.pl-item__controls {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 10px;
  padding-right: 20px;
  margin-top: 10px;
  transition: background-color 0.2s;
  border-radius: 30px;
}
@media (min-width: 864px) {
  .pl-item__controls {
    padding-right: 60px;
  }
}
.pl-item_current .pl-item__controls {
  background-color: #F9F9F9;
}
.pl-item__play {
  margin-right: 16px;
  display: block;
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/icons/play-nashe.svg");
  cursor: pointer;
  border-radius: 50%;
}
.rock .pl-item__play {
  background-image: url("/img/icons/play-rock.svg");
}
.jazz .pl-item__play {
  background-image: url("/img/icons/play-jazz.svg");
}
.ultra .pl-item__play {
  background-image: url("/img/icons/play-ultra.svg");
}
.pl-item__play_active {
  background-image: url("/img/icons/pause-nashe.svg");
}
.rock .pl-item__play_active {
  background-image: url("/img/icons/pause-rock.svg");
}
.jazz .pl-item__play_active {
  background-image: url("/img/icons/pause-jazz.svg");
}
.ultra .pl-item__play_active {
  background-image: url("/img/icons/pause-ultra.svg");
}
.pl-item__progress {
  position: relative;
  width: 100%;
}
.pl-item__progress .pl-item__bar {
  position: relative;
  width: 100%;
  height: 3px;
}
.pl-item__progress .pl-item__range {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
@media (min-width: 864px) {
  .pl-item__progress .pl-item__range::-webkit-slider-thumb {
    width: 0px;
    -webkit-appearance: none;
  }
}
.pl-item__progress .pl-item__slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #E9E9E9;
  border-radius: 3px;
}
.pl-item__progress .pl-item__slider_position {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #E63935;
}
.pl-item__volume {
  position: absolute;
  display: none;
  right: 21px;
  bottom: 18px;
  height: 27px;
  width: 27px;
  border: 1px solid #CBCBCB;
  border-radius: 5px;
  transition: height 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s;
  opacity: .5;
}
@media (min-width: 864px) {
  .pl-item__volume {
    display: block;
  }
}
.pl-item__volume:hover {
  height: 95px;
  background-color: white;
  border: 1px solid #CBCBCB;
}
.pl-item:hover .pl-item__volume {
  opacity: 1;
}
.pl-item__volume .pl-item__bar {
  position: relative;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 0;
  transition: height .2s;
}
.pl-item__volume:hover .pl-item__bar {
  height: 64px;
}
.pl-item__volume .pl-item__slider {
  background: #F4F4F4;
  border-radius: 2px;
  width: 3px;
  height: 56px;
  position: absolute;
  bottom: 0;
  left: 11px;
}
.pl-item__volume .pl-item__slider_position {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3px;
  background: #E63935;
}
.pl-item__volume .pl-item__range {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 56px;
  z-index: 2;
  -ms-writing-mode: bt-lr;
  writing-mode: bt-lr;
  /* IE */
  -webkit-appearance: slider-vertical;
  /* WebKit */
  opacity: 0;
  cursor: pointer;
}
.pl-item__volume .pl-item__button {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0;
  width: 25px;
  height: 25px;
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
  transition: opacity .2s;
  background-image: url("/img/player/volume-full-icon-hover.svg");
}
.pl-item__volume .pl-item__button:hover {
  opacity: .8;
}
.pl-item__volume .pl-item__button_medium {
  background-image: url("/img/player/volume-medium-icon-hover.svg");
}
.pl-item__volume .pl-item__button_mute {
  background-image: url("/img/player/volume-no-icon-hover.svg");
}
.pl-item__duration {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  width: 100%;
  left: 0;
  bottom: -24px;
  font-size: 13px;
  color: #a0a0a0;
  line-height: 22px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.radio__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  opacity: 0;
}
.radio__input::-ms-check {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
}
.radio__button {
  min-width: 100px;
}
.radio__input:checked + .radio__button {
  background-color: #E63935;
  border: 1px solid #E63935;
  color: white;
}
.rock .radio__input:checked + .radio__button {
  background-color: #23222D;
  border: 1px solid #23222D;
}
.jazz .radio__input:checked + .radio__button {
  background-color: #F62121;
  border: 1px solid #F62121;
}
.ultra .radio__input:checked + .radio__button {
  background-color: #38A2DE;
  border: 1px solid #38A2DE;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.subtitle {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media (min-width: 544px) {
  .subtitle {
    font-size: 18px;
    line-height: 21px;
  }
}
.subtitle_light {
  color: white;
}
.subtitle_strong {
  font-weight: bold;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.swiper-container {
  padding-bottom: 84px;
}
.swiper-pagination {
  bottom: 50px !important;
  display: flex;
  justify-content: center;
  white-space: nowrap;
}
.swiper-pagination-bullet {
  display: block;
  padding: 5px 0;
  width: 30px;
  height: auto;
  opacity: 1;
  background: none;
  /*height: 34px;
    width: 15px;
    background: rgba(196, 196, 196, 0.8);
    border-top: 15px solid white !important;
    border-bottom: 15px solid white !important;
    border-radius: 5px;*/
}
@media (min-width: 544px) {
  .swiper-pagination-bullet {
    width: 40px;
  }
}
@media (min-width: 1030px) {
  .swiper-pagination-bullet {
    width: 50px;
  }
}
.swiper-pagination-bullet:before {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: rgba(196, 196, 196, 0.6);
  border-radius: 5px;
}
.swiper-pagination-bullet-active:before {
  background-color: #D24A43 !important;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 30px;
  line-height: 35px;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
}
.title_mt {
  margin-top: 20px;
}
@media (min-width: 1030px) {
  .title_mt {
    margin-top: 50px;
  }
}
.title_mb {
  margin-bottom: 20px;
}
@media (min-width: 1030px) {
  .title_mb {
    margin-bottom: 50px;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.toggle {
  display: block;
  font-size: 0;
  position: relative;
  margin-left: auto;
  right: 0;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  background: white;
  box-sizing: border-box;
  background-clip: content-box;
  width: 25px;
  height: 17px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out;
}
.toggle:before,
.toggle:after {
  content: "";
  position: absolute;
  background: white;
  height: 3px;
  width: 100%;
  right: 0;
  will-change: rotate;
  transform: rotate(0deg);
  transition: all 0.5s ease;
}
.toggle:before {
  top: -8px;
}
.toggle:after {
  bottom: -8px;
}
.toggle.active {
  background: transparent;
  background-clip: content-box;
}
.toggle.active:before {
  transform: rotate(135deg);
  top: 0;
  background: white;
  width: 110%;
}
.toggle.active:after {
  bottom: 0;
  transform: rotate(-135deg);
  background: white;
  width: 110%;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.auth__popup {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 45;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.auth__popup-opened {
  display: flex;
}
.auth__popup_container {
  padding: 25px 25px 30px;
  width: 100%;
  max-width: 400px;
  border-radius: 5px;
  background-color: #fff;
}
.auth__popup_title {
  font-size: 16px;
  text-align: center;
}
.auth__popup_items {
  display: flex;
  justify-content: center;
  margin: 25px 0 0;
}
.auth__popup_vk {
  padding: 0 20px 0 35px;
  height: 35px;
  line-height: 35px;
  color: #FFF;
  background-image: url("/img/social/vk.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-color: #4D75A3;
  border-radius: 30px;
  cursor: pointer;
}
.auth__popup_vk:hover {
  opacity: .9;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.article__nsn {
  display: block;
  max-width: 150px;
  margin: 0 0 7px;
}
.article__nsn img {
  display: block;
}
.article__title {
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  color: #000000;
}
@media (min-width: 864px) {
  .article__title {
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1233px) {
  .article__title {
    font-size: 30px;
    line-height: 35px;
  }
}
.article__title:first-child {
  margin-top: 0;
}
.article__date {
  margin: 0 0 20px;
}
.article__content > * {
  margin: 20px 0 0;
}
.article__content > *:first-child {
  margin: 0;
}
.article__content > a,
.article__content > p a,
.article__content > blockquote a {
  padding-left: 5px;
  padding-right: 5px;
  background: #F7F7F7;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  color: #000000;
  text-decoration: none;
  transition: opacity .2s;
  font-size: 14px;
  line-height: 30px;
}
.article__content > a:hover,
.article__content > p a:hover,
.article__content > blockquote a:hover {
  opacity: .7;
}
.article__content > .instagram-media {
  margin-top: 20px !important;
}
.article h2 {
  margin-top: 40px;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}
.article h3 {
  margin-top: 40px;
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
}
.article header img {
  display: block;
}
.article header h2 {
  margin: 0;
}
.article .related-post__root {
  display: block;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
}
.article figure {
  display: table;
  margin: 0;
  max-width: 100%;
}
.article figure.image {
  margin: 20px 0 0;
  display: block;
}
.article figure.image.align-center {
  margin-left: auto;
  margin-right: auto;
}
.article figure.image.align-left,
.article figure.image.align-right {
  width: 100%;
}
@media (min-width: 544px) {
  .article figure.image.align-left,
  .article figure.image.align-right {
    width: auto;
    max-width: 300px;
  }
}
@media (min-width: 864px) {
  .article figure.image.align-left,
  .article figure.image.align-right {
    max-width: 450px;
  }
}
@media (min-width: 1233px) {
  .article figure.image.align-left,
  .article figure.image.align-right {
    max-width: 600px;
  }
}
@media (min-width: 544px) {
  .article figure.image.align-left {
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
  }
}
@media (min-width: 544px) {
  .article figure.image.align-right {
    margin-left: 20px;
    margin-bottom: 10px;
    float: right;
  }
}
.article figure.image img {
  display: block;
  height: auto !important;
}
.article figcaption {
  font-style: italic;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #9A9A9A;
}
@media (min-width: 864px) {
  .article figcaption {
    font-size: 14px;
    line-height: 25px;
  }
}
.article iframe {
  max-width: 100%;
}
.article img {
  max-width: 100%;
  height: auto;
}
.article p {
  font-size: 16px;
  line-height: 30px;
  color: #000000;
}
.article blockquote {
  margin-left: 20px;
  padding-left: 18px;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  border-left: 2px solid black;
}
@media (min-width: 864px) {
  .article blockquote {
    margin-left: 50px;
    letter-spacing: normal;
  }
}
@media (min-width: 1233px) {
  .article blockquote {
    margin-left: 80px;
    font-size: 20px;
    line-height: 30px;
  }
}
.article blockquote.quote {
  position: relative;
  margin-left: 0;
  margin-top: 70px;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  background: #F9F9F9;
  border-radius: 5px;
  font-size: 16px;
  line-height: 23px;
  font-weight: normal;
  font-style: italic;
  border: none;
}
@media (min-width: 864px) {
  .article blockquote.quote {
    padding-top: 14px;
    margin-top: 20px;
    padding-left: 150px;
    padding-right: 70px;
    font-size: 16px;
    line-height: 30px;
    min-height: 128px;
  }
}
.article blockquote.quote img {
  position: absolute;
  display: block;
  content: '';
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  max-width: 100%;
}
@media (min-width: 864px) {
  .article blockquote.quote img {
    top: 50%;
    left: 30px;
    width: 100px;
    height: 100px;
    transform: translate(0, -50%);
  }
}
.article blockquote.quote figcaption {
  display: none;
}
.article ul {
  list-style: disc;
}
.article ul,
.article ol {
  padding-left: 20px;
}
.article li {
  font-size: 16px;
  line-height: 30px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.article h3 + p,
.article h3 + i {
  padding-left: 10px;
}
.article__date {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #B0B0B0;
}
.article__video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.article__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.article__album {
  padding-bottom: 75%;
  background-color: #000;
  overflow: hidden;
  border-radius: 12px;
}
.article__album .swiper-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.article__album .swiper-slide {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.article__album .slide-caption {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px 8px;
  max-width: 100%;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  background-color: rgba(0, 0, 0, 0.8);
}
.article__album .swiper-nav {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 100%;
  height: 50px;
  z-index: 1;
}
.article__album .swiper-nav a {
  position: absolute;
  top: 0;
  display: block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/icons/slider-arrow-left.png");
}
.article__album .swiper-nav a.prev {
  left: 10px;
}
.article__album .swiper-nav a.next {
  right: 10px;
  transform: rotate(180deg);
}
.article__album .swiper-nav a.swiper-button-disabled {
  display: none;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.fullscreen .single-banner {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 320px;
  height: 100px;
}
@media (min-width: 768px) {
  .fullscreen .single-banner {
    width: 728px;
    height: 90px;
  }
}
.fullscreen .single-banner a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .fullscreen .single-banner__mobile {
    display: none;
  }
}
.fullscreen .single-banner__desktop {
  display: none;
}
@media (min-width: 768px) {
  .fullscreen .single-banner__desktop {
    display: block;
  }
}
.banner {
  position: relative;
  color: white;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
}
.banner__item {
  box-sizing: border-box;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.banner__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 544px) {
  .banner__cover_mobile {
    display: none;
  }
}
.banner__cover_desktop {
  display: none;
}
@media (min-width: 544px) {
  .banner__cover_desktop {
    display: block;
  }
}
.banner__content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.banner__title {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 544px) {
  .banner__title {
    font-size: 20px;
    line-height: 23px;
  }
}
.banner__title_hard {
  display: block;
  font-weight: bold;
}
@media (min-width: 544px) {
  .banner__title_hard {
    display: inline;
  }
}
.banner__place {
  padding: 0;
  margin: 0;
  margin-top: 15px;
  font-size: 10px;
  line-height: 12px;
  padding-left: 14px;
  background-image: url("/img/icons/placeholder-filled-point.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: left center;
}
@media (min-width: 544px) {
  .banner__place {
    font-size: 14px;
    line-height: 16px;
    background-size: 15px;
    margin-top: 30px;
    padding-left: 24px;
  }
}
.banner__buy {
  margin-top: 15px;
}
@media (min-width: 544px) {
  .banner__buy {
    margin-top: 50px;
  }
}
.swiper-container-banner {
  width: 100%;
  height: 100%;
}
.swiper-container-banner .swiper-slide {
  position: relative;
  max-height: 300px;
  min-height: 300px;
}
.swiper-container-banner .swiper-slide:after {
  content: "";
  display: block;
  padding-top: 72.4%;
}
@media (min-width: 1030px) {
  .swiper-container-banner .swiper-slide:after {
    padding-top: 21.1%;
  }
}
@media (min-width: 544px) {
}
@media (min-width: 1030px) {
  .swiper-container-banner .swiper-slide {
    max-height: 400px !important;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
._720kb-datepicker-calendar-header {
  background-color: #DE2A27 !important;
}
.rock ._720kb-datepicker-calendar-header {
  background-color: #23222D !important;
}
.jazz ._720kb-datepicker-calendar-header {
  background-color: #F62121 !important;
}
.ultra ._720kb-datepicker-calendar-header {
  background-color: #38A2DE !important;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.direct {
  display: none;
  flex-shrink: 0;
  flex-grow: 0;
}
@media (min-width: 1233px) {
  .direct {
    display: block;
  }
}
.direct__container {
  position: relative;
  background-color: #F0F0F0;
  outline-color: #F0F0F0;
}
.direct__container_size {
  /*
            height: 290px;

            @media (min-width: 768px) {
                height: 130px;
            }*/
}
@media (min-width: 1233px) {
  .direct__container_size {
    display: none;
  }
}
.direct__horizontal .direct__item {
  margin: 0 auto;
}
.direct__road {
  position: relative;
  height: 50%;
  min-height: 400px;
}
.direct__road_single {
  height: 100%;
}
.direct__road__second {
  padding-top: 20px;
}
.direct__road .direct__item {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 250px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 768px) {
  .direct__road .direct__item {
    width: 728px;
    height: 90px;
  }
}
@media (min-width: 1233px) {
  .direct__road .direct__item {
    position: -webkit-sticky;
    position: sticky;
    transform: translate(0, 0);
    left: 0;
    top: 20px;
    width: 300px;
    height: 600px;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.page-error .error {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  padding-left: 20px;
  padding-right: 20px;
  min-width: 320px;
  box-sizing: border-box;
  background-color: #EDEDED;
  padding-top: 20px;
}
.page-error .error__logo {
  width: 194px;
  height: 73px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 544px) {
  .page-error .error__logo {
    margin-top: auto;
    width: 144px;
    height: 67px;
  }
}
.page-error .error__404 {
  background-image: url("/img/error/404.png");
}
.page-error .error__500 {
  background-image: url("/img/error/500.png");
}
.page-error .error__volume {
  width: 183px;
  height: 160px;
  margin-top: 30px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/img/error/volume.png");
}
@media (max-width: 544px) {
  .page-error .error__volume {
    width: 162px;
    height: 142px;
    margin-top: 15px;
  }
}
.page-error .error__bar {
  position: absolute;
  left: 18px;
  top: 19px;
  width: 147px;
  height: 147px;
  background-size: contain;
  background-position: center;
  background-image: url("/img/error/bar.png");
}
@media (max-width: 544px) {
  .page-error .error__bar {
    width: 122px;
    height: 122px;
    left: 20px;
    top: 20px;
  }
}
.page-error .error__control {
  position: absolute;
  left: 18px;
  top: 19px;
  width: 147px;
  height: 147px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/img/error/control.png");
  animation-name: rotate;
  animation-duration: 2s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
}
@media (max-width: 544px) {
  .page-error .error__control {
    width: 122px;
    height: 122px;
    left: 20px;
    top: 20px;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-175deg);
  }
}
.page-error .error__banner {
  border: none;
  width: 183px;
  height: 160px;
  margin-top: 30px;
}
.page-error .error__title {
  margin: 0;
  margin-top: 65px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #373737;
}
@media (max-width: 544px) {
  .page-error .error__title {
    margin-top: 20px;
    font-size: 20px;
  }
}
.page-error .error__text {
  margin: 0;
  margin-top: 25px;
  max-width: 525px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  text-align: center;
  color: #979797;
}
@media (max-width: 544px) {
  .page-error .error__text {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
.page-error .error__button {
  box-sizing: border-box;
  display: block;
  min-width: 294px;
  margin-top: 50px;
  padding-top: 13px;
  padding-bottom: 11px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #E63935;
  border-radius: 7px;
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  line-height: 16px;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFFFFF;
}
@media (max-width: 544px) {
  .page-error .error__button {
    margin-top: auto;
    min-width: 60px;
    height: 60px;
    font-size: 0;
    background-size: 30px 27px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/img/error/home.svg");
    border-radius: 7px 7px 0 0;
  }
}
.page-error .error__button:hover {
  opacity: .9;
}
.rock .page-error .error__button {
  background-color: #3F3E4E;
}
.jazz .page-error .error__button {
  background-color: #FF3434;
}
.ultra .page-error .error__button {
  background-color: #29A8EF;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.filters {
  position: relative;
  height: 60px;
}
@media (min-width: 864px) {
  .filters_adaptive {
    height: auto;
  }
}
.filters__container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-start;
  padding-left: 10px;
  width: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  transition: padding-left 0.2s;
}
@media (min-width: 1233px) {
  .filters__container {
    padding-left: 20px;
  }
}
.filters__container::-webkit-scrollbar {
  width: 0 !important;
}
@media (min-width: 864px) {
  .filters__container_adaptive {
    flex-wrap: wrap;
    position: static;
  }
}
.filters__item {
  margin-right: 11px;
  margin-bottom: 15px;
}
.filters__item .radio__button_image {
  position: relative;
  padding: 0;
  border: 0;
  background-color: transparent;
}
.filters__item .radio__button_image:hover {
  opacity: .8;
}
.filters__item .radio__button_image img {
  display: block;
  height: 100%;
}
.filters__item .radio__button_image .button__title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.filters__margin {
  min-width: 1px;
}
@media (min-width: 864px) {
  .filters__margin {
    min-width: 3px;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.footer {
  background-color: #24222D;
  color: #8B8B8B;
  padding-top: 30px;
  padding-bottom: 95px;
  flex-shrink: 0;
}
@media (min-width: 1233px) {
  .footer {
    padding-top: 50px;
    padding-bottom: 115px;
  }
}
.footer__container {
  display: block;
  justify-content: space-between;
}
@media (min-width: 1233px) {
  .footer__container {
    display: flex;
  }
}
@media (min-width: 1233px) {
  .footer__column_flex {
    display: flex;
  }
}
.footer__column_pt20 {
  padding-top: 20px;
}
.footer__subcolumn_files {
  display: block;
  justify-content: center;
}
@media (min-width: 544px) {
  .footer__subcolumn_files {
    display: flex;
  }
}
@media (min-width: 1233px) {
  .footer__subcolumn_files {
    display: block;
    margin-right: 40px;
  }
}
.footer__logo {
  background-image: url("/img/logo_mmx_rus.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 157px;
  height: 40px;
  font-size: 0;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1233px) {
  .footer__logo {
    margin-left: 0;
    margin-right: 0;
  }
}
.footer__text {
  margin: 0;
  margin-top: 7px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
@media (min-width: 544px) {
  .footer__text {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1233px) {
  .footer__text {
    text-align: left;
  }
}
.footer__text_copyright {
  margin-top: 30px;
}
.footer__text_information {
  font-size: 10px;
  line-height: 14px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 544px) {
  .footer__text_information {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (min-width: 1233px) {
  .footer__text_information {
    text-align: left;
    margin-left: 0;
  }
}
.footer__text_information a {
  color: #8B8B8B;
  text-decoration: none;
}
.footer__link {
  display: block;
  color: inherit;
  text-transform: uppercase;
  transition: opacity .2s;
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 544px) {
  .footer__link {
    margin-top: 0;
    margin-left: 30px;
    font-size: 14px;
    text-align: left;
  }
}
@media (min-width: 1233px) {
  .footer__link {
    margin-top: 20px;
    margin-left: 0;
  }
}
.footer__link:first-child {
  margin-top: 0;
  margin-left: 0;
}
.footer__link:hover {
  opacity: 0.3;
  text-decoration: none;
}
.footer__social {
  margin-top: 20px;
}
@media (min-width: 1233px) {
  .footer__social {
    margin-top: 0;
  }
}
.footer__apps {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.footer__app {
  display: block;
  width: 120px;
  height: 40px;
  font-size: 0;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.footer__app_iphone {
  background-image: url("/img/app-store-badge.png");
  margin-right: 20px;
}
.footer__app_android {
  background-image: url("/img/google-play-badge.png");
  width: 135px;
}
.footer__partners {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.footer__partner {
  display: block;
  width: 120px;
  height: 50px;
  font-size: 0;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.footer__partner_itsumma {
  background-image: url("/img/logo-itsumma.svg");
  margin-right: 20px;
}
.footer__partner_select {
  background-image: url("/img/logo-select.svg");
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.header {
  width: 100%;
  min-width: 320px;
  height: 50px;
  background-color: #E63935;
  z-index: 30;
  flex-shrink: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rock .header {
  background-color: #23222D;
}
.jazz .header {
  background-color: #F62121;
}
.ultra .header {
  background-color: #38A2DE;
}
@media (min-width: 1030px) {
  .header {
    height: 135px;
  }
}
.header__logo {
  display: none;
  width: 85px;
  height: 35px;
  background-image: url("/img/logo-nashe.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.rock .header__logo {
  background-image: url("/img/logo-rock.png");
}
.jazz .header__logo {
  background-image: url("/img/logo-jazz.png");
}
.ultra .header__logo {
  background-image: url("/img/logo-ultra.png");
}
@media (min-width: 1030px) {
  .header__logo {
    display: block;
  }
}
.header__logo_nav {
  position: absolute;
  right: 0;
  top: 7px;
  transform: translateX(-50%);
  width: 69px;
  height: 30px;
}
@media (min-width: 1030px) {
  .header__logo_nav {
    display: none;
  }
}
.header_opened .header__logo_nav {
  display: block;
}
@media (min-width: 1030px) {
  .header_opened .header__logo_nav {
    display: none;
  }
}
.header__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 544px) {
  .header__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1030px) {
  .header__container {
    display: block;
    height: 135px;
  }
}
.header_opened .header__container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
@media (min-width: 1030px) {
  .header_opened .header__container {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
}
.header__upper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  flex-grow: 1;
}
@media (min-width: 1030px) {
  .header__upper {
    justify-content: center;
    height: 75px;
  }
}
.header__stations {
  position: relative;
  width: 200px;
  flex-grow: 1;
  white-space: nowrap;
  padding: 5px 6px;
  padding-top: 4px;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.header__stations::-webkit-scrollbar {
  display: none !important;
}
@media (min-width: 544px) {
  .header__stations {
    width: auto;
    flex-grow: 0;
    overflow-x: visible;
    background: #d33834;
    border-radius: 30px;
    background-clip: padding-box;
    border: solid 1px transparent;
  }
  .rock .header__stations {
    background-color: #201f28;
  }
  .jazz .header__stations {
    background-color: #de2629;
  }
  .ultra .header__stations {
    background-color: #3696c9;
  }
}
@media (min-width: 544px) {
  .header__stations:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    border-radius: inherit;
    background: linear-gradient(to bottom, #c82320, #f94d49);
  }
  .rock .header__stations:before {
    background: linear-gradient(to bottom, #31313b, #565565);
  }
  .jazz .header__stations:before {
    background: linear-gradient(to bottom, #d2191d, #ff484a);
  }
  .ultra .header__stations:before {
    background: linear-gradient(to bottom, #0782c0, #3eaee8);
  }
}
.header_opened .header__stations {
  display: none;
}
.header__station {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 30px;
  transition: background-color 0.2s, opacity 0.2s;
  letter-spacing: 0.03em;
  font-size: 12px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  opacity: .6;
}
@media (min-width: 1030px) {
  .header__station {
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.header__station:hover,
.header__station_active {
  background: #FD3F3B;
  opacity: 1;
}
.rock .header__station:hover,
.rock .header__station_active {
  background-color: #3F3E4E;
}
.jazz .header__station:hover,
.jazz .header__station_active {
  background-color: #FF3434;
}
.ultra .header__station:hover,
.ultra .header__station_active {
  background-color: #3CB4F9;
}
.header__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
@media (min-width: 1030px) {
  .header__bar {
    height: 60px;
  }
}
.header__additional {
  display: flex;
}
.header__shop {
  display: none;
  font-size: 0;
  height: 60px;
  width: 25px;
  background-image: url("/img/icons/shop.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: opacity .2s;
}
@media (min-width: 1030px) {
  .header__shop {
    display: block;
  }
}
.header__shop:hover {
  opacity: .3;
}
.header__towns {
  background-image: url("/img/icons/towns.svg");
}
.header__main {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  font-style: italic;
  transition: color .2s;
  font-size: 19px;
  line-height: 24.7px;
}
.header__menu {
  display: block;
  position: relative;
  height: 100%;
  width: 30px;
  z-index: 31;
  margin-right: 24px;
}
@media (min-width: 1030px) {
  .header__menu {
    display: none;
  }
}
.header__form {
  display: flex;
  width: 25px;
  margin-left: 15px;
  z-index: 32;
}
@media (min-width: 544px) {
  .header__form {
    margin-left: 30px;
  }
}
.header_opened .header__form {
  display: none;
}
@media (min-width: 1030px) {
  .header_opened .header__form {
    display: flex;
  }
}
.header__search {
  bottom: 0;
  display: block;
  font-size: 0;
  height: 50px;
  background-image: url("/img/icons/search.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: opacity .2s;
  width: 25px;
  z-index: 33;
}
@media (min-width: 1030px) {
  .header__search {
    height: 60px;
  }
}
.header__search:hover {
  opacity: .3;
}
.header__query {
  position: absolute;
  bottom: 0;
  right: 10px;
  height: 50px;
  line-height: 50px;
  width: 0;
  transition: width .2s;
  border: none;
  background-color: #E63935;
  font-size: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 0;
  -webkit-appearance: none;
}
.rock .header__query {
  background-color: #23222D;
}
.jazz .header__query {
  background-color: #F62121;
}
.ultra .header__query {
  background-color: #38A2DE;
}
.header__query:-webkit-autofill,
.header__query:-webkit-autofill:hover,
.header__query:-webkit-autofill:focus,
.header__query:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #E63935 inset !important;
}
.rock .header__query:-webkit-autofill,
.rock .header__query:-webkit-autofill:hover,
.rock .header__query:-webkit-autofill:focus,
.rock .header__query:-webkit-autofill:active {
  background-color: #23222D;
}
.jazz .header__query:-webkit-autofill,
.jazz .header__query:-webkit-autofill:hover,
.jazz .header__query:-webkit-autofill:focus,
.jazz .header__query:-webkit-autofill:active {
  background-color: #F62121;
}
.ultra .header__query:-webkit-autofill,
.ultra .header__query:-webkit-autofill:hover,
.ultra .header__query:-webkit-autofill:focus,
.ultra .header__query:-webkit-autofill:active {
  background-color: #38A2DE;
}
@media (min-width: 544px) {
  .header__query {
    right: 20px;
  }
}
@media (min-width: 1030px) {
  .header__query {
    height: 60px;
  }
}
.header__query:-ms-input-placeholder {
  color: #FFFFFF;
  opacity: 0.5;
}
.header__query::placeholder {
  color: #FFFFFF;
  opacity: 0.5;
}
.header__submit {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 25px;
  height: 50px;
  opacity: 0;
  transition: opacity .2s;
  border: none;
  background-color: transparent;
  z-index: 32;
  font-size: 0;
  background-image: url("/img/icons/cross.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.header__submit_active {
  background-image: url("/img/icons/arrow.svg");
  background-size: 80%;
}
@media (min-width: 544px) {
  .header__submit {
    right: 20px;
  }
}
@media (min-width: 1030px) {
  .header__submit {
    height: 60px;
  }
}
.header__query:focus {
  width: calc(100% - 20px);
  padding-left: 40px;
  padding-right: 40px;
  border-bottom: 3px solid white;
  z-index: 32;
}
@media (min-width: 544px) {
  .header__query:focus {
    width: calc(100% - 40px);
  }
}
.header__query:focus ~ .header__search {
  position: absolute;
  left: 10px;
  bottom: 0;
  z-index: 32;
}
@media (min-width: 544px) {
  .header__query:focus ~ .header__search {
    left: 20px;
  }
}
.header__query:focus ~ .header__submit {
  display: block;
  opacity: 1;
}
.header__query:focus ~ .header__submit:hover {
  opacity: 0.4;
  cursor: pointer;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.highlight {
  background-color: #FFA8A8;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: -2px;
  margin-left: -2px;
}
.rock .highlight {
  background-color: #D5D5D5;
}
.jazz .highlight {
  background-color: #FFBBBB;
}
.ultra .highlight {
  background-color: #C7E4F4;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.last {
  position: fixed;
  left: 0;
  top: 100%;
  right: 0;
  bottom: 0;
  z-index: 50;
  background-color: white;
  overflow-y: auto;
  transition: .5s;
}
.last_visible {
  top: 0;
}
@media (min-width: 864px) {
  .last {
    display: none !important;
  }
}
.last__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  height: 100px;
  background-color: #DE2B27;
}
.rock .last__title {
  background-color: #1C1B22;
}
.jazz .last__title {
  background-color: #DF0D0D;
}
.ultra .last__title {
  background-color: #2293D3;
}
.last__close {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  font-size: 0;
  border: none;
  width: 60px;
  height: 60px;
  padding: 0;
  transition: opacity .2s;
}
.last__close:hover {
  opacity: .7;
}
.last__close:before,
.last__close:after {
  position: absolute;
  top: 20px;
  right: 20px;
  content: '';
  display: block;
  height: 3px;
  width: 20px;
  background-color: white;
}
.last__close:before {
  transform: rotate(45deg);
}
.last__close:after {
  transform: rotate(-45deg);
}

.lity {
  background-color: rgba(0, 0, 0, 0.5);
}
.lity-close {
  display: none;
  position: absolute;
  width: 60px;
  height: 60px;
  color: #333;
  text-shadow: none;
}
.lity-active body {
  overflow: hidden;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.mobile {
  padding: 60px 0;
  counter-reset: mobile;
}
.mobile__link {
  display: block;
  width: 141px;
  height: 39px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  transition: background-color 0.3s;
  border-radius: 5px;
}
.mobile__link:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.mobile__link:last-child {
  margin-bottom: 0;
}
.mobile__container {
  max-width: 646px;
  margin: 0 auto;
  padding: 0 40px 0 100px;
}
.mobile__step {
  position: relative;
  margin-bottom: 60px;
}
@media (max-width: 864px) {
  .mobile__step:after {
    font-size: 18px !important;
    line-height: 40px !important;
    top: -5px !important;
    width: 40px !important;
    height: 40px !important;
  }
  .mobile__step:before {
    top: 36px !important;
    bottom: -54px !important;
    left: -46px !important;
  }
}
.mobile__step:last-child::before {
  display: none !important;
}
.mobile__step:before {
  position: absolute;
  top: 50px;
  bottom: -43px;
  left: -32px;
  width: 0;
  content: '';
  border-left: 1px dashed #404040;
}
.mobile__step:after {
  font-size: 25px;
  font-weight: bold;
  line-height: 65px;
  position: absolute;
  top: -16px;
  left: -65px;
  overflow: hidden;
  width: 65px;
  height: 65px;
  content: counter(mobile);
  counter-increment: mobile;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  color: #272727;
  border: 1px dashed #404040;
  border-radius: 50%;
}
.mobile__step:last-child {
  margin-bottom: 0;
}
.mobile__title {
  font-size: 20px;
  font-weight: 900;
  line-height: 23px;
  line-height: 36px;
  overflow: hidden;
  height: 36px;
  margin-bottom: 20px;
  padding-left: 29px;
  white-space: nowrap;
  text-transform: uppercase;
  text-overflow: ellipsis;
  color: #272727;
}
@media (max-width: 864px) {
  .mobile__title {
    font-size: 16px !important;
    line-height: normal;
    box-sizing: border-box;
    height: auto;
    min-height: 36px;
    padding: 5px 0;
    padding-left: 0 !important;
    white-space: normal;
  }
}
.mobile__body {
  display: flex;
}
@media (max-width: 864px) {
  .mobile__body {
    display: block;
  }
}
.mobile__pic {
  flex-grow: 0;
  flex-shrink: 0;
  width: 200px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 864px) {
  .mobile__pic {
    margin-bottom: 20px;
    margin-left: -30px;
  }
}
.mobile__pic_register {
  background-image: url("/img/mobile/register.png");
}
.mobile__pic_nashe {
  background-image: url("/img/mobile/nashe.png");
}
.mobile__pic_jazz {
  background-image: url("/img/mobile/jazz.png");
}
.mobile__pic_rock {
  background-image: url("/img/mobile/rock.png");
}
.mobile__pic_ultra {
  background-image: url("/img/mobile/ultra.png");
}
.mobile__pic_apps {
  height: 88px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 141px;
  background-image: url("/img/mobile/apps.png");
}
.mobile__text {
  font-size: 16px;
  line-height: 21px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 60px;
  padding-left: 50px;
  color: #9b9b9b;
}
@media (max-width: 864px) {
  .mobile__text {
    padding-left: 0;
  }
  .mobile__text:after {
    display: none;
  }
}
.mobile__text:after {
  position: absolute;
  top: 50%;
  left: 7px;
  width: 4px;
  height: 30px;
  content: '';
  transform: translate(0, -50%);
  pointer-events: none;
  border-radius: 4px;
  background: #eb3132;
}
.mobile_left {
  background-position: left;
}
.mobile_right {
  background-position: right;
}
.mobile__bar {
  margin-top: 50px;
  padding: 27px 0;
  background-color: black;
}
.mobile__bar_nashe {
  background-color: #E63935;
}
.mobile__bar_rock {
  background-color: #23222D;
}
.mobile__bar_jazz {
  background-color: #F62121;
}
.mobile__bar_ultra {
  background-color: #38A2DE;
}
.mobile__bar-inner {
  max-width: 646px;
  margin: 0 auto;
  padding: 0 40px 0 220px;
  color: white;
  background-repeat: no-repeat;
  background-position: 130px top;
  background-size: 55px;
  background-image: url("/img/mobile/chat.svg");
}
@media (max-width: 864px) {
  .mobile__bar-inner {
    padding: 80px 40px 0 40px !important;
    text-align: center;
    background-position: top center;
  }
}
.mobile__bar-inner p {
  margin-top: 0;
  margin-bottom: 20px;
}
.mobile__bar-inner p:last-child {
  margin-bottom: 0;
}
.mobile__bar-inner a {
  color: #f9cf79;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.menuOpened {
  overflow: hidden;
}
@media (min-width: 1030px) {
  .menuOpened {
    overflow: initial;
  }
}
.nav {
  padding: 0;
  margin: 0;
  display: block;
  position: fixed;
  padding-top: 50px;
  padding-bottom: 30px;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  transition: visibility 0.4s ease-in-out, right 0.4s ease-in-out;
  flex-shrink: 0;
  background-color: #E63935;
  list-style: none;
  min-width: 320px;
}
.rock .nav {
  background-color: #23222D;
}
.jazz .nav {
  background-color: #F62121;
}
.ultra .nav {
  background-color: #38A2DE;
}
@media (min-width: 1030px) {
  .nav {
    display: flex;
    position: static;
    overflow: auto;
    visibility: visible;
    width: auto;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.nav_opened {
  display: block;
  right: 0;
  visibility: visible;
  overflow-y: auto;
}
@media (min-width: 1030px) {
  .nav_opened {
    display: flex !important;
  }
}
.nav__item {
  display: block;
  text-align: center;
  border-bottom: 1px solid rgba(237, 237, 237, 0.15);
  transition: background-color 0.2s, border-bottom-color 0.2s;
}
.nav__item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid transparent;
}
@media (min-width: 1030px) {
  .nav__item:hover {
    background-color: transparent;
    border-bottom: none;
  }
}
@media (min-width: 1030px) {
  .nav__item {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.rock .nav__item {
  border-bottom-color: rgba(237, 237, 237, 0.07);
}
@media (min-width: 1030px) {
  .nav__item_mobile {
    display: none;
  }
}
.nav__item_social {
  margin-top: 20px;
  padding-bottom: 85px;
}
@media (min-width: 1030px) {
  .nav__item_social {
    display: none !important;
  }
}
.nav__item_social:hover {
  background-color: transparent;
  border-bottom: none;
}
.nav__item:nth-last-child(2),
.nav__item:last-child {
  border-bottom: none;
}
.nav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
  transition: border-bottom-color 0.2s, opacity 0.2s;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.03em;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 3px solid transparent;
  height: 60px;
  min-width: 104px;
  text-transform: uppercase;
}
@media (min-width: 1030px) {
  .nav__link:hover,
  .nav__link_active {
    border-bottom: 3px solid white;
  }
}
.nav__item_active .nav__link {
  color: rgba(255, 255, 255, 0.3);
}
@media (min-width: 1030px) {
  .nav__item_active .nav__link {
    color: #FFF;
  }
}
.nav__item:hover .nav__link {
  color: #FFF;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.news {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  padding-bottom: 40px;
}
@media (min-width: 1233px) {
  .news {
    padding-bottom: 50px;
  }
}
.news__banner_top {
  display: none;
}
@media (min-width: 544px) {
  .news__banner_top {
    display: block;
  }
}
@media (min-width: 544px) {
  .news__banner_bottom {
    display: none;
  }
}
.news__branding {
  display: block;
  width: 100%;
}
@media (min-width: 1300px) {
  .news__branding {
    padding-bottom: 0 !important;
  }
}
.news__branding_placeholder {
  display: none;
}
@media (min-width: 1300px) {
  .news__branding_placeholder {
    display: block;
  }
}
.news__container {
  margin-bottom: -20px;
  padding-top: 20px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 148%;
}
@media (min-width: 1030px) {
  .news__container {
    margin-bottom: -50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1300px) {
  .news__container {
    background-size: auto;
  }
}
.news__container_with-branding {
  padding-top: 0;
}
.news__content {
  flex-shrink: 0;
  background-color: #fff;
}
@media (min-width: 1233px) {
  .news__content {
    display: flex;
  }
}
.news__content.container_compact {
  padding-bottom: 20px;
  max-width: 1300px;
}
@media (min-width: 1030px) {
  .news__content.container_compact {
    padding-bottom: 0;
  }
}
.news__container_with-branding .news__content.container_compact {
  padding: 20px ;
}
.news__direct {
  margin-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.news__direct_single {
  margin-top: 0;
}
@media (min-width: 1233px) {
  .news__direct_single {
    padding-right: 0;
  }
}
.news__tile {
  flex-grow: 1;
  flex-shrink: 0;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 20px;
}
.news__tile_adaptive .news__item {
  /*.desktopMiddleBack({
                    &:nth-last-child(9),
                    &:nth-last-child(8),
                    &:nth-last-child(7),
                    &:nth-last-child(6) {
                        display: block;
                    }
                });*/
}
.news__tile_adaptive .news__item:nth-last-child(9),
.news__tile_adaptive .news__item:nth-last-child(8),
.news__tile_adaptive .news__item:nth-last-child(7),
.news__tile_adaptive .news__item:nth-last-child(6),
.news__tile_adaptive .news__item:nth-last-child(5),
.news__tile_adaptive .news__item:nth-last-child(4),
.news__tile_adaptive .news__item:nth-last-child(3),
.news__tile_adaptive .news__item:nth-last-child(2),
.news__tile_adaptive .news__item:nth-last-child(1) {
  display: none;
}
@media (min-width: 1643px) {
  .news__tile_adaptive .news__item:nth-last-child(5),
  .news__tile_adaptive .news__item:nth-last-child(4),
  .news__tile_adaptive .news__item:nth-last-child(3),
  .news__tile_adaptive .news__item:nth-last-child(2) {
    display: block;
  }
}
.news__tile_loaded .news__item {
  /*.desktopMiddleBack({
                    &:nth-last-child(9) {
                        display: block;
                    }

                    &:nth-last-child(8),
                    &:nth-last-child(7),
                    &:nth-last-child(6) {
                        display: none;
                    }
                });*/
}
@media (min-width: 544px) {
  .news__tile_loaded .news__item:nth-last-child(9) {
    display: block;
  }
}
@media (min-width: 1233px) {
  .news__tile_loaded .news__item:nth-last-child(9) {
    display: none;
  }
}
@media (min-width: 1643px) {
  .news__tile_loaded .news__item:nth-last-child(9),
  .news__tile_loaded .news__item:nth-last-child(8),
  .news__tile_loaded .news__item:nth-last-child(7),
  .news__tile_loaded .news__item:nth-last-child(6),
  .news__tile_loaded .news__item:nth-last-child(5),
  .news__tile_loaded .news__item:nth-last-child(4),
  .news__tile_loaded .news__item:nth-last-child(3),
  .news__tile_loaded .news__item:nth-last-child(2) {
    display: block;
  }
}
@media (min-width: 544px) {
  .news__tile {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1233px) {
  .news__tile {
    padding-left: 0;
    padding-right: 0;
    margin-top: 25px;
  }
}
.news__item {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  display: block;
  z-index: 2;
  /*.desktopMiddleBack({


            // Отменяем предыдущие правила
            // [][][]
            // [  ][]
            // [  ][]
            &:nth-child(6n + 19) {
                width:                     25%;
                &:after {padding-top:      100%;}
                .news__item-inner {height: 100%;}
            }
            &:nth-child(6n + 21) {
                margin-left: 0;
            }


            // Статичные
            &:nth-child(1),
            &:nth-child(16) {
                width:                     50%;
                overflow:                  visible;
                &:after {padding-top:      50%}
                .news__item-inner {height: 200%}
            }
            &:nth-child(2) {
                &:after {padding-top: 50%}
            }
            &:nth-child(4) {
                margin-left: 75%;
            }
            &:nth-child(6) {
                margin-right: 0;
            }
            &:nth-child(8) {
                margin-right: 0;
            }
            &:nth-child(7),
            &:nth-child(8) {
                width: 25%;
                .news__item-inner {height: 100%}
            }
            &:nth-child(10) {
                margin: 0;
            }
            &:nth-child(13) {
                width: 50%;
                overflow: visible;
                &:after {padding-top: 50%}
                .news__item-inner {height: 200%}
            }
            &:nth-child(15) {
                width: 25%;
                &:after {padding-top:      100%}
                .news__item-inner {height: 100%}
            }
            &:nth-child(16) {
                margin-left: 0;
                margin-right: 0;
            }
            &:nth-child(15) {
                margin-left: 0;
                margin-right: 50%;
            }

            &:nth-child(16),
            &:nth-child(17),
            &:nth-child(18),
            &:nth-child(19) {
                display: block !important;
            }

            &:nth-child(18) {
                margin-left: 50%;
            }

            &:nth-child(19) {
                order:       100;
                display:     block;
            }



            // Новые правила
            // [][][  ]
            // [][][  ]
            // [  ][][]
            // [  ][][]
            &:nth-child(10n + 22),
            &:nth-child(10n + 25) {
                width: 50%;
                overflow: visible;
                &:after {padding-top: 50%;}
                .news__item-inner {height: 200%;}
            }

            &:nth-child(10n + 24) {
                margin-right: 50%;
            }

            &:nth-child(10n + 28) {
                margin-left: 50%;
            }

            // Последние элементы
            // Чтобы сетка не ломалась
            &:nth-last-child(3),
            &:nth-last-child(2),
            &:nth-last-child(1) {
                &:after {padding-top:      100% !important;}
                .news__item-inner {height: 100% !important;}
            }

        });*/
}
.news__item-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.news__item_other:after {
  padding-top: 100% !important;
  padding-bottom: 0 !important;
}
.news__item_light .news__item-inner:before {
  display: block;
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  z-index: 1;
  transition: height 0.2s, background-color 0.2s;
  pointer-events: none;
}
@media (min-width: 544px) {
  .news__item {
    margin-bottom: 0;
  }
}
.news__item:after {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (min-width: 544px) {
  .news__item {
    width: 33.333%;
    border: 5px solid transparent;
  }
}
@media (min-width: 1233px) {
  .news__item {
    border: 0;
  }
}
@media (min-width: 1643px) {
  .news__item {
    width: 20%;
  }
}
.news__item_direct {
  outline-width: 5px;
  outline-style: solid;
  outline-color: #F0F0F0;
}
@media (min-width: 544px) {
  .news__item_direct {
    min-width: 100%;
    width: auto;
    display: block;
    overflow: hidden;
    text-align: center;
    border: 0;
    margin: 10px 0;
    order: 35;
  }
}
@media (min-width: 1233px) {
  .news__item_direct {
    display: none;
  }
}
.news__item_direct:after {
  display: none;
}
.news__item_nsn {
  z-index: 1;
}
.news__item_nsn .news__title {
  margin-top: 10px;
  max-width: 210px;
  font-size: 0;
  color: transparent;
  background-image: url("/img/nsn-logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  /*.desktopMiddleBack({
                    margin-top: 0;
                });*/
}
@media (min-width: 1643px) {
  .news__item_nsn .news__title {
    margin-top: 0;
  }
}
.news__item:nth-child(9) {
  /*.desktopMiddleBack({
                margin-left: 0;
                order:       5 !important;
            });*/
}
@media (min-width: 544px) {
  .news__item:nth-child(9) {
    order: 55 !important;
    overflow: visible;
  }
  .news__item:nth-child(9):after {
    padding-top: 50%;
  }
  .news__item:nth-child(9) .news__item-inner {
    height: 200%;
    position: relative;
  }
}
@media (min-width: 864px) {
  .news__item:nth-child(9) {
    order: 74 !important;
  }
}
@media (min-width: 1233px) {
  .news__item:nth-child(9) {
    order: 26 !important;
    margin-bottom: 0;
    margin-left: 66.666%;
  }
  .news__item:nth-child(9):after {
    padding-top: 100%;
  }
}
@media (min-width: 1643px) {
  .news__item:nth-child(9) {
    margin-left: 0;
    order: 5 !important;
  }
}
@media (min-width: 544px) {
  .news__item:nth-child(12) {
    order: 95  !important;
  }
}
@media (min-width: 1233px) {
  .news__item:nth-child(12) {
    order: 75  !important;
  }
}
@media (min-width: 1643px) {
  .news__item:nth-child(12) {
    order: 135 !important;
  }
}
@media (min-width: 544px) {
  .news__item:nth-child(5) {
    order: 58 !important;
  }
}
@media (min-width: 864px) {
  .news__item:nth-child(5) {
    order: 37 !important;
  }
}
@media (min-width: 1233px) {
  .news__item:nth-child(5) {
    order: 47 !important;
  }
}
@media (min-width: 1643px) {
  .news__item:nth-child(5) {
    order: 58 !important;
    margin-right: 40%;
  }
}
.news__item:nth-child(19) {
  display: none;
}
@media (min-width: 544px) {
  .news__item:nth-child(8) {
    margin-right: 33.333%;
  }
}
@media (min-width: 864px) {
  .news__item:nth-child(8) {
    margin-right: 0;
  }
  .news__item:nth-child(13) {
    margin-right: 33.333%;
  }
}
@media (min-width: 1233px) {
  .news__item:nth-child(6) {
    margin-right: 33.333%;
  }
  .news__item:nth-child(13) {
    margin-right: 0;
  }
  .news__item:nth-child(1),
  .news__item:nth-child(7),
  .news__item:nth-child(13) {
    width: 66.666%;
    overflow: visible;
  }
  .news__item:nth-child(1):after,
  .news__item:nth-child(7):after,
  .news__item:nth-child(13):after {
    padding-top: 50%;
  }
  .news__item:nth-child(1) .news__item-inner,
  .news__item:nth-child(7) .news__item-inner,
  .news__item:nth-child(13) .news__item-inner {
    height: 200%;
  }
  .news__item:nth-child(15) {
    margin-left: 66.666%;
  }
  .news__item:nth-child(8) {
    margin-right: 66.66%;
  }
  .news__item:nth-last-child(1):after,
  .news__item:nth-last-child(2):after {
    padding-top: 100%;
  }
  .news__item:nth-last-child(1) .news__item-inner,
  .news__item:nth-last-child(2) .news__item-inner {
    height: 100%;
  }
  .news__item:nth-child(6n + 19) {
    display: block;
    width: 66.666%;
    overflow: visible;
  }
  .news__item:nth-child(6n + 19):after {
    padding-top: 50%;
  }
  .news__item:nth-child(6n + 19) .news__item-inner {
    height: 200%;
  }
  .news__item:nth-child(6n + 21) {
    display: block;
    margin-left: 66.666%;
  }
  .news__item:nth-last-child(9):after {
    padding-top: 100%;
  }
  .news__item:nth-last-child(9) .news__item-inner {
    height: 100%;
  }
  .news__item:nth-last-child(8) {
    align-self: flex-start;
  }
  .news__item:nth-last-child(1) {
    width: 33.333% !important;
  }
  .news__item:nth-last-child(1):after {
    padding-top: 100%;
  }
  .news__item:nth-last-child(1) .news__item-inner {
    height: 100%;
  }
}
@media (min-width: 1643px) {
  .news__item:nth-child(6n + 19) {
    width: 25%;
  }
  .news__item:nth-child(6n + 19):after {
    padding-top: 100%;
  }
  .news__item:nth-child(6n + 19) .news__item-inner {
    height: 100%;
  }
  .news__item:nth-child(6n + 21) {
    margin-left: 0;
  }
  .news__item:nth-child(1),
  .news__item:nth-child(16) {
    width: 50%;
    overflow: visible;
  }
  .news__item:nth-child(1):after,
  .news__item:nth-child(16):after {
    padding-top: 50%;
  }
  .news__item:nth-child(1) .news__item-inner,
  .news__item:nth-child(16) .news__item-inner {
    height: 200%;
  }
  .news__item:nth-child(2):after {
    padding-top: 50%;
  }
  .news__item:nth-child(4) {
    margin-left: 75%;
  }
  .news__item:nth-child(6) {
    margin-right: 0;
  }
  .news__item:nth-child(8) {
    margin-right: 0;
  }
  .news__item:nth-child(7),
  .news__item:nth-child(8) {
    width: 25%;
  }
  .news__item:nth-child(7) .news__item-inner,
  .news__item:nth-child(8) .news__item-inner {
    height: 100%;
  }
  .news__item:nth-child(10) {
    margin: 0;
  }
  .news__item:nth-child(13) {
    width: 50%;
    overflow: visible;
  }
  .news__item:nth-child(13):after {
    padding-top: 50%;
  }
  .news__item:nth-child(13) .news__item-inner {
    height: 200%;
  }
  .news__item:nth-child(15) {
    width: 25%;
  }
  .news__item:nth-child(15):after {
    padding-top: 100%;
  }
  .news__item:nth-child(15) .news__item-inner {
    height: 100%;
  }
  .news__item:nth-child(16) {
    margin-left: 0;
    margin-right: 0;
  }
  .news__item:nth-child(15) {
    margin-left: 0;
    margin-right: 50%;
  }
  .news__item:nth-child(16),
  .news__item:nth-child(17),
  .news__item:nth-child(18),
  .news__item:nth-child(19) {
    display: block !important;
  }
  .news__item:nth-child(18) {
    margin-left: 50%;
  }
  .news__item:nth-child(10n + 22),
  .news__item:nth-child(10n + 25) {
    width: 20%;
    overflow: visible;
  }
  .news__item:nth-child(10n + 22):after,
  .news__item:nth-child(10n + 25):after {
    padding-top: 100%;
  }
  .news__item:nth-child(10n + 22) .news__item-inner,
  .news__item:nth-child(10n + 25) .news__item-inner {
    height: 100%;
  }
  .news__item:nth-child(10n + 24) {
    margin-right: 0;
  }
  .news__item:nth-child(10n + 28) {
    margin-left: 0;
  }
  .news__item:nth-child(6n + 19) {
    width: 20%;
  }
  .news__item:nth-child(6n + 19):after {
    padding-top: 100%;
  }
  .news__item:nth-child(6n + 19) .news__item-inner {
    height: 100%;
  }
  .news__item:nth-child(1) {
    width: 40%;
  }
  .news__item:nth-child(4),
  .news__item:nth-child(18) {
    margin-left: 0;
  }
  .news__item:nth-child(5),
  .news__item:nth-child(15) {
    margin-right: 0;
  }
  .news__item:nth-child(3),
  .news__item:nth-child(16),
  .news__item:nth-child(10n + 25) {
    margin: 0;
  }
  .news__item:nth-child(6) {
    margin-left: 60%;
  }
  .news__item:nth-child(8),
  .news__item:nth-child(23) {
    margin-right: 40%;
  }
  .news__item:nth-child(8),
  .news__item:nth-child(15) {
    width: 20%;
  }
  .news__item:nth-child(7),
  .news__item:nth-child(13),
  .news__item:nth-child(16) {
    width: 20%;
  }
  .news__item:nth-child(7):after,
  .news__item:nth-child(13):after,
  .news__item:nth-child(16):after {
    padding-top: 100%;
  }
  .news__item:nth-child(7) .news__item-inner,
  .news__item:nth-child(13) .news__item-inner,
  .news__item:nth-child(16) .news__item-inner {
    height: 100%;
  }
  .news__item:nth-child(6),
  .news__item:nth-child(17),
  .news__item:nth-child(19) {
    width: 40%;
    overflow: visible;
  }
  .news__item:nth-child(6):after,
  .news__item:nth-child(17):after,
  .news__item:nth-child(19):after {
    padding-top: 50% !important;
  }
  .news__item:nth-child(6) .news__item-inner,
  .news__item:nth-child(17) .news__item-inner,
  .news__item:nth-child(19) .news__item-inner {
    height: 200% !important;
  }
  .news__item:nth-child(19) {
    margin: 0;
    margin-left: 40%;
    order: 164 !important;
  }
  .news__item:nth-child(6n + 21),
  .news__item:nth-child(10n + 23),
  .news__item:nth-child(10n + 26) {
    width: 20%;
  }
  .news__item:nth-child(6n + 21):after,
  .news__item:nth-child(10n + 23):after,
  .news__item:nth-child(10n + 26):after {
    padding-top: 100%;
  }
  .news__item:nth-child(6n + 21) .news__item-inner,
  .news__item:nth-child(10n + 23) .news__item-inner,
  .news__item:nth-child(10n + 26) .news__item-inner {
    height: 100%;
  }
  .news__item:nth-child(10n + 29) {
    margin: 0;
    width: 20%;
  }
  .news__item:nth-child(10n + 29):after {
    padding-top: 100%;
  }
  .news__item:nth-child(10n + 29) .news__item-inner {
    height: 100%;
  }
  .news__item:nth-child(9n + 25) {
    width: 40%;
    overflow: visible;
  }
  .news__item:nth-child(9n + 25):after {
    padding-top: 50%;
  }
  .news__item:nth-child(9n + 25) .news__item-inner {
    height: 200%;
  }
  .news__item:nth-child(9n + 29) {
    margin-left: 40%;
    width: 40%;
    overflow: visible;
  }
  .news__item:nth-child(9n + 29):after {
    padding-top: 50%;
  }
  .news__item:nth-child(9n + 29) .news__item-inner {
    height: 200%;
  }
  .news__item:nth-child(9n + 32) {
    margin-right: 40%;
  }
  .news__item:nth-last-child(1),
  .news__item:nth-last-child(2),
  .news__item:nth-last-child(4),
  .news__item:nth-last-child(3) {
    width: 20% !important;
  }
  .news__item:nth-last-child(1):after,
  .news__item:nth-last-child(2):after,
  .news__item:nth-last-child(4):after,
  .news__item:nth-last-child(3):after {
    padding-top: 100% !important;
  }
  .news__item:nth-last-child(1) .news__item-inner,
  .news__item:nth-last-child(2) .news__item-inner,
  .news__item:nth-last-child(4) .news__item-inner,
  .news__item:nth-last-child(3) .news__item-inner {
    height: 100% !important;
  }
}
.news__item_indie,
.news__item_indie:nth-child(n) {
  border: 0 !important;
  width: 100% !important;
}
.news__item_indie .news__item-inner,
.news__item_indie:nth-child(n) .news__item-inner {
  height: 100% !important;
}
.news__item_indie:after,
.news__item_indie:nth-child(n):after {
  padding-top: 100% !important;
}
.news__preview {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news__preview:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.15);
  transition: opacity .2s;
}
.news__preview_chart {
  background-image: url("/img/chart.png");
}
.news__top {
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  line-height: 17px;
  align-items: center;
  text-align: center;
  letter-spacing: 0.03em;
  color: white;
}
.news__chart {
  margin: 0;
  position: absolute;
  bottom: 25px;
  left: 0;
  padding-left: 30px;
  max-width: 100%;
}
@media (min-width: 544px) {
  .news__chart {
    bottom: 5px;
  }
}
@media (min-width: 864px) {
  .news__chart {
    padding-left: 35px;
    bottom: 45px;
  }
}
.news__composition {
  font-size: 12px;
  line-height: 28px;
  color: white;
}
@media (min-width: 544px) {
  .news__composition {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.news__song {
  font-size: 12px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}
@media (min-width: 544px) {
  .news__song {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.news__artist {
  color: white;
}
.news__item_hover .news__item-inner:hover .news__preview:before {
  opacity: 1;
  cursor: pointer;
}
.news__button {
  -ms-grid-row-align: center;
  align-self: center;
  margin-top: 40px;
}
@media (min-width: 1233px) {
  .news__filters {
    justify-content: center;
  }
}
.news__name {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 60px;
  max-height: 70%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  color: white;
  z-index: 2;
}
.news__name:before {
  display: block;
  position: absolute;
  content: '';
  bottom: 0;
  left: -5px;
  right: -5px;
  height: 90px;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  transform: rotate(-180deg);
  z-index: -1;
}
@media (min-width: 1233px) {
  .news__name:before {
    height: 120px;
  }
}
@media (min-width: 1233px) {
  .news__name {
    font-size: 14px;
    line-height: 20px;
    min-height: 80px;
  }
}
.news__title {
  margin: 0;
  padding: 0;
  padding-top: 20px;
  font-weight: bold;
  font-size: 22px;
  line-height: 35px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000000;
}
.news__title_small {
  font-size: 18px;
  line-height: 24px;
}
.news__title_smi2 {
  display: block;
  text-decoration: none;
  font-size: 15px;
  line-height: 50px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 15px;
  padding-top: 0;
}
.news__list {
  list-style: none;
  padding: 0;
}
.news__additional {
  border-top: 1px solid #F2F2F2;
  padding-top: 20px;
  padding-bottom: 20px;
}
.news__additional:first-child {
  border-top: none;
}
.news__partners {
  display: block;
  margin-top: 20px;
  position: relative;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  color: #000000;
  padding-left: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F2F2F2;
  transition: opacity .2s;
}
.news__partners:last-child {
  border-bottom: none;
}
@media (min-width: 1643px) {
  .news__partners {
    font-size: 14px;
    line-height: 20px;
    padding-left: 50px;
  }
}
.news__partners:hover {
  opacity: .7;
}
.news__icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 1643px) {
  .news__icon {
    width: 40px;
    height: 40px;
  }
}
.news__link {
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  color: #000000;
  transition: color .2s;
}
@media (min-width: 1030px) {
  .news__link {
    font-size: 14px;
    line-height: 20px;
  }
}
.news__link:after {
  position: absolute;
  display: block;
  content: '';
  width: 3px;
  height: 30px;
  background-color: black;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.2s;
}
.news__link:hover {
  color: rgba(0, 0, 0, 0.4);
}
.news__link:hover:after {
  background-color: #E63935;
}
.news__other {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #F5F5F5;
}
.news__other_white {
  background-color: white;
}
.news__date {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #B0B0B0;
}
.news__quote {
  position: relative;
  margin-top: 70px;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  background: #F9F9F9;
  border-radius: 5px;
  font-size: 16px;
  line-height: 23px;
}
@media (min-width: 864px) {
  .news__quote {
    margin-top: 20px;
    padding-left: 150px;
    padding-right: 70px;
    font-size: 16px;
    line-height: 30px;
  }
}
.news__quote:after {
  position: absolute;
  display: block;
  content: '';
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  background-image: url("/media/news/quote.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 864px) {
  .news__quote:after {
    top: 50%;
    left: 30px;
    width: 100px;
    height: 100px;
    transform: translateY(-50%);
  }
}
.news__single {
  overflow: hidden;
  word-break: break-word;
  width: 100%;
}
@media (min-width: 1233px) {
  .news__related {
    max-width: 940px;
  }
}
.news__src {
  display: inline-block;
  margin-top: 40px;
  padding-left: 5px;
  padding-right: 5px;
  background: #F7F7F7;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  color: #000000;
  text-decoration: none;
  transition: opacity .2s;
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
}
.news__src:hover {
  opacity: .7;
}
@media (min-width: 864px) {
  .news__src {
    margin-top: 60px;
  }
}
.news__sharing {
  margin-top: 20px;
  margin-bottom: 40px;
  border-top: 1px solid #E1E1E1;
  padding-top: 20px;
}
.news__subtitle {
  padding-left: 20px;
  padding-bottom: 20px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.onair__container {
  padding-left: 10px;
  padding-right: 10px;
}
.onair__content {
  display: flex;
  margin-top: 30px;
}
.onair__tile {
  flex-grow: 1;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1233px) {
  .onair__tile {
    margin-left: 0;
    margin-right: 50px;
  }
}
.onair__item {
  position: relative;
  margin-bottom: 30px;
  max-width: 475px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 864px) {
  .onair__item {
    max-width: 950px;
  }
}
@media (min-width: 864px) {
  .onair__item:after {
    content: "";
    display: block;
    padding-top: 36%;
    width: 50%;
    background-color: #F5F5F5;
  }
}
.onair__item:nth-child(2):after,
.onair__item:nth-child(2n+3):after {
  margin-left: auto;
}
.onair__item_direct {
  /*height:        290px;*/
  border-bottom: none;
  max-width: none;
  margin-left: -10px;
  margin-right: -10px;
  /*@media (min-width: 768px) {
                height: 130px;
            }*/
}
@media (min-width: 864px) {
  .onair__item_direct {
    max-width: none;
  }
}
@media (min-width: 1233px) {
  .onair__item_direct {
    display: none;
  }
}
@media (min-width: 864px) {
  .onair__item_direct:after {
    display: none;
  }
}
.onair__image {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ddd;
}
.onair__image:after {
  content: "";
  display: block;
  padding-top: 60%;
}
@media (min-width: 864px) {
  .onair__image:after {
    display: none;
  }
}
.onair__image_container {
  background-color: transparent;
  position: static;
}
.onair__image_container:after {
  display: none;
}
@media (min-width: 864px) {
  .onair__image_container:after {
    display: block;
  }
}
@media (min-width: 864px) {
  .onair__image {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
    height: 85%;
  }
}
@media (min-width: 864px) {
  .onair__image_mobile {
    display: none;
  }
}
.onair__image_desktop {
  display: none;
  height: 100%;
  width: 100%;
}
@media (min-width: 864px) {
  .onair__image_desktop {
    display: block;
  }
}
.onair__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: black;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media (min-width: 864px) {
  .onair__text {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 240px;
    height: 100%;
    padding: 30px;
    padding-right: 10px;
    color: white;
  }
}
@media (min-width: 864px) {
  .onair__item:nth-child(2) .onair__image,
  .onair__item:nth-child(2n+3) .onair__image {
    right: auto;
    left: 0;
  }
}
@media (min-width: 864px) {
  .onair__item_right:nth-child(2) .onair__text,
  .onair__item_right:nth-child(2n+3) .onair__text,
  .onair__item_right .onair__text {
    right: 0;
    left: auto;
  }
}
.onair__highlight {
  background-color: #F5F5F5;
  padding: 10px;
}
@media (min-width: 864px) {
  .onair__highlight {
    background-color: transparent;
    padding: 0;
  }
}
.onair__days {
  text-align: center;
}
@media (min-width: 864px) {
  .onair__days {
    text-align: left;
  }
}
.onair__days,
.onair__repeat {
  margin: 0;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 864px) {
  .onair__days,
  .onair__repeat {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 20px;
  }
}
.onair__persons {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 10px;
}
@media (min-width: 864px) {
  .onair__persons {
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    padding: 0;
  }
}
.onair__persons,
.onair__repeat {
  position: relative;
}
@media (min-width: 864px) {
  .onair__persons:before,
  .onair__repeat:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 24px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 3px;
  }
}
@media (min-width: 864px) {
  .onair__persons,
  .onair__repeat {
    padding-top: 20px;
  }
}
.onair__repeat {
  display: inline;
}
@media (min-width: 864px) {
  .onair__repeat {
    display: block;
    margin-bottom: 5px;
  }
}
@media (min-width: 864px) {
  .onair__border {
    border: 1px solid white;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.onair__person {
  position: relative;
  margin: 0;
  display: inline;
  padding-right: 15px;
}
.onair__person:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #121212;
}
@media (min-width: 864px) {
  .onair__person:before {
    display: none;
  }
}
.onair__person:last-child {
  padding-right: 0;
}
.onair__person:last-child:before {
  display: none;
}
@media (min-width: 864px) {
  .onair__person {
    display: block;
    padding-right: 0;
  }
}
.onair__br_tablet {
  display: none;
}
@media (min-width: 864px) {
  .onair__br_tablet {
    display: inline;
  }
}
.onair__leading {
  padding-top: 20px;
  background-color: #F8F8F8;
}
.onair__lead {
  position: relative;
  font-size: 0;
  width: 250px;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.onair__lead:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .2s;
  background-color: white;
}
.onair__lead:hover:before {
  opacity: .1;
}
@media (min-width: 544px) {
  .onair__lead {
    width: 300px;
    height: 300px;
  }
}
.swiper-container-onair {
  width: 100%;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 60px;
}
.swiper-container-onair .swiper-slide {
  width: auto;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.oskar__fullscreen {
  background: #0E0E0E;
  margin-bottom: -600px;
  padding-bottom: 600px;
}
.oskar__header {
  position: relative;
  margin: 0 auto;
  padding-bottom: 39%;
  max-width: 1920px;
  overflow: hidden;
  color: #FFF;
  background-image: url("/img/oskar/background.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 140%;
}
@media (min-width: 864px) {
  .oskar__header {
    padding-bottom: 28.64%;
    background-size: 100%;
  }
}
@media (min-width: 1920px) {
  .oskar__header {
    padding: 0;
    height: 500px;
  }
}
.oskar__body {
  max-width: 945px;
}
.oskar__content {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #CE8D45;
}
.oskar__form iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.oskar__form p {
  margin: 10px auto;
  max-width: 580px;
  color: #CE8D45;
  text-align: center;
}
.oskar__banner {
  display: block;
  margin: 20px auto 0;
  width: 100%;
  max-width: 580px;
}
.oskar__banner img {
  display: block;
  width: 100%;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.player {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DE2B27;
  z-index: 45;
  min-width: 320px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rock .player {
  background-color: #1C1B22;
}
.jazz .player {
  background-color: #DF0D0D;
}
.ultra .player {
  background-color: #2293D3;
}
.player__container {
  position: relative;
  max-width: 980px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 864px) {
  .player__container {
    display: flex;
    height: 65px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1233px) {
  .player__container {
    max-width: 1200px;
  }
}
.player__more {
  display: block;
  background-color: transparent;
  flex-shrink: 0;
  border: none;
  position: relative;
  height: 15px;
  width: 100%;
  font-size: 0;
  cursor: pointer;
}
.player__more:before {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 4px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.4);
}
@media (min-width: 864px) {
  .player__more {
    display: none;
  }
}
.player__more_moving:before {
  background: rgba(255, 255, 255, 0.7);
}
.player__playing {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  min-width: 0;
}
@media (min-width: 864px) {
  .player__playing {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 864px) {
  .player__playing_other {
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.player__current {
  margin-right: 15px;
  min-width: 225px;
  flex-basis: 0;
  flex-grow: 1;
  padding-right: 25px;
}
@media (min-width: 864px) {
  .player__current {
    padding-right: 0;
    margin-top: 7px;
  }
}
.player__play {
  flex-shrink: 0;
  margin-right: 10px;
  position: relative;
  width: 55px;
  height: 55px;
  display: block;
  border: none;
  border-radius: 5px;
  font-size: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: transparent;
}
@media (min-width: 864px) {
  .player__play {
    width: 50px;
    height: 50px;
    margin-top: 7px;
  }
}
.player__play_nashe {
  background-color: #D01515;
  background-image: url("/img/player/streams/nashe/nashe-main.svg");
}
.player__play_rock {
  background-color: #1A0651;
  background-image: url("/img/player/streams/rock/rock-main.svg");
}
.player__play_jazz {
  background-color: #DF0D0D;
  background-image: url("/img/player/streams/jazz/jazz-main.svg");
}
.player__play_ultra {
  background-color: #2293D3;
  background-image: url("/img/player/streams/ultra/ultra-main.svg");
}
.player__play[disabled] {
  pointer-events: none;
}
.player__play:before {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-image: url("/img/player/icon-play.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E63935;
}
.rock .player__play:before {
  background-color: #23222D;
}
.jazz .player__play:before {
  background-color: #F62121;
}
.ultra .player__play:before {
  background-color: #38A2DE;
}
.player__play_pause:before {
  background-image: url("/img/player/icon-pause.svg");
}
.player__button {
  display: block;
  border: none;
  font-size: 0;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.player__button_volume {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0;
  width: 25px;
  height: 25px;
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
  transition: opacity .2s;
  background-image: url("/img/player/volume-full-icon.svg");
}
.player__button_volume:hover {
  opacity: .8;
}
.player__button_medium {
  background-image: url("/img/player/volume-medium-icon.svg");
}
.player__button_mute {
  background-image: url("/img/player/volume-no-icon.svg");
}
.player__button_dark {
  background-image: url("/img/player/volume-full-icon-hover.svg");
}
.player__button_dark.player__button_medium {
  background-image: url("/img/player/volume-medium-icon-hover.svg");
}
.player__button_dark.player__button_mute {
  background-image: url("/img/player/volume-no-icon-hover.svg");
}
.player__button_stations {
  display: none;
  position: relative;
  margin-left: 20px;
  padding: 0 19px;
  box-sizing: border-box;
  width: 40px;
  font-size: 0;
  justify-content: center;
  flex-direction: column;
  height: 40px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  transition: background-color 0.2s, border-color 0.2s;
}
@media (min-width: 864px) {
  .player__button_stations {
    display: flex;
    margin-top: 13px;
    margin-right: 10px;
  }
}
.player__button_stations:after {
  position: absolute;
  display: block;
  content: '';
  left: 8px;
  /*top:       50%;
                transform: translateY(-50%);*/
  width: 21px;
  height: 16px;
  background-image: url("/img/player/other.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 1233px) {
  .player__button_stations:after {
    display: none;
  }
}
@media (min-width: 1233px) {
  .player__button_stations {
    width: auto;
    font-size: 14px;
    min-width: 160px;
  }
}
.player__button_stations:hover {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.player__button_current {
  margin-right: 10px;
}
@media (min-width: 864px) {
  .player__button_current {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.player__button_last {
  padding: 0;
  position: absolute;
  width: 25px;
  height: 25px;
  font-weight: bold;
  font-size: 14px;
  line-height: 25px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  text-align: center;
  color: white;
  right: 10px;
  bottom: 10px;
}
@media (min-width: 864px) {
  .player__button_last {
    display: none;
  }
}
.player__button_fullscreen {
  position: relative;
  font-weight: normal;
  right: auto;
  bottom: auto;
  height: 40px;
  line-height: 40px;
  width: 100%;
  border-radius: 0;
  border: none;
  background-color: #DE2B27;
}
.rock .player__button_fullscreen {
  background-color: #1C1B22;
}
.jazz .player__button_fullscreen {
  background-color: #DF0D0D;
}
.ultra .player__button_fullscreen {
  background-color: #2293D3;
}
@media (min-width: 864px) {
  .player__button_fullscreen {
    display: block;
  }
}
.player__button_prev,
.player__button_next {
  position: absolute;
  width: 22px;
  height: 55px;
  background-color: inherit;
  top: 0;
}
@media (min-width: 864px) {
  .player__button_prev,
  .player__button_next {
    height: 65px;
  }
}
.player__button_prev:before,
.player__button_next:before {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  transition: opacity .2s;
  opacity: .3;
  background-image: url("/img/player/icon-arrow-left.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.player__button_prev:hover:before,
.player__button_next:hover:before {
  opacity: 1;
}
.player__button_prev {
  left: 0;
}
.player__button_prev:before {
  left: -3px;
}
.player__button_next {
  right: 0;
}
.player__button_next:before {
  top: auto;
  right: -3px;
  transform: translateY(-50%) rotate(180deg);
}
@media (min-width: 864px) {
  .player__button_other {
    height: 55px;
  }
}
.player__button_darkarrow:before {
  background-image: url("/img/player/icon-arrow-left-dark.svg");
}
.player__button_nav:before {
  display: none;
}
.player__button_hidden {
  display: none !important;
}
.player__flex {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
}
.player__flex_streams {
  margin-top: 5px;
  padding-left: 10px;
}
@media (min-width: 864px) {
  .player__flex_streams {
    margin-top: 0;
    padding-left: 0;
  }
}
.player__drag {
  position: absolute;
  left: 26px;
  right: 26px;
  top: 0;
  white-space: nowrap;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.player__drag::-webkit-scrollbar {
  display: none;
}
.player__drag_hidden {
  display: none;
}
.player__streams {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 26px;
  padding-right: 26px;
  height: 55px;
  flex-basis: 0;
  flex-grow: 1;
  min-width: 100px;
}
@media (min-width: 864px) {
  .player__streams {
    height: 72px;
  }
}
@media (min-width: 864px) {
  .player__streams_other {
    height: 55px;
  }
}
.player__stream {
  flex-shrink: 0;
  display: inline-block;
  margin-right: 13px;
  position: relative;
  filter: grayscale(1);
  transition: filter .2s;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  background-color: black;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 864px) {
  .player__stream {
    width: 50px;
    height: 50px;
  }
}
.player__stream_loading {
  pointer-events: none !important;
  cursor: default !important;
  filter: grayscale(1) !important;
}
.player__stream_loading:after {
  opacity: 1 !important;
  pointer-events: all !important;
}
.player__stream:after {
  transition: opacity .2s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  border-radius: 50%;
  background-size: 20px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  opacity: 0;
  background-image: url("/img/icons/loading.svg");
}
.player__stream:last-child {
  margin-right: 0;
}
@media (min-width: 864px) {
  .player__stream {
    margin-top: 7px;
  }
}
@media (min-width: 864px) {
  .player__stream_other {
    margin-top: 0;
  }
}
.player__stream:before {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 864px) {
  .player__stream:before {
    width: 50px;
    height: 50px;
  }
}
.player__stream_nashe-main,
.player__stream_nashe {
  background-color: #D01515 !important;
}
.player__stream_jazz-main,
.player__stream_jazz,
.player__stream_jazzfm {
  background-color: #F62121 !important;
}
.player__stream_ultra-main,
.player__stream_ultra {
  background-color: #2196D7 !important;
}
.player__stream_rock-main,
.player__stream_rock,
.player__stream_rockfm {
  background-color: #07055A !important;
}
.player__stream_nashe:before,
.player__stream_nashe-main:before {
  background-image: url("/img/player/streams/nashe/nashe-main.svg");
}
.player__stream_nashe-20:before {
  background-image: url("/img/player/streams/nashe/nashe-20.svg");
}
.player__stream_nashe-spb:before {
  background-image: url("/img/player/streams/nashe/nashe-spb.svg");
}
.player__stream_nashe-ekb:before {
  background-image: url("/img/player/streams/nashe/nashe-ekb.svg");
}
.player__stream_nashe-classic:before {
  background-image: url("/img/player/streams/nashe/nashe-classic.svg");
}
.player__stream_nashe-punk:before {
  background-image: url("/img/player/streams/nashe/nashe-punk.svg");
}
.player__stream_nashe-sing:before {
  background-image: url("/img/player/streams/nashe/nashe-sing.svg");
}
.player__stream_rock:before,
.player__stream_rock-main:before {
  background-image: url("/img/player/streams/rock/rock-main.svg");
}
.player__stream_rock-prog:before {
  background-image: url("/img/player/streams/rock/rock-prog.svg");
}
.player__stream_rock-heavy:before {
  background-image: url("/img/player/streams/rock/rock-heavy.svg");
}
.player__stream_rock-00:before {
  background-image: url("/img/player/streams/rock/rock-00.svg");
}
.player__stream_rock-90:before {
  background-image: url("/img/player/streams/rock/rock-90.svg");
}
.player__stream_rock-80:before {
  background-image: url("/img/player/streams/rock/rock-80.svg");
}
.player__stream_rock-70:before {
  background-image: url("/img/player/streams/rock/rock-70.svg");
}
.player__stream_jazz:before,
.player__stream_jazz-main:before {
  background-image: url("/img/player/streams/jazz/jazz-main.svg");
}
.player__stream_jazz-legends:before {
  background-image: url("/img/player/streams/jazz/jazz-legends.svg");
}
.player__stream_jazz-smooth:before {
  background-image: url("/img/player/streams/jazz/jazz-smooth.svg");
}
.player__stream_jazz-vocals:before {
  background-image: url("/img/player/streams/jazz/jazz-vocals.svg");
}
.player__stream_jazz-classic:before {
  background-image: url("/img/player/streams/jazz/jazz-classic.svg");
}
.player__stream_ultra:before,
.player__stream_ultra-main:before {
  background-image: url("/img/player/streams/ultra/ultra-main.svg");
}
.player__stream_ultra-hd:before {
  background-image: url("/img/player/streams/ultra/ultra-hd.svg");
}
.player__stream_playing {
  pointer-events: none;
}
.player__stream_playing:before {
  width: 25px;
  height: 25px;
  background-image: url("/img/player/equalizer.gif");
}
.player__stream_playing,
.player__stream:hover {
  filter: grayscale(0);
}
.player__main {
  filter: grayscale(0);
  background: #FD3F3B !important;
  margin-right: 20px;
}
.rock .player__main {
  background: #3F3E4E !important;
}
.jazz .player__main {
  background: #FF3434 !important;
}
.ultra .player__main {
  background: #29A8EF !important;
}
.player__radio {
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
  /*
        .rock &  {color: rgba(255, 255, 255, .5)}
        .jazzfm &,
        .jazz &  {color: rgba(0  , 0  , 0  , .5)}
        .ultra & {color: rgba(255, 255, 255, .5)}*/
}
.player__radio_additional {
  display: flex;
  align-items: center;
  color: #252525;
}
.player__artist {
  margin: 0;
  margin-top: 4px;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}
@media (min-width: 864px) {
  .player__artist {
    margin-top: 0;
  }
}
.player__artist_additional {
  color: #252525;
}
.player__song {
  margin: 0;
  margin-top: 3px;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 864px) {
  .player__song {
    margin-top: 2px;
  }
}
.player__song_additional {
  color: #C2C2C2;
}
.player__radio,
.player__artist,
.player__song {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.player__border {
  width: 1px;
  height: 55px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 864px) {
  .player__border {
    height: 65px;
  }
}
.player__border_tablet {
  display: none;
}
@media (min-width: 864px) {
  .player__border_tablet {
    display: block;
  }
}
@media (min-width: 864px) {
  .player__border_other {
    height: 55px;
  }
}
.player__stations {
  margin-top: 15px;
  height: 50px;
  white-space: nowrap;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background-color: #CE2420;
}
.rock .player__stations {
  background-color: #07060B;
}
.jazz .player__stations {
  background-color: #C90808;
}
.ultra .player__stations {
  background-color: #1888C8;
}
.player__stations::-webkit-scrollbar {
  display: none;
}
@media (min-width: 864px) {
  .player__stations {
    display: none;
  }
}
.player__station {
  display: inline-block;
  font-size: 0;
  height: 50px;
  width: 90px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-size: 70%;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.player__station_active {
  background-color: #DE2B27;
}
.rock .player__station_active {
  background-color: #1C1B22;
}
.jazz .player__station_active {
  background-color: #DF0D0D;
}
.ultra .player__station_active {
  background-color: #2293D3;
}
.player__station_nashe {
  background-image: url("/img/player/stations/nashe.png");
}
.player__station_jazz,
.player__station_jazzfm {
  background-image: url("/img/player/stations/jazzfm.png");
}
.player__station_rock,
.player__station_rockfm {
  background-image: url("/img/player/stations/rockfm.png");
}
.player__station_ultra {
  background-image: url("/img/player/stations/ultra.png");
}
.player__slide {
  height: 0;
  transition: height 0.15s ease-in-out;
}
@media (min-width: 864px) {
  .player__slide {
    display: flex !important;
    flex-grow: 1;
    flex-basis: 0;
    height: auto;
  }
}
.player__slide_main {
  padding-bottom: 20px;
}
.player__slide_other {
  padding-top: 15px;
  padding-bottom: 31px;
}
.player__slide_open {
  height: 120px;
}
.player__slide_hidden {
  display: none !important;
}
.player__slide_moving {
  transition: none;
}
.player__relative {
  position: relative;
}
.player__relative_volume {
  display: none;
  margin-top: 31px;
  margin-right: 20px;
  width: 25px;
  height: 25px;
}
@media (min-width: 864px) {
  .player__relative_volume {
    display: block;
  }
}
@media (min-width: 1233px) {
  .player__relative_volume {
    margin-right: 35px;
  }
}
.player__relative_hidden {
  display: none;
}
.player__volume {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 27px;
  width: 27px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  transition: height 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s;
}
.player__volume:hover {
  height: 95px;
  background-color: white;
  border: 1px solid #CBCBCB;
}
.player__volume_short:hover {
  height: 67px;
}
.player__volume_podcasts {
  right: 21px;
  left: auto;
  bottom: 18px;
  border: 1px solid #CBCBCB;
}
.player__controller {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -ms-writing-mode: bt-lr;
  writing-mode: bt-lr;
  /* IE */
  -webkit-appearance: slider-vertical;
  /* WebKit */
  opacity: 0;
  cursor: pointer;
}
.player__bar {
  position: relative;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 0;
  transition: height .2s;
}
.player__volume:hover .player__bar {
  height: 64px;
}
.player__volume_short:hover .player__bar {
  height: 36px;
}
.player__fill {
  background: #F4F4F4;
  border-radius: 2px;
  width: 3px;
  height: 56px;
  position: absolute;
  bottom: 0;
  left: 11px;
}
.player__fill_highlight {
  width: 100%;
  left: 0;
  background: #E63935;
}
.rock .player__fill_highlight {
  background-color: #23222D;
}
.jazz .player__fill_highlight {
  background-color: #F62121;
}
.ultra .player__fill_highlight {
  background-color: #38A2DE;
}
.player__fill_short {
  height: 28px;
}
.player__volume:hover .player__button_volume {
  background-image: url("/img/player/volume-full-icon-hover.svg");
}
.player__volume:hover .player__button_medium {
  background-image: url("/img/player/volume-medium-icon-hover.svg");
}
.player__volume:hover .player__button_mute {
  background-image: url("/img/player/volume-no-icon-hover.svg");
}
.player__others {
  display: none;
  right: 0;
  bottom: 65px;
  background-color: white;
  width: 393px;
  max-height: calc(100vh - 135px - 65px - 50px);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.player__others::-webkit-scrollbar {
  display: none;
}
@media (min-width: 864px) {
  .player__others {
    position: absolute;
  }
}
@media (max-width: 864px) {
  .player__others {
    display: none !important;
  }
}
.player__other_main {
  display: flex;
  padding-top: 13px;
  background-color: #DE2B27;
}
.rock .player__other_main {
  background-color: #1C1B22;
}
.jazz .player__other_main {
  background-color: #DF0D0D;
}
.ultra .player__other_main {
  background-color: #2293D3;
}
.player__other_additional {
  padding-top: 13px;
  opacity: .6;
  transition: opacity .2s;
}
.player__other_additional:hover {
  opacity: 1;
}
.player__other_additional:nth-child(odd) {
  background-color: #F2F2EE;
}
.player__site {
  display: inline-block;
  margin-left: 5px;
  background: #252525;
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  pointer-events: none;
}
.player__site_nashe {
  background-color: #A84D48;
}
.player__site_best {
  background-color: #ED7101;
}
.player__last {
  display: none;
  background-color: white;
}
.player__last_opened {
  display: block;
}
.player__table {
  width: 100%;
  border-collapse: collapse;
}
.player__row {
  border: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #252525;
}
.player__row:nth-child(even) {
  background-color: #F2F2EE;
}
.player__row:last-child {
  border-bottom: 1px solid #EFEEEE;
}
.player__time {
  padding: 11px 7px;
  border-right: 1px solid #EFEEEE;
  text-align: center;
}
.player__soundtrack {
  padding: 11px 7px;
}
.player__arrow {
  position: relative;
  padding-right: 40px;
}
.player__arrow:before {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(-90deg);
  width: 13px;
  height: 13px;
  transition: transform .2s;
  background-image: url("/img/player/icon-arrow-left.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.player__arrow_open:before {
  transform: translateY(-50%) rotate(90deg);
}
.player__overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 40;
}
.player__understand {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0;
  letter-spacing: 0.1em;
  font-size: 14px;
  font-weight: bold;
  color: white;
  min-width: 142px;
  height: 44px;
  line-height: 44px;
}
@media (min-width: 544px) {
  .player__understand {
    display: block;
  }
}
.player__understand:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  border: 1px solid #FFFFFF !important;
  color: white;
}
.player__popup {
  position: absolute;
  top: -20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.player__popup_hidden {
  display: none !important;
}
.player__popup_player {
  display: none;
  width: 235px;
  height: 250px;
  left: 10px;
  transform: translateY(-100%);
  background-image: url("/img/player/popup/nashe/radio.png");
}
.rock .player__popup_player {
  width: 345px;
  height: 290px;
  background-image: url("/img/player/popup/rock/radio.png");
}
.jazz .player__popup_player {
  width: 245px;
  background-image: url("/img/player/popup/jazz/radio.png");
}
.ultra .player__popup_player {
  width: 380px;
  height: 245px;
  background-image: url("/img/player/popup/ultra/radio.png");
}
@media (min-width: 544px) {
  .player__popup_player {
    display: block;
  }
}
.player__popup_potok {
  display: none;
  width: 195px;
  height: 180px;
  left: 50%;
  transform: translate(-50%, -100%);
  background-image: url("/img/player/popup/nashe/potok.png");
}
.rock .player__popup_potok {
  width: 195px;
  height: 205px;
  background-image: url("/img/player/popup/rock/potok.png");
}
.jazz .player__popup_potok {
  width: 135px;
  height: 180px;
  background-image: url("/img/player/popup/jazz/potok.png");
}
.ultra .player__popup_potok {
  display: none;
  background-image: url("/img/player/popup/ultra/potok.png");
}
@media (min-width: 544px) {
  .player__popup_potok {
    display: block;
  }
}
.player__popup_more {
  display: none;
  width: 185px;
  height: 235px;
  top: -33px;
  left: 50%;
  transform: translate(-50%, -100%);
  background-image: url("/img/player/popup/nashe/more.png");
}
.rock .player__popup_more {
  width: 230px;
  height: 175px;
  background-image: url("/img/player/popup/rock/more.png");
}
.jazz .player__popup_more {
  width: 190px;
  height: 180px;
  background-image: url("/img/player/popup/jazz/more.png");
}
.ultra .player__popup_more {
  width: 230px;
  height: 175px;
  background-image: url("/img/player/popup/ultra/more.png");
}
@media (min-width: 1233px) {
  .player__popup_more {
    display: block;
  }
}
.player__popup_mobile {
  width: 100%;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  background-image: url("/img/player/popup/nashe/mobile.png");
  background-position: center bottom;
  cursor: pointer;
}
.player__popup_mobile:before {
  content: '';
  display: block;
  padding-top: 100%;
}
@media (min-width: 544px) {
  .player__popup_mobile {
    display: none;
  }
}
.rock .player__popup_mobile {
  background-image: url("/img/player/popup/rock/mobile.png");
}
.jazz .player__popup_mobile {
  background-image: url("/img/player/popup/jazz/mobile.png");
}
.ultra .player__popup_mobile {
  background-image: url("/img/player/popup/ultra/mobile.png");
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.plyr {
  width: 100%;
  height: 100%;
}
.plyr__video-wrapper {
  height: 100%;
}
.plyr__poster {
  background-size: 100%;
  background-position: center;
}
.plyr--full-ui .plyr__controls input[type=range] {
  color: #DE2B27;
  background: initial;
  cursor: pointer;
}
.plyr--full-ui .plyr__controls input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: none;
}
.plyr--full-ui .plyr__controls input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: none;
}
.plyr--full-ui .plyr__controls input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: none;
}
.rock .plyr--full-ui .plyr__controls input[type=range] {
  color: #1C1B22;
}
.jazz .plyr--full-ui .plyr__controls input[type=range] {
  color: #DF0D0D;
}
.ultra .plyr--full-ui .plyr__controls input[type=range] {
  color: #2293D3;
}
.plyr--video .plyr__controls .plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
  background: #DE2B27;
}
.rock .plyr--video .plyr__controls .plyr__tab-focus,
.rock .plyr--video .plyr__controls .plyr__control:hover,
.rock .plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
  background: #1C1B22;
}
.jazz .plyr--video .plyr__controls .plyr__tab-focus,
.jazz .plyr--video .plyr__controls .plyr__control:hover,
.jazz .plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
  background: #DF0D0D;
}
.ultra .plyr--video .plyr__controls .plyr__tab-focus,
.ultra .plyr--video .plyr__controls .plyr__control:hover,
.ultra .plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
  background: #2293D3;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #DE2B27;
}
.rock .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #1C1B22;
}
.jazz .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #DF0D0D;
}
.ultra .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #2293D3;
}
.plyr--video .plyr__control {
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  position: relative;
  transition: all .3s ease;
}
.plyr--video .plyr__control--overlaid {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  width: 140px;
  height: 140px;
  border: 0;
  z-index: 2;
}
.plyr--video .plyr__control--overlaid:focus,
.plyr--video .plyr__control--overlaid:hover {
  background-color: initial;
  color: initial;
}
.plyr--video .plyr__control--overlaid svg,
.plyr--video .plyr__control--overlaid span {
  display: none;
}
.plyr--video .plyr__control.plyr__control--overlaid {
  background-image: url("/img/icons/play-smart.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  background-color: initial;
  color: initial;
}
.plyr__control.plyr__tab-focus {
  box-shadow: none;
}
.plyr__volume {
  display: none;
}
@media (min-width: 544px) {
  .plyr__volume {
    display: flex;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.podcasts {
  background-color: #23222D;
  padding-top: 30px;
}
.podcasts__slide {
  position: relative;
  display: block;
  width: 240px;
  height: 110px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 0;
  text-decoration: none;
}
@media (min-width: 1030px) {
  .podcasts__slide {
    width: 280px;
    height: 130px;
  }
}
.podcasts__slide:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: black;
  border-radius: 10px;
  transition: opacity .2s;
}
.podcasts__slide:hover:before {
  opacity: .2;
}
.podcasts__slide_big {
  width: 230px;
  height: 230px;
}
.podcasts__slide_big:before {
  border-radius: 10px;
}
@media (min-width: 544px) {
  .podcasts__slide_big {
    width: 250px;
    height: 250px;
  }
}
.podcasts__content {
  display: flex;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1233px) {
  .podcasts__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.podcasts__last {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media (min-width: 1233px) {
  .podcasts__last {
    margin-right: 30px;
  }
}
.podcasts__subtitle {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media (min-width: 1233px) {
  .podcasts__subtitle {
    padding: 0;
  }
}
.podcasts__filters {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 1;
  background: #F7F7F7;
  margin-top: 20px;
  padding: 10px;
}
@media (min-width: 1030px) {
  .podcasts__filters {
    padding: 20px 40px;
  }
}
@media (min-width: 1233px) {
  .podcasts__filters {
    border-radius: 5px;
    padding: 10px 40px;
  }
}
.podcasts__cal {
  position: relative;
  flex-grow: 1;
  margin-right: 10px;
  max-width: 400px;
}
.podcasts__cal:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/icons/calendar.svg");
  z-index: 2;
}
.rock .podcasts__cal:before {
  background-image: url("/img/icons/calendar-rock.svg");
}
.jazz .podcasts__cal:before {
  background-image: url("/img/icons/calendar-jazz.svg");
}
.ultra .podcasts__cal:before {
  background-image: url("/img/icons/calendar-ultra.svg");
}
@media (min-width: 1030px) {
  .podcasts__cal {
    width: auto;
    margin-right: 20px;
  }
}
.podcasts__filter {
  width: 100%;
  padding-left: 43px;
}
.podcasts__clear {
  position: relative;
  flex-shrink: 0;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: none;
  font-size: 0;
  background-color: #EBEBEB;
  transition: background-color 0.2s;
  background-image: url("/img/icons/cross.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-size: 13px;
}
.podcasts__clear:hover {
  background-color: #DD1A15;
}
.rock .podcasts__clear:hover {
  background-color: #23222D;
}
.jazz .podcasts__clear:hover {
  background-color: #F62121;
}
.ultra .podcasts__clear:hover {
  background-color: #38A2DE;
}
.podcasts__clear:active {
  background-color: #E63935;
}
.rock .podcasts__clear:active {
  background-color: #23222D;
}
.jazz .podcasts__clear:active {
  background-color: #F62121;
}
.ultra .podcasts__clear:active {
  background-color: #38A2DE;
}
.podcasts__padding {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 1233px) {
  .podcasts__padding {
    padding-left: 0;
    padding-right: 0;
  }
}
.podcasts__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border: 2px solid transparent;
  border-radius: 5px;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 10px;
  margin-top: 40px;
  min-height: 160px;
}
.podcasts__item:hover {
  border: 2px solid #FF7D7D;
}
.rock .podcasts__item:hover {
  border: 2px solid #000000;
}
.jazz .podcasts__item:hover {
  border: 2px solid #F62121;
}
.ultra .podcasts__item:hover {
  border: 2px solid #38A2DE;
}
@media (min-width: 544px) {
  .podcasts__item {
    padding-left: 160px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
    margin-top: 40px;
  }
}
.podcasts__preview {
  position: absolute;
  top: 15px;
  left: 10px;
  display: block;
  content: '';
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
@media (min-width: 544px) {
  .podcasts__preview {
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 130px;
    height: 130px;
  }
}
.podcasts__more {
  -ms-grid-row-align: center;
  align-self: center;
  min-width: 195px;
  margin-top: 40px;
}
.podcasts__information {
  position: relative;
  padding-right: 55px;
  padding-left: 70px;
  background-color: white;
}
@media (min-width: 544px) {
  .podcasts__information {
    padding-left: 0;
  }
}
.podcasts__podcast {
  display: inline-block;
  margin: 0;
  font-weight: bold;
  font-size: 17px;
  line-height: 20px;
  color: #000000;
  text-decoration: none;
  transition: opacity .2s;
}
.podcasts__podcast:hover {
  opacity: .6;
}
.podcasts__episode {
  display: inline-block;
  margin: 0;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #000000;
  text-decoration: none;
  transition: opacity .2s;
}
.podcasts__episode:hover {
  opacity: .6;
}
.podcasts__date {
  margin: 0;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: #C4C4C4;
}
.podcasts__link {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.podcasts__toggle {
  cursor: pointer;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  background-color: #EBEBEB;
  border: none;
  font-size: 0;
  transition: background-color 0.2s;
  border-radius: 50%;
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/img/icons/share.svg");
}
.podcasts__toggle:hover {
  background-color: #E53934 !important;
}
.rock .podcasts__toggle:hover {
  background-color: #23222D !important;
}
.jazz .podcasts__toggle:hover {
  background-color: #F62121 !important;
}
.ultra .podcasts__toggle:hover {
  background-color: #38A2DE !important;
}
.podcasts__item:hover .podcasts__toggle {
  background-color: #D0D0D0;
}
.podcasts__share_opened .podcasts__toggle {
  background-image: url("/img/icons/cross.svg");
}
.podcasts__volume {
  display: none;
  opacity: .5;
}
@media (min-width: 864px) {
  .podcasts__volume {
    display: block;
  }
}
.podcasts__item:hover .podcasts__volume {
  opacity: 1;
}
.podcasts__copy {
  position: relative;
  cursor: pointer;
  width: 25px;
  height: 25px;
  font-size: 0;
  border: none;
  background-color: transparent;
}
.podcasts__copy:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/icons/link.svg");
  transition: opacity .2s;
}
.podcasts__copy:hover:before {
  opacity: .5;
}
.podcasts__plate {
  position: relative;
  margin-right: 5px;
  display: none;
  z-index: 2;
}
.podcasts__plate:before {
  position: absolute;
  top: 0;
  right: 38px;
  display: none;
  font-size: 14px;
  line-height: 17px;
  padding: 4px;
  text-align: center;
  color: #757575;
  background: #FBFBFB;
  border: 1px solid #F3F3F3;
  box-sizing: border-box;
  border-radius: 4px;
  content: 'Скопировать ссылку';
  white-space: nowrap;
  opacity: 0;
  transition: opacity .2s;
}
@media (min-width: 544px) {
  .podcasts__plate:before {
    display: block;
  }
}
.podcasts__plate:after {
  display: none;
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 8px solid #F3F3F3;
  border-bottom: 4px solid transparent;
  opacity: 0;
  transition: opacity .2s;
}
@media (min-width: 544px) {
  .podcasts__plate:after {
    display: block;
  }
}
.podcasts__plate:hover:after {
  opacity: 1;
}
.podcasts__plate:hover:before {
  opacity: 1;
}
.podcasts__share {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  background-color: white;
  border-radius: 4px;
  padding-left: 5px;
  padding-bottom: 5px;
}
@media (min-width: 864px) {
  .podcasts__share {
    right: 21px;
  }
}
.podcasts__share .ya-share2 {
  display: none;
}
.podcasts__share_opened .ya-share2 {
  display: block;
}
.podcasts__share .ya-share2__badge {
  border-radius: 50% !important;
}
.podcasts__share .ya-share2__item {
  margin-right: 5px !important;
}
.podcasts__share_opened .podcasts__plate {
  display: block;
}
.podcasts__player {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 30px;
  width: 100%;
  padding: 10px;
  padding-right: 20px;
  margin-top: 10px;
  transition: background-color 0.2s;
}
@media (min-width: 864px) {
  .podcasts__player {
    padding-right: 60px;
  }
}
.podcasts__player_active {
  background: #F9F9F9;
}
.podcasts__play {
  margin-right: 16px;
  display: block;
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/icons/play-nashe.svg");
  cursor: pointer;
  border-radius: 50%;
}
.rock .podcasts__play {
  background-image: url("/img/icons/play-rock.svg");
}
.jazz .podcasts__play {
  background-image: url("/img/icons/play-jazz.svg");
}
.ultra .podcasts__play {
  background-image: url("/img/icons/play-ultra.svg");
}
.podcasts__play_active {
  background-image: url("/img/icons/pause-nashe.svg");
}
.rock .podcasts__play_active {
  background-image: url("/img/icons/pause-rock.svg");
}
.jazz .podcasts__play_active {
  background-image: url("/img/icons/pause-jazz.svg");
}
.ultra .podcasts__play_active {
  background-image: url("/img/icons/pause-ultra.svg");
}
.podcasts__bar {
  position: relative;
  width: 100%;
  height: 3px;
  background: #E9E9E9;
  border-radius: 3px;
}
.podcasts__bar_highlight {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  border-radius: 1px;
}
.podcasts__bar_active {
  background: #E63935;
}
.rock .podcasts__bar_active {
  background-color: #23222D;
}
.jazz .podcasts__bar_active {
  background-color: #F62121;
}
.ultra .podcasts__bar_active {
  background-color: #38A2DE;
}
.podcasts__rewind {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  pointer-events: none;
}
.podcasts__rewind_active {
  pointer-events: auto;
  cursor: pointer;
}
.podcasts__time {
  display: flex;
  margin: 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -22px;
  font-size: 13px;
  color: #222222;
  line-height: 22px;
}
.podcasts__time_over {
  color: #CBCBCB;
  margin-left: auto;
}
.podcasts__time_hidden {
  font-size: 0;
}
.podcasts__time_show {
  font-size: 13px;
}
.podcasts__direct {
  margin-top: 40px;
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 544px) {
  .podcasts__direct {
    margin-right: 0;
    margin-left: 0;
  }
}
.podcasts__show {
  margin-top: 30px;
  width: 100%;
  max-width: 1024px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.podcasts__show:before {
  padding-top: 36%;
  content: '';
  display: block;
}
.podcasts__text {
  margin: 0;
  margin-top: 20px;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #000000;
}
@media (min-width: 864px) {
  .podcasts__text {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.03em;
  }
}
.podcasts__text p {
  margin: 0;
}
.podcasts__text p + p {
  margin: 20px 0 0;
}
.podcasts__back {
  align-self: flex-start;
  margin-top: 40px;
  margin-bottom: 40px;
}
.swiper-container-podcasts {
  width: 100%;
  height: 100%;
  padding: 30px 20px;
}
.swiper-container-podcasts .swiper-slide {
  width: auto;
}
._720kb-datepicker-calendar {
  position: fixed;
  left: 0;
  bottom: 0;
}
@media (min-width: 440px) {
  ._720kb-datepicker-calendar {
    position: absolute;
    left: auto;
    bottom: auto;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.promo {
  padding-top: 30px;
  margin-top: 5px;
}
.promo__item {
  display: block;
  width: 230px;
  transition: filter .2s;
  filter: grayscale(1);
  text-decoration: none;
}
@media (min-width: 544px) {
  .promo__item {
    width: 277px;
  }
}
@media (min-width: 1030px) {
  .promo__item {
    width: 380px;
  }
}
.promo__item:hover {
  filter: grayscale(0);
}
.promo__preview {
  display: block;
  position: relative;
  width: 100%;
  height: 230px;
  cursor: pointer;
  font-size: 0;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 544px) {
  .promo__preview {
    height: 277px;
  }
}
@media (min-width: 1030px) {
  .promo__preview {
    height: 380px;
  }
}
.promo__name {
  display: block;
  position: relative;
  margin: 0;
  margin-top: 15px;
  padding: 20px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.03em;
  text-align: center;
  color: black;
  font-family: 'Roboto', sans-serif;
}
@media (min-width: 1030px) {
  .promo__name {
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px;
  }
}
.promo__name:after {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  width: 30px;
  background-color: #E63935;
}
.swiper-container-promo {
  width: 100%;
  height: 100%;
  padding: 30px 20px;
}
.swiper-container-promo .swiper-slide {
  width: auto;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.releases {
  padding-top: 30px;
  margin-top: 5px;
}
@media (min-width: 544px) {
  .releases {
    margin-top: 20px;
  }
}
@media (min-width: 1030px) {
  .releases {
    margin-top: 40px;
  }
}
.releases__item {
  display: block;
  width: 250px;
  height: 250px;
}
@media (min-width: 1030px) {
  .releases__item {
    width: 280px;
    height: 280px;
  }
}
@media (min-width: 1030px) {
  .releases__item_listen {
    width: 300px;
    height: 300px;
  }
}
.releases__title {
  padding-left: 20px;
}
.releases__filters {
  margin-top: 30px;
}
.releases__listen {
  padding-bottom: 40px;
  text-align: center;
  /*
        &:after {
            display: none;
            content: '';
            position: absolute;
            left: 20px;
            bottom: 0;
            height: 1px;
            width: 100%;
            background-color: #E1E1E1;

            .desktopSmallBack({
                display: block;
            });
        }*/
}
@media (min-width: 1233px) {
  .releases__listen {
    display: block;
    border-bottom: 1px solid #E1E1E1;
  }
}
.releases__button_more {
  margin-top: 40px;
}
.releases__container {
  flex-shrink: 0;
}
@media (min-width: 1233px) {
  .releases__container {
    display: flex;
  }
}
@media (min-width: 1233px) {
  .releases__content {
    max-width: calc(100% - 340px);
    flex-grow: 1;
  }
}
.releases__direct {
  margin-top: 75px;
  padding-left: 20px;
}
.releases__subtitle {
  margin-top: 40px;
  padding-left: 20px;
  font-size: 18px;
  line-height: 25px;
}
.releases__look {
  display: block;
  width: 250px;
  text-decoration: none;
}
@media (min-width: 544px) {
  .releases__look {
    width: 225px;
  }
}
@media (min-width: 1030px) {
  .releases__look {
    width: 270px;
  }
}
.releases__preview {
  position: relative;
  width: 100%;
  height: 160px;
  cursor: pointer;
  font-size: 0;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 544px) {
  .releases__preview {
    height: 140px;
  }
}
@media (min-width: 1030px) {
  .releases__preview {
    height: 170px;
  }
}
.releases__name {
  margin: 0;
  margin-top: 14px;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #2C2C2C;
  font-family: 'Roboto', sans-serif;
}
@media (min-width: 1030px) {
}
.releases__name_light {
  color: white;
}
.swiper-container-releases {
  width: 100%;
  height: 100%;
  padding: 30px 0;
}
.swiper-container-releases .swiper-slide {
  width: auto;
}
.swiper-container-listen {
  position: relative;
  width: 100%;
  padding: 20px 20px 10px;
}
@media (min-width: 1233px) {
  .swiper-container-listen {
    padding-right: 0;
  }
}
.swiper-container-listen .swiper-slide {
  width: auto;
}
.swiper-container-look {
  width: 100%;
  padding: 20px 20px 50px;
}
@media (min-width: 1233px) {
  .swiper-container-look {
    padding-right: 0;
  }
}
.swiper-container-look .swiper-slide {
  width: auto;
}
.swiper-container-buddoma {
  width: 100%;
  padding: 20px 0 50px;
}
.swiper-container-buddoma .swiper-slide {
  width: auto;
}
.swiper-container-other {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 50px;
}
.swiper-container-other .swiper-slide {
  box-sizing: border-box;
  width: 250px;
}
@media (min-width: 544px) {
  .swiper-container-other .swiper-slide {
    width: 300px;
  }
}
@media (min-width: 1030px) {
  .swiper-container-other .swiper-slide {
    width: 400px;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.schedule__now {
  margin: 0 auto;
  padding: 9px 10px;
  font-size: 14px;
  line-height: 18px;
  background: #E53934;
  border-radius: 2px;
  text-align: center;
  letter-spacing: 0.1em;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  max-width: 400px;
}
.schedule__next {
  display: inline-block;
  margin: 0 0 0 46px;
  padding: 1px 4px;
  min-width: 70px;
  text-transform: uppercase;
  background: #464362;
  border-radius: 2px;
  letter-spacing: 0.1em;
  color: white;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
}
.schedule__list {
  position: relative;
  margin-top: 20px;
  padding-left: 23px;
  list-style: none;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.schedule__list .schedule__program {
  position: relative;
  padding-left: 98px;
  min-height: 40px;
  margin-bottom: 20px;
}
.schedule__list-now .schedule__program {
  padding-bottom: 0;
  border-bottom: none;
}
.schedule__list-now .schedule__program:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 120%;
  width: 5px;
  background: #E53934;
}
.schedule__list-next:before {
  display: block;
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  z-index: 1;
}
.schedule__list-next .schedule__program {
  padding-bottom: 20px;
  border-bottom: 1px solid #ECECEC;
}
.schedule__list-next .schedule__program:last-child {
  border-bottom: none;
}
.schedule__image {
  position: absolute;
  left: 23px;
  top: 0;
  width: 65px;
  height: 40px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: .3;
}
.schedule__time {
  display: inline-block;
  margin: 0;
  padding: 1px 4px;
  min-width: 50px;
  border-radius: 3px;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: #F6F6F6;
  color: #646464;
}
.schedule__name {
  margin: 0;
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #646464;
}
.schedule__list-now .schedule__program .schedule__image {
  opacity: 1;
}
.schedule__list-now .schedule__program .schedule__time {
  background: #E53934;
  color: #FFFFFF;
}
.schedule__list-now .schedule__program .schedule__name {
  color: #000000;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.search__header {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #F6F6F6;
}
@media (min-width: 544px) {
  .search__header {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.search__title {
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media (min-width: 544px) {
  .search__title {
    font-size: 30px;
    line-height: 35px;
  }
}
.search__form {
  position: relative;
  margin-top: 20px;
}
@media (min-width: 544px) {
  .search__form {
    margin-top: 30px;
  }
}
.search__icon {
  display: block;
  position: absolute;
  left: 15px;
  width: 25px;
  height: 26px;
  background-image: url("/img/icons/search-dark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.search__input {
  width: 100%;
  padding-left: 55px;
  padding-right: 55px;
  font-size: 14px;
  letter-spacing: 0.03em;
  color: #000000;
}
.search__submit {
  position: absolute;
  right: 17px;
  width: 20px;
  height: 20px;
  border: none;
  background-color: transparent;
  background-image: url("/img/icons/arrow-dark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 0;
  cursor: pointer;
  transition: opacity .2s;
}
.search__submit:hover {
  opacity: .5;
}
.search__icon,
.search__submit {
  top: 50%;
  transform: translateY(-50%);
}
.search__content {
  margin-top: 20px;
  flex-shrink: 0;
}
@media (min-width: 1233px) {
  .search__content {
    display: flex;
    margin-top: 50px;
  }
}
.search__information {
  flex-grow: 1;
  text-align: center;
}
@media (min-width: 1233px) {
  .search__information {
    margin-right: 30px;
  }
}
.search__tile {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: left;
}
.search__item {
  display: block;
  text-decoration: none;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E1E1E1;
  color: #000000;
}
.search__item:first-child {
  margin-top: 0;
}
.search__item:nth-child(5n) {
  border-bottom: none;
}
@media (min-width: 1233px) {
  .search__item:nth-child(5n) {
    border-bottom: 1px solid #E1E1E1;
  }
}
.search__item:last-child {
  border-bottom: none;
}
@media (min-width: 544px) {
  .search__item {
    margin-top: 50px;
    padding-bottom: 50px;
  }
}
.search__item_direct {
  height: 290px;
  border-bottom: none;
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 768px) {
  .search__item_direct {
    height: 130px;
  }
}
@media (min-width: 1233px) {
  .search__item_direct {
    display: none;
  }
}
.search__name {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
}
@media (min-width: 544px) {
  .search__name {
    font-size: 20px;
    line-height: 23px;
  }
}
.search__text {
  margin: 0;
  margin-top: 10px;
  font-weight: normal;
  font-size: 14px;
  line-height: 25px;
  color: #000000;
}
@media (min-width: 544px) {
  .search__text {
    font-size: 16px;
    line-height: 30px;
  }
}
.search__more {
  -ms-grid-row-align: center;
  align-self: center;
  min-width: 195px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.sms__opener {
  position: fixed;
  left: -150px;
  top: 10px;
  display: block;
  border: none;
  border-radius: 0 5px 5px 0;
  background-color: #E63935;
  text-decoration: none;
  min-width: 75px;
  height: 50px;
  padding: 10px 10px 10px 70px;
  cursor: pointer;
  background-image: url("/img/icons/sms.svg");
  background-position: left 10px top 12px;
  background-repeat: no-repeat;
  z-index: 10;
  transition: left 0.3s ease-in-out;
}
.rock .sms__opener {
  background-color: #23222D;
}
.jazz .sms__opener {
  background-color: #F62121;
}
.ultra .sms__opener {
  background-color: #38A2DE;
}
.sms__opener_visible {
  left: 0;
}
.sms__button {
  width: 70px;
  background-color: #E63935;
  border-color: #E63935;
  background-image: url("/img/icons/sms.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 42px;
  border-radius: 5px;
}
@media (min-width: 544px) {
  .sms__button {
    width: 80px;
    background-position: left 10px top 12px;
    background-size: 50px;
  }
}
.rock .sms__button {
  background-color: #23222D;
  border-color: #23222D;
}
.jazz .sms__button {
  background-color: #F62121;
  border-color: #F62121;
}
.ultra .sms__button {
  background-color: #38A2DE;
  border-color: #38A2DE;
}
.sms__text {
  display: block;
  padding-top: 3px;
  width: 0;
  overflow: hidden;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: white;
  transition: width .2s;
}
.sms__opener:hover .sms__text {
  width: 70px;
}
.sms__popup {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  z-index: 50;
  width: 100%;
  background-color: #E63935;
  overflow-y: scroll;
  padding-bottom: 40px;
  transition: left .4s;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.sms__popup::-webkit-scrollbar {
  width: 0 !important;
}
.sms__popup_opened {
  left: 0;
}
.rock .sms__popup {
  background-color: #23222D;
}
.jazz .sms__popup {
  background-color: #F62121;
}
.ultra .sms__popup {
  background-color: #38A2DE;
}
@media (min-width: 864px) {
  .sms__popup {
    width: 400px;
    bottom: 65px;
  }
}
@media (min-width: 1030px) {
}
.sms__close {
  margin-top: 30px;
  display: block;
  padding-left: 69px;
  background-image: url("/img/icons/back.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: left 30px center;
  height: 30px;
  background-color: transparent;
  border: none;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
  transition: opacity .2s;
}
.sms__close:hover {
  opacity: .7;
}
.sms__form {
  padding-right: 30px;
  padding-left: 25px;
}
.sms__title {
  margin: 0;
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: white;
}
.sms__subtitle {
  margin: 0;
  margin-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  opacity: .3;
}
.sms__input,
.sms__textarea {
  margin-top: 10px;
  border: 2px solid transparent;
  border-radius: 0 0 5px 5px;
  transition: border-color 0.2s;
  width: 100%;
  min-height: 56px;
  font-size: 15px;
  color: #161616;
}
.sms__input:-ms-input-placeholder,
.sms__textarea:-ms-input-placeholder {
  color: #A9A9A9;
  font-size: 15px;
}
.sms__input::placeholder,
.sms__textarea::placeholder {
  color: #A9A9A9;
  font-size: 15px;
}
.sms__input:focus,
.sms__textarea:focus {
  border-bottom-color: #FFBB56;
}
.rock .sms__input:focus,
.rock .sms__textarea:focus {
  border-bottom-color: #635F93;
}
.jazz .sms__input:focus,
.jazz .sms__textarea:focus {
  border-bottom-color: #FFBB56;
}
.ultra .sms__input:focus,
.ultra .sms__textarea:focus {
  border-bottom-color: #93D8FF;
}
.sms__input_error,
.sms__textarea_error {
  border-radius: 5px;
  border-color: #15C7FF;
}
.rock .sms__input_error,
.rock .sms__textarea_error {
  border-color: #F5033D;
}
.jazz .sms__input_error,
.jazz .sms__textarea_error {
  border-color: #15C7FF;
}
.ultra .sms__input_error,
.ultra .sms__textarea_error {
  border-color: #FFF172;
}
.sms__input {
  line-height: 56px;
}
.sms__input_fill {
  line-height: 42px;
  padding-top: 14px;
}
.sms__input_first {
  margin-top: 40px;
}
.sms__textarea {
  padding-top: 20px;
  padding-left: 14px;
  padding-right: 12px;
  line-height: 21px;
  resize: none;
}
.sms__checkbox {
  margin-top: 35px;
}
.sms__submit {
  background-color: white;
  border-radius: 5px;
  margin-top: 35px;
  opacity: .6;
  border-color: white;
  height: 45px;
  line-height: 45px;
  min-width: 176px;
}
.sms__submit:hover {
  opacity: 1;
}
.sms__submit_again {
  opacity: 1;
  margin-top: 80px;
}
.sms__submit_ready {
  opacity: 1;
}
.sms__center {
  text-align: center;
}
.sms__center_block {
  max-width: 345px;
  margin-left: auto;
  margin-right: auto;
}
.sms__tip {
  margin: 10px 0 5px;
  font-size: 12px;
  opacity: 0.5;
  color: #FFF;
}
.sms__error {
  display: none;
  margin: 0;
  margin-top: 5px;
  min-height: 17px;
  font-size: 12px;
  line-height: 17px;
  color: #47EBF4;
}
.rock .sms__error {
  color: #F5033D;
}
.jazz .sms__error {
  color: #15C7FF;
}
.ultra .sms__error {
  color: #FFF172;
}
.sms__again {
  display: none;
}
.sms__image {
  margin-left: auto;
  margin-right: auto;
  margin-top: 115px;
  width: 110px;
  height: 56px;
  background-image: url("/img/icons/sms.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.sms__line {
  margin-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.sms__field {
  position: relative;
}
.sms__label {
  position: absolute;
  left: 12px;
  top: 50%;
  font-size: 12px;
  line-height: 17px;
  color: #FFBB56;
  opacity: 0;
  transition: opacity .4s, top .2s;
}
.rock .sms__label {
  color: #635F93;
}
.jazz .sms__label {
  color: #FFBB56;
}
.ultra .sms__label {
  color: #93D8FF;
}
.sms__label_short {
  left: 14px;
}
.sms__values_fill + .sms__label {
  opacity: 1;
  top: 4px;
}
.sms__values_fill + .sms__label_short {
  opacity: 1;
  top: 14px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.social {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.social__item {
  display: block;
  width: 35px;
  height: 35px;
  font-size: 0;
  text-decoration: none;
  transition: opacity .2s;
  margin-right: 20px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.social__item:last-child {
  margin-right: 0;
}
.social__item:hover {
  opacity: .3;
}
.social__item_vk {
  background-image: url("/img/social/vk.svg");
}
.social__item_instagram {
  background-image: url("/img/social/instagram.svg");
}
.social__item_youtube {
  background-image: url("/img/social/youtube.svg");
}
.social__item_facebook {
  background-image: url("/img/social/facebook.svg");
}
.social__item_ok {
  background-image: url("/img/social/ok.svg");
}
.social__item_twitter {
  background-image: url("/img/social/twitter.svg");
}
.social__item_zen {
  background-image: url("/img/social/zen.svg");
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.some {
  position: relative;
  margin-top: 10px;
  background: #E4E4E4;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("/media/some_mobile.png");
  max-height: 250px;
  min-height: 140px;
}
@media (min-width: 544px) {
  .some {
    background-image: url("/media/some.png");
  }
}
@media (min-width: 1030px) {
  .some {
    margin-top: 20px;
  }
}
.some:after {
  content: "";
  display: block;
  padding-top: 43.75%;
}
@media (min-width: 544px) {
  .some:after {
    padding-top: 13.2%;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.page-sout {
  padding-top: 60px;
  padding-bottom: 60px;
}
.page-sout .container {
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  max-width: 780px;
  width: 100%;
}
.page-sout .sout {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.page-sout .sout h1 {
  margin: 0;
  font-size: 30px;
  font-weight: 300;
}
.page-sout .sout p {
  margin: 20px 0 0;
}
.page-sout .sout a {
  display: block;
}
.page-sout .sout img {
  display: block;
  width: 100%;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.subscribe {
  position: relative;
  background-position: top center;
  margin-top: 30px;
  padding-bottom: 30px;
  flex-shrink: 0;
  background-image: url("/img/subscribe/subscribe__background.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 544px) {
  .subscribe {
    margin-top: 70px;
    padding-bottom: 70px;
  }
}
.subscribe__title {
  position: relative;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #101010;
  max-width: 220px;
}
.subscribe__title:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 84px;
  height: 84px;
  border-radius: 50%;
  border: 4px solid white;
  background-image: url("/img/subscribe/placeholder.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 544px) {
  .subscribe__title:before {
    width: 216px;
    height: 216px;
    border: 8px solid white;
  }
}
.subscribe__title_jazz-1:before {
  background-image: url("/img/subscribe/jazz/jazz-1.jpg");
}
.subscribe__title_jazz-2:before {
  background-image: url("/img/subscribe/jazz/jazz-2.jpg");
}
.subscribe__title_jazz-3:before {
  background-image: url("/img/subscribe/jazz/jazz-3.jpg");
}
.subscribe__title_jazz-4:before {
  background-image: url("/img/subscribe/jazz/jazz-4.jpg");
}
.subscribe__title_nashe-1:before {
  background-image: url("/img/subscribe/nashe/bon.jpg");
}
.subscribe__title_nashe-2:before {
  background-image: url("/img/subscribe/nashe/borisova.jpg");
}
.subscribe__title_nashe-3:before {
  background-image: url("/img/subscribe/nashe/lenskiy.jpg");
}
.subscribe__title_nashe-4:before {
  background-image: url("/img/subscribe/nashe/pankov.jpg");
}
.subscribe__title_nashe-5:before {
  background-image: url("/img/subscribe/nashe/sedov.jpg");
}
.subscribe__title_rock-1:before {
  background-image: url("/img/subscribe/rock/bowie.jpg");
}
.subscribe__title_rock-2:before {
  background-image: url("/img/subscribe/rock/freddie.jpg");
}
.subscribe__title_rock-3:before {
  background-image: url("/img/subscribe/rock/iggy.jpg");
}
.subscribe__title_rock-4:before {
  background-image: url("/img/subscribe/rock/ozzy.jpg");
}
.subscribe__title_rock-5:before {
  background-image: url("/img/subscribe/rock/stones.jpg");
}
.subscribe__title_rock-6:before {
  background-image: url("/img/subscribe/rock/zoso.jpg");
}
.subscribe__title_ultra-1:before {
  background-image: url("/img/subscribe/ultra/182.jpg");
}
.subscribe__title_ultra-2:before {
  background-image: url("/img/subscribe/ultra/chester.jpg");
}
.subscribe__title_ultra-3:before {
  background-image: url("/img/subscribe/ultra/men.jpg");
}
.subscribe__title_ultra-4:before {
  background-image: url("/img/subscribe/ultra/MM.jpg");
}
.subscribe__title_ultra-5:before {
  background-image: url("/img/subscribe/ultra/soad.jpg");
}
@media (min-width: 544px) {
  .subscribe__title {
    font-size: 18px;
    line-height: 25px;
    padding-top: 247px;
    max-width: none;
  }
}
.subscribe__form {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subscribe__input {
  padding-left: 20px;
  padding-right: 10px;
  border: 1px solid white;
  border-radius: 30px 0 0 30px;
  flex-grow: 3;
  max-width: 390px;
}
.subscribe__button {
  height: 40px !important;
  line-height: 40px !important;
  background: #23222D;
  border-radius: 0 30px 30px 0;
  color: white;
  flex-grow: 1;
  min-width: 120px;
  max-width: 160px;
  font-size: 12px;
  padding: 0 5px;
}
@media (min-width: 544px) {
  .subscribe__button {
    padding: 0 18px;
  }
}
.subscribe__done {
  display: none;
  margin-top: 15px;
  text-align: center;
  justify-content: center;
}
.subscribe__error {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 320px;
  min-height: 130px;
  padding: 20px;
  background-color: #E63935;
  z-index: 50;
  text-align: center;
  border-radius: 10px;
}
.rock .subscribe__error {
  background-color: #23222D;
}
.jazz .subscribe__error {
  background-color: #F62121;
}
.ultra .subscribe__error {
  background-color: #38A2DE;
}
.subscribe__message {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.03em;
  color: white;
}
.subscribe__close {
  min-width: 120px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.top-banner {
  position: relative;
  overflow: hidden;
}
@media (min-width: 544px) {
  .top-banner__mobile {
    display: none;
  }
}
.top-banner__desktop {
  display: none;
}
@media (min-width: 544px) {
  .top-banner__desktop {
    display: block;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.towns {
  margin-bottom: -600px;
  padding-bottom: 300px;
  background-color: #EF4E4B;
}
.rock .towns {
  background-color: #3F3E4E;
}
.jazz .towns {
  background-color: #FB4545;
}
.towns__container {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
}
@media (min-width: 544px) {
  .towns__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1030px) {
  .towns__container {
    padding-top: 50px;
  }
}
.towns__map {
  position: relative;
  display: flex;
}
.towns__map:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 250px;
  content: '';
  background-image: url("/img/map.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 544px) {
  .towns__map:after {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}
.rock .towns__map:after {
  opacity: .6;
}
.towns__important {
  position: relative;
  width: 100%;
  z-index: 2;
}
@media (min-width: 1030px) {
  .towns__important {
    max-width: 400px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.towns__important_desktop {
  display: none;
  margin-right: 20px;
  padding-top: 8px;
  padding-bottom: 300px;
}
@media (min-width: 544px) {
  .towns__important_desktop {
    margin-right: 60px;
  }
}
@media (min-width: 1030px) {
  .towns__important_desktop {
    display: block;
  }
}
.towns__important_mobile {
  width: auto;
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 544px) {
  .towns__important_mobile {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1030px) {
  .towns__important_mobile {
    display: none;
  }
}
.towns__item {
  padding: 10px;
  color: white;
  width: 100%;
  height: 100%;
  min-width: 256px;
  border-radius: 5px;
  background-color: #D83834;
}
.rock .towns__item {
  background-color: #55546A;
}
.jazz .towns__item {
  background-color: #E23838;
}
@media (min-width: 1030px) {
  .towns__item {
    margin-bottom: 60px;
    height: auto;
    width: 100%;
    padding: 0;
    background-color: transparent;
  }
  .rock .towns__item {
    background-color: transparent;
  }
  .jazz .towns__item {
    background-color: transparent;
  }
}
.towns__city {
  margin: 0;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  letter-spacing: 0.03em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 544px) {
  .towns__city {
    font-size: 16px;
  }
}
@media (min-width: 1030px) {
  .towns__city {
    font-size: 30px;
  }
}
.towns__fm {
  display: inline-block;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0;
  background-color: transparent;
}
@media (min-width: 1030px) {
  .towns__fm {
    background: #D33834;
  }
  .rock .towns__fm {
    background-color: #55546A;
  }
  .jazz .towns__fm {
    background-color: #E23838;
  }
}
.towns__place,
.towns__tel,
.towns__mail {
  margin-top: 15px;
  padding-left: 38px;
  background-position: left top 1px;
  background-repeat: no-repeat;
  background-size: 15px;
}
.towns__place {
  background-image: url("/img/icons/towns.svg");
}
.towns__tel {
  background-image: url("/img/icons/tel.svg");
}
.towns__mail {
  background-image: url("/img/icons/mail.svg");
}
.towns__link {
  display: block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: white;
  text-decoration: none;
  transition: opacity .2s;
}
.towns__link[href]:hover {
  opacity: .5;
}
.towns__link_popup {
  position: relative;
  color: black;
  margin-top: 15px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.03em;
}
.towns__link_popup:first-child {
  margin-top: 0;
}
.towns__list {
  position: relative;
  flex-grow: 1;
  min-height: 100vh;
  min-width: 0;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 20px;
  z-index: 2;
}
@media (min-width: 544px) {
  .towns__list {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media (min-width: 1030px) {
  .towns__list {
    margin-top: 0;
  }
}
.towns__tile {
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-bottom: 300px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.towns__tile::-webkit-scrollbar {
  display: none;
}
@media (min-width: 544px) {
  .towns__tile {
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 60px;
  }
}
.towns__point {
  margin: 0;
  position: relative;
  width: 295px;
  padding-left: 50px;
  color: white;
  padding-right: 20px;
  cursor: default;
}
@media (min-width: 544px) {
  .towns__point {
    padding-left: 65px;
    padding-right: 60px;
    width: 390px;
  }
}
@media (min-width: 1030px) {
  .towns__point {
    width: 450px;
  }
}
@media (min-width: 1643px) {
  .towns__point {
    width: 550px;
  }
}
.towns__point_letter {
  padding-top: 25px;
}
@media (min-width: 544px) {
  .towns__point_letter {
    padding-top: 30px;
  }
}
.towns__letter {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  line-height: 25px;
  font-size: 25px;
  color: white;
  flex-shrink: 0;
}
@media (min-width: 544px) {
  .towns__letter {
    height: 30px;
    line-height: 30px;
    font-size: 30px;
  }
}
.towns__string {
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  align-items: flex-end;
  margin: 0;
  font-size: 12px;
  line-height: 12px;
}
@media (min-width: 544px) {
  .towns__string {
    font-size: 14px;
    line-height: 14px;
  }
}
.towns__string_freq {
  flex-shrink: 0;
  white-space: nowrap;
  font-weight: bold;
}
.towns__string_hover {
  flex-shrink: 1;
  min-width: 0;
  transition: opacity .2s;
}
.towns__dots {
  flex-grow: 1;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
  content: '';
  letter-spacing: 0.1em;
  min-width: 10px;
}
.towns__popup {
  position: absolute;
  left: 50px;
  bottom: 4px;
  transform: translateY(100%);
  width: 205px;
  z-index: -1;
  opacity: 0;
  transition: opacity .2s;
  color: black;
  padding: 20px;
  padding-top: 30px;
}
@media (min-width: 544px) {
  .towns__popup {
    left: 65px;
    width: 240px;
  }
}
.towns__popup:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 10px;
  content: '';
  display: block;
  background-color: white;
}
.towns__popup:after {
  left: 10px;
  top: 0;
  content: '';
  position: absolute;
  display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.towns__point:hover .towns__popup,
.towns__popup:hover {
  z-index: 50;
  opacity: 1;
}
.towns__point:hover .towns__string_hover {
  opacity: .5;
}
.swiper-container-towns {
  width: 100%;
  padding-bottom: 0;
  padding-left: 10px;
}
@media (min-width: 544px) {
  .swiper-container-towns {
    padding-left: 20px;
  }
}
.swiper-container-towns .swiper-slide {
  width: auto;
  transition: opacity .2s;
  max-width: 90%;
  box-sizing: border-box;
  padding-right: 10px;
}
.swiper-container-towns .swiper-slide-active {
  opacity: 1;
}
@media (min-width: 544px) {
  .swiper-container-towns .swiper-slide {
    opacity: 1;
    padding-right: 20px;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.video {
  background: #F5F5F5;
  padding-top: 40px;
  padding-bottom: 55px;
}
.video__nashe {
  display: block;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: auto;
}
@media (min-width: 544px) {
  .video__nashe {
    width: 123px;
  }
}
@media (min-width: 864px) {
  .video__nashe {
    width: 180px;
  }
}
.video__container {
  display: flex;
}
.video__tile {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 1233px) {
  .video__tile {
    max-width: calc(100% - 340px);
    flex-grow: 1;
  }
}
.video__content {
  position: relative;
  background: white;
  padding: 10px;
  padding-bottom: 90px;
  border-bottom: 5px solid #333333;
  align-self: flex-start;
  margin-right: auto;
  margin-left: auto;
  max-width: 650px;
}
@media (min-width: 864px) {
  .video__content {
    display: flex;
    padding: 20px;
    max-width: none;
  }
}
@media (min-width: 1233px) {
  .video__content {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.video__direct {
  margin-right: 20px;
}
.video__playzone {
  flex-grow: 1;
}
@media (min-width: 864px) {
  .video__playzone {
    margin-right: 25px;
  }
}
.video__current {
  position: relative;
  width: 100%;
}
.video__current:before {
  display: block;
  content: '';
  padding-top: 56.5%;
}
.video__preview {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  z-index: 1;
  overflow: hidden;
}
.video__preview > div {
  width: 100%;
  height: 100%;
}
.video__preview iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.video__preview video {
  display: block;
  width: 100%;
  height: 100%;
}
.video__filters {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}
@media (min-width: 864px) {
  .video__filters {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 20px;
    margin-left: -20px;
    margin-right: 0;
  }
}
.video__air {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
  margin-top: 20px;
}
@media (min-width: 864px) {
  .video__air {
    display: block;
    margin-top: 0;
    width: 280px;
  }
}
@media (min-width: 1643px) {
  .video__air {
    width: 345px;
  }
}
.video__air .video__live {
  position: relative;
  display: block;
  margin: 0 0 20px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
  order: 2;
}
.video__air .video__live:before {
  display: block;
  content: '';
  padding-top: 56.5%;
}
.video__air .video__live:after {
  display: block;
  content: '';
  position: absolute;
  left: 9px;
  top: 10px;
  width: 80px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/icons/live.svg");
}
.video__air .video__look {
  position: relative;
  display: block;
  margin: 0 0 20px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
  order: 2;
}
.video__air .video__look:before {
  position: relative;
  display: block;
  content: '';
  padding-top: 56.5%;
}
.video__videos {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1233px) {
  .video__videos {
    padding-right: 20px;
  }
}
.video__more {
  margin-top: 20px;
  -ms-grid-row-align: center;
  align-self: center;
}
.video__restriction {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #E63935;
  color: #ffffff;
  text-align: center;
}
.rock .video__restriction {
  background-color: #23222D;
}
.jazz .video__restriction {
  background-color: #F62121;
}
.ultra .video__restriction {
  background-color: #38A2DE;
}
.video__restriction .restriction__container {
  display: table;
  width: 100%;
  height: 100%;
}
.video__restriction .restriction__inner {
  display: table-cell;
  vertical-align: middle;
}
.video__restriction .restriction__warning {
  max-width: 550px;
  margin: 0 auto;
  padding: 0 20px;
  font-size: 14px;
}
@media (min-width: 864px) {
  .video__restriction .restriction__warning {
    font-size: 18px;
  }
}
.video__restriction .restriction__confirm {
  margin-top: 15px;
  cursor: pointer;
  border: 1px solid #fff;
  color: #fff;
  height: 40px;
  line-height: 40px;
  width: 120px;
  background: 0 0;
  display: inline-block;
  transition: .3s;
}
.swiper-container-video {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1233px) {
  .swiper-container-video {
    padding-right: 0;
  }
}
.swiper-container-video .swiper-slide {
  width: auto;
}
#inplayer .in-poster {
  background-image: url("/img/player/cover.png");
}
#inplayer .ui-play-area {
  background-image: url("/img/icons/play-smart.svg");
  background-size: 100px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.videos {
  background-color: #F5F5F5;
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 50px;
}
.videos__head {
  padding-left: 20px;
  padding-right: 20px;
}
.videos__content {
  display: block;
  margin-top: 30px;
  align-items: flex-start;
  overflow-x: hidden;
}
@media (min-width: 864px) {
  .videos__content {
    display: flex;
  }
}
.videos__filters {
  flex-shrink: 0;
  height: 60px;
}
@media (min-width: 864px) {
  .videos__filters {
    width: 400px;
  }
}
@media (min-width: 1030px) {
  .videos__filters {
    margin-right: 20px;
  }
}
.videos__item {
  display: block;
  width: 260px;
  text-decoration: none;
}
@media (min-width: 544px) {
  .videos__item {
    width: 290px;
  }
}
@media (min-width: 1030px) {
  .videos__item {
    width: 460px;
  }
}
.videos__preview {
  position: relative;
  width: 100%;
  height: 160px;
  cursor: pointer;
  font-size: 0;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 544px) {
  .videos__preview {
    height: 180px;
  }
}
@media (min-width: 1030px) {
  .videos__preview {
    height: 285px;
  }
}
.videos__name {
  margin: 0;
  margin-top: 14px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2C2C2C;
  font-family: 'Roboto', sans-serif;
}
@media (min-width: 1030px) {
  .videos__name {
    font-size: 14px;
    line-height: 18px;
  }
}
.swiper-container-videos {
  width: 100%;
  height: auto;
  padding-bottom: 0;
  padding-left: 20px;
}
.swiper-container-videos .swiper-slide {
  width: auto;
}
@media (min-width: 864px) {
  .swiper-container-videos .swiper-slide {
    padding-right: 20px;
    padding-bottom: 20px;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.widget_youtube {
  text-align: center;
  background-color: #f1f1f1;
  padding: 0 20px;
  margin-bottom: 20px;
}
.widget_youtube:last-child {
  margin-bottom: 0;
}
.widget_youtube iframe {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 544px) {
  .widget_youtube iframe {
    width: 75%;
  }
}
@media (min-width: 1030px) {
  .widget_youtube iframe {
    width: 50%;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.afisha__container_place {
  position: relative;
}
@media (min-width: 1233px) {
  .afisha__container_place {
    display: flex;
  }
}
.afisha__changer {
  display: inline-block;
  position: relative;
}
.afisha__nearest {
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 60%;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000000;
}
@media (min-width: 864px) {
  .afisha__nearest {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (min-width: 1233px) {
  .afisha__nearest {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.afisha__current {
  position: relative;
  display: inline-block;
  color: #E63935;
  text-decoration: none;
  padding-left: 4px;
  padding-right: 26px;
  z-index: 11;
}
.afisha__current:after {
  content: '';
  display: block;
  position: absolute;
  height: 3px;
  bottom: -4px;
  left: 4px;
  right: 26px;
  background-image: linear-gradient(to right, #E63935 40%, rgba(255, 255, 255, 0) 20%);
  background-position: top;
  background-size: 4px 2px;
  background-repeat: repeat-x;
}
.afisha__current:before {
  content: '';
  display: block;
  position: absolute;
  right: 6px;
  top: 0;
  width: 10px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/icons/arrow-down.svg");
  transition: transform .2s;
}
.afisha__current_opened:before {
  transform: rotate(180deg);
}
.afisha__list {
  display: none;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  background-color: #F9F9F9;
  border-radius: 3px;
  padding: 40px 7px 17px;
  letter-spacing: 0.03em;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  text-transform: none;
  color: #2B2B2B;
  z-index: 10;
}
.afisha__list_opened {
  display: block;
}
.afisha__point {
  margin-top: 6px;
  transition: opacity .2s;
}
.afisha__point:hover {
  opacity: 0.3;
}
.afisha__town {
  display: block;
  color: inherit;
  text-decoration: none;
}
.afisha__tile {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 864px) {
  .afisha__tile {
    display: flex;
    flex-wrap: wrap;
  }
}
.afisha__item {
  position: relative;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  max-width: 615px;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: grey;
}
@media (min-width: 864px) {
  .afisha__item {
    max-width: none;
    margin-left: 10px;
    margin-right: 10px;
    width: calc((100% / 2) - 20px - 0.001px);
  }
}
@media (min-width: 1233px) {
  .afisha__item {
    width: calc((100% / 3) - 20px - 0.001px);
  }
}
.afisha__item:before {
  content: '';
  display: block;
  padding-top: 65.4%;
}
.afisha__item_show {
  width: 100%;
}
@media (min-width: 864px) {
  .afisha__item_show {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 864px) {
  .afisha__item_show:before {
    padding-top: 33.3%;
  }
}
.afisha__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 0.2s;
}
.afisha__item:hover .afisha__link {
  background-color: rgba(0, 0, 0, 0.15);
}
.afisha__information {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  left: 0;
  bottom: 0;
  padding-left: 10px;
  padding-right: 115px;
  padding-bottom: 15px;
  width: 100%;
  height: 50%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #FFFFFF;
}
@media (min-width: 864px) {
  .afisha__information {
    padding-right: 120px;
  }
}
@media (min-width: 1233px) {
  .afisha__information {
    padding-right: 160px;
  }
}
.afisha__information:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  transform: rotate(-180deg);
}
.afisha__information_buy {
  padding-right: 130px;
}
@media (min-width: 864px) {
  .afisha__information_buy {
    padding-right: 146px;
  }
}
@media (min-width: 1233px) {
  .afisha__information_buy {
    padding-right: 187px;
  }
}
.afisha__name {
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1233px) {
  .afisha__name {
    font-size: 20px;
    line-height: 22px;
  }
}
.afisha__date {
  position: relative;
  display: block;
  margin-top: 10px;
  font-size: 12px;
  line-height: 15px;
}
@media (min-width: 1233px) {
  .afisha__date {
    font-size: 14px;
    line-height: 16px;
  }
}
.afisha__ticket {
  position: absolute;
  display: flex;
  align-items: center;
  padding-left: 30px;
  padding-right: 5px;
  right: 15px;
  bottom: 13px;
  height: 30px;
  width: 95px;
  z-index: 2;
  text-decoration: none;
  background-color: #E63935;
  border-radius: 30px;
  color: white;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-image: url("/img/icons/ticket.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left 8px top 6px;
}
@media (min-width: 864px) {
  .afisha__ticket {
    bottom: 17px;
    width: 100px;
  }
}
@media (min-width: 1233px) {
  .afisha__ticket {
    padding-left: 44px;
    background-size: 25px;
    background-position: left 12px top 7px;
    height: 40px;
    bottom: 23px;
    right: 27px;
    width: 125px;
    font-size: 14px;
    line-height: 16px;
  }
}
.afisha__ticket_buy {
  right: 10px;
  width: 114px;
}
@media (min-width: 864px) {
  .afisha__ticket_buy {
    right: 16px;
    width: 126px;
  }
}
@media (min-width: 1233px) {
  .afisha__ticket_buy {
    right: 27px;
    width: 155px;
  }
}
.afisha__place {
  background-color: #F5F5F5;
}
.afisha__about {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.03em;
  color: #000000;
  padding: 14px 10px;
}
@media (min-width: 864px) {
  .afisha__about {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1233px) {
  .afisha__about {
    padding-left: 0;
    max-width: 520px;
    margin-left: auto;
  }
}
.afisha__map {
  position: relative;
  min-height: 520px;
}
@media (min-width: 864px) {
  .afisha__map {
    min-height: 270px;
  }
}
@media (min-width: 1233px) {
  .afisha__map {
    width: 56.6%;
    min-height: 400px;
  }
}
.afisha__map div {
  position: absolute !important;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.afisha__map iframe {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: none;
}
.afisha__frame {
  margin-top: 20px;
  position: relative;
}
.afisha__frame:before {
  content: '';
  display: block;
  padding-top: 70.7%;
}
.afisha__frame iframe {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.afisha__video {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.agreement__fullscreen {
  background: #fff;
  margin-bottom: -600px;
  padding-bottom: 600px;
}
.agreement__container {
  padding-top: 30px;
}
@media (min-width: 864px) {
  .agreement__container {
    padding-top: 50px;
  }
}
.agreement__content {
  padding-bottom: 40px;
}
@media (min-width: 1233px) {
  .agreement__content {
    display: flex;
  }
}
@media (min-width: 1233px) {
  .agreement__tile {
    flex-grow: 1;
    margin-right: 30px;
  }
}
.agreement__title {
  margin: 0;
  text-transform: uppercase;
}
.agreement__tabs {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 20px 0 0;
  width: 100%;
  border-bottom: 1px solid #DDDDDD;
}
.agreement__tab {
  position: relative;
  padding: 20px 0;
  width: 100%;
  max-width: 230px;
  cursor: pointer;
  color: #C0C0C0;
  text-align: center;
}
.agreement__tab_active,
.agreement__tab:hover {
  color: #000;
}
.agreement__tab_active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 3px solid #E63935;
}
.agreement__groups {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 30px -20px 0;
}
@media (min-width: 544px) {
  .agreement__groups {
    margin: 30px 0 0;
  }
}
@media (min-width: 864px) {
  .agreement__groups {
    flex-direction: row;
  }
}
.agreement__radio {
  display: inline-flex;
  align-items: center;
  margin: 20px 0 0;
  cursor: pointer;
}
.agreement__radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
input ~ .agreement__radio_icon {
  background-color: rgba(0, 0, 0, 0.5);
}
.agreement__radio:hover input ~ .agreement__radio_icon {
  background-color: #000;
}
input:checked ~ .agreement__radio_icon {
  background-color: #000;
}
.agreement__radio_icon {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eee;
}
.agreement__radio_icon:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
}
input:checked ~ .agreement__radio_icon:after {
  border: 3px solid #fff;
  background-color: #000;
}
.agreement__checkbox {
  display: inline-flex;
  align-items: flex-start;
  cursor: pointer;
  /*input ~ &_icon {
            background-color: rgba(0, 0, 0, .5);
        }*/
}
.agreement__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.agreement__checkbox:hover input ~ .agreement__checkbox_icon {
  border-color: #000;
}
input:checked ~ .agreement__checkbox_icon {
  background-color: #000;
}
.agreement__checkbox_icon {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 2px;
}
.agreement__checkbox_icon:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 0px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
input:checked ~ .agreement__checkbox_icon:after {
  display: block;
}
.agreement__checkbox_text {
  display: flex;
  flex-direction: column;
  line-height: 20px;
}
.agreement__input textarea,
.agreement__input input {
  display: block;
  padding: 0 15px;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: 1px solid rgba(142, 142, 142, 0.3);
  background-color: transparent;
  border-radius: 5px;
  transition: border 200ms ease-out;
}
.agreement__input textarea:focus,
.agreement__input input:focus {
  border-color: #000;
}
.agreement__input textarea {
  padding: 14px 15px;
  line-height: 15px;
  resize: none;
}
.agreement__textarea textarea {
  display: block;
  min-height: 60px;
}
.agreement__select_value {
  padding: 0 45px 0 15px;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: 1px solid rgba(142, 142, 142, 0.3);
  color: #777;
  background-color: transparent;
  cursor: pointer;
  border-radius: 5px;
  transition: border 200ms ease-out;
}
.agreement__select_value.agreement__field_fill {
  color: #000;
}
.agreement__select_arrow {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 15px;
  margin: -5px 0 0;
  width: 18px;
  height: 11px;
  pointer-events: none;
  background-image: url("/img/icons/select-arrow.svg");
}
.agreement__select_open .agreement__select_arrow {
  transform: rotate(180deg);
}
.agreement__select_open .agreement__select_value {
  border-color: #000;
}
.agreement__select_options {
  position: absolute;
  display: none;
  flex-direction: column;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  z-index: 1;
}
.agreement__select_open .agreement__select_options {
  display: flex;
}
.agreement__select_option {
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
}
.agreement__select_option:nth-child(2n) {
  background-color: #F7F7F7;
}
.agreement__select_option:hover {
  background-color: #eee;
}
.agreement__date datepicker {
  display: block;
  float: none;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.agreement__date datepicker:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  display: block;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  pointer-events: none;
  background-image: url("/img/icons/calendar-black.svg");
  background-size: 20px;
}
.agreement__date input {
  padding: 0 40px 0 15px;
}
.agreement__file_container {
  display: flex;
  height: 45px;
  line-height: 45px;
}
.agreement__file_select {
  flex-shrink: 0;
  position: relative;
  width: 120px;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  background-color: #F5EBE6;
  border: 1px solid rgba(142, 142, 142, 0.3);
  border-radius: 5px;
}
.agreement__file_select:hover {
  background-color: #EDDED6;
}
.agreement__file_path {
  margin: 0 0 0 10px;
  padding: 0 15px;
  width: 100%;
  cursor: default;
  color: #979797;
  border: 1px solid rgba(142, 142, 142, 0.3);
  background-color: transparent;
  border-radius: 5px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome, Opera and Firefox */
  overflow: hidden;
}
.agreement__file_path span {
  word-break: break-all;
}
.agreement__file input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.agreement__file input::-webkit-file-upload-button {
  cursor: pointer;
}
.agreement__file .agreement__field_error {
  left: 0;
}
.agreement__field {
  position: relative;
}
.agreement__field_label {
  position: absolute;
  top: 30%;
  left: 10px;
  padding: 0px 5px;
  font-size: 10px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s, top .2s;
}
.agreement__field_fill ~ .agreement__field_label {
  top: -5px;
  opacity: 1;
}
.agreement__field_error {
  position: absolute;
  bottom: 0px;
  left: 15px;
  line-height: 16px;
  color: #FD4040;
  font-size: 10px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s, bottom .2s;
}
.agreement__field_invalid {
  margin-bottom: 20px;
}
.agreement__field_invalid .agreement__input input[type="text"],
.agreement__field_invalid .agreement__input textarea,
.agreement__field_invalid .agreement__select_value {
  border-color: #F00;
}
.agreement__field_invalid .agreement__field_label {
  top: -5px;
  opacity: 1;
  color: #F00;
}
.agreement__field_invalid .agreement__field_error {
  bottom: -16px;
  opacity: 1;
}
.agreement__field .agreement__file {
  margin: 15px 0 0;
}
.agreement__group {
  flex: 1 1 50%;
  margin: 20px 0 0;
  padding: 25px 20px 40px;
  width: 100%;
  font-size: 13px;
}
@media (min-width: 544px) {
  .agreement__group {
    padding: 25px 25px 40px 30px;
    border-radius: 10px;
  }
}
@media (min-width: 864px) {
  .agreement__group {
    margin: 0 0 0 20px;
  }
}
.agreement__group:first-child {
  margin: 0;
}
.agreement__group_owner {
  background-color: #F9F9F9;
}
.agreement__group_owner .agreement__field_invalid .agreement__field_label,
.agreement__group_owner .agreement__field_fill ~ .agreement__field_label {
  background-color: #F9F9F9;
}
.agreement__group_video {
  background-color: #FDF4F0;
}
.agreement__group_video .agreement__field_invalid .agreement__field_label,
.agreement__group_video .agreement__field_fill ~ .agreement__field_label {
  background-color: #FDF4F0;
}
.agreement__group_title {
  margin: 0;
  font-size: 16px;
}
.agreement__group_line {
  margin: 25px 0 0;
}
.agreement__group_section {
  margin: 25px -25px 0 -30px;
  padding: 15px 25px 15px 30px;
}
.agreement__group_section .agreement__link:hover {
  opacity: .8;
  text-decoration: none;
}
.agreement__group_tip {
  font-size: 13px;
  line-height: 18px;
}
.agreement__group_section .agreement__group_info {
  display: flex;
  /*align-items: center;*/
  margin: 15px 0 0;
  font-size: 13px;
}
.agreement__group_section .agreement__group_info:before {
  content: "";
  flex-shrink: 0;
  display: none;
  margin: 0 10px 0 0;
  width: 25px;
  height: 25px;
  color: #FFF;
  background-image: url("/img/icons/info-1.svg");
}
.agreement__group_section .agreement__group_tip {
  line-height: 20px;
}
.agreement__group_section .agreement__group_tip span {
  display: block;
}
.agreement__group_section .agreement__group_tip span + span {
  margin: 15px 0 0;
}
.agreement__group_section .agreement__group_tip .agreement__border {
  margin: 15px 0;
}
.agreement__group_owner .agreement__group_section {
  background-color: #EFF3F2;
}
.agreement__group_owner .agreement__group_section .agreement__link {
  color: #81D1BE;
}
.agreement__group_owner .agreement__group_section .agreement__field_invalid .agreement__field_label,
.agreement__group_owner .agreement__group_section .agreement__field_fill ~ .agreement__field_label {
  background-color: #EFF3F2;
}
.agreement__group_owner .agreement__group_section .agreement__group_info:before {
  display: block;
  background-image: url("/img/icons/info-1.svg");
}
.agreement__group_video .agreement__group_section {
  background-color: #F5EBE6;
}
.agreement__group_video .agreement__group_section .agreement__link {
  color: #FD7743;
}
.agreement__group_video .agreement__group_section .agreement__field_invalid .agreement__field_label,
.agreement__group_video .agreement__group_section .agreement__field_fill ~ .agreement__field_label {
  background-color: #F5EBE6;
}
.agreement__group_video .agreement__group_section .agreement__group_info:before {
  display: block;
  background-image: url("/img/icons/info-2.svg");
}
.agreement__contract {
  margin: 25px 0 0;
}
.agreement__contract .contract__title {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
}
.agreement__contract .contract__text {
  padding: 25px 20px;
  height: 500px;
  overflow: auto;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #333;
  background-color: #F9F9F9;
  border-radius: 10px;
}
@media (min-width: 864px) {
  .agreement__contract .contract__text {
    padding: 25px 80px 25px 20px;
  }
}
.agreement__law {
  margin: 30px 0 0;
  font-weight: 700;
  line-height: 20px;
}
.agreement__law .agreement__link {
  color: red;
}
.agreement__law .agreement__link:hover {
  opacity: .9;
  text-decoration: none;
}
.agreement__border {
  margin: 30px 0 0;
  border-top: 1px solid #E1E1E1;
}
.agreement__signature {
  margin: 20px 0 35px;
}
.agreement__signature_ensure {
  font-size: 14px;
}
.agreement__signature_border {
  margin: 35px 0 0;
}
.agreement__signature .agreement__field {
  margin: 35px 0 0;
  font-size: 13px;
}
@media (min-width: 544px) {
  .agreement__signature .agreement__field .agreement__input {
    max-width: 465px;
  }
}
.agreement__signature .agreement__field.agreement__field_invalid .agreement__field_label,
.agreement__signature .agreement__field .agreement__field_fill ~ .agreement__field_label {
  background-color: #fff;
}
.agreement__status {
  margin: 0 0 20px;
  font-size: 13px;
  text-align: center;
}
.agreement__status_success {
  color: #090;
}
.agreement__status_error {
  color: #F00;
}
@media (min-width: 544px) {
  .agreement__status {
    text-align: left;
  }
}
.agreement__submit {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 185px;
  height: 50px;
  line-height: 50px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  background-color: #FF1717;
  border: none;
  cursor: pointer;
  border-radius: 50px;
}
.agreement__submit:hover {
  opacity: .9;
}
@media (min-width: 544px) {
  .agreement__submit {
    margin: 0;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.alisa__fullscreen {
  background-color: #EBDAC0;
  margin-bottom: -600px;
  padding-bottom: 600px;
}
.alisa__header {
  padding-bottom: calc(224.39613527%);
  background-image: url("/img/alisa/alisa-in-mobile.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-position: center top;
}
@media (min-width: 864px) {
  .alisa__header {
    padding-bottom: calc(90.67708333%);
    background-image: url("/img/alisa/alisa-in-desktop.png");
  }
}
.alisa__content {
  color: #121011;
}
@media (min-width: 1233px) {
  .alisa__content {
    display: flex;
  }
}
@media (min-width: 1233px) {
  .alisa__tile {
    flex-grow: 1;
    margin-right: 30px;
  }
}
.alisa__playlist {
  padding: 0 0 30px;
}
.alisa__playlist .pl-item + .pl-item {
  margin: 40px 0 0;
}
.alisa__playlist .pl-item__date {
  color: #8C877C;
}
.alisa__playlist .pl-item__duration {
  color: #373737;
}
.alisa__playlist .pl-item__volume {
  border-color: #939292;
}
.alisa__playlist .pl-item__volume .pl-item__button {
  background-image: url("/img/alisa/volume-full.svg");
}
.alisa__playlist .pl-item__volume .pl-item__button_medium {
  background-image: url("/img/alisa/volume-medium.svg");
}
.alisa__playlist .pl-item__volume .pl-item__button_mute {
  background-image: url("/img/alisa/volume-mute.svg");
}
.alisa__playlist .pl-item_current .pl-item__controls {
  background-color: #DFCDB2;
}
.alisa__title {
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
}
.alisa__about h2 {
  margin: 30px 0 0;
}
.alisa__about blockquote {
  margin-top: 30px;
  margin-left: 20px;
  padding-left: 18px;
  font-size: 20px;
  line-height: 30px;
  border-left: 2px solid black;
}
@media (min-width: 864px) {
  .alisa__about blockquote {
    margin-left: 50px;
    letter-spacing: normal;
  }
}
@media (min-width: 1233px) {
  .alisa__about blockquote {
    margin-left: 80px;
    font-size: 20px;
    line-height: 30px;
  }
}
.alisa__about blockquote p {
  margin: 0;
}
.alisa__about blockquote p + p {
  margin: 20px 0 0;
}
.alisa__about img {
  display: block;
  float: left;
  margin: 25px 15px 0 0;
  max-width: 150px;
  width: 100%;
}
.alisa__about p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 30px;
}
.alisa__about a {
  display: inline-block;
  padding: 0 5px;
  color: #121011;
  text-decoration: none;
  line-height: 20px;
  background-color: rgba(255, 255, 255, 0.66);
  border: 1px solid #C2C2C2;
  border-radius: 3px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.buddoma_header {
  background-color: #272727;
}
.buddoma_main {
  background-color: #E63935;
  margin-bottom: -600px;
  padding-bottom: 600px;
}
.buddoma__center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  transform: translateX(-50%);
}
.buddoma__sms {
  display: none;
  position: absolute;
  left: 0;
  top: 20px;
  width: auto;
  padding: 10px 10px 10px 70px;
  border-radius: 5px;
  text-decoration: none;
  background-color: #E63935;
  border-color: #E63935;
  background-image: url("/img/icons/sms.svg");
  background-position: left 10px top 12px;
  background-repeat: no-repeat;
}
@media (min-width: 544px) {
  .buddoma__sms {
    display: block;
  }
}
@media (max-width: 1280px) {
  .buddoma__sms {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}
.rock .buddoma__sms {
  background-color: #23222D;
  border-color: #23222D;
}
.jazz .buddoma__sms {
  background-color: #F62121;
  border-color: #F62121;
}
.ultra .buddoma__sms {
  background-color: #38A2DE;
  border-color: #38A2DE;
}
.buddoma__sms:hover .buddoma__message {
  width: 70px;
}
.buddoma__preview {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("/img/buddoma/preview.png");
}
.buddoma__preview:before {
  content: '';
  display: block;
  padding-top: 24.5%;
}
@media (min-width: 1233px) {
  .buddoma__container {
    display: flex;
  }
}
@media (min-width: 1233px) {
  .buddoma__content {
    max-width: calc(100% - 340px);
    flex-grow: 1;
  }
}
.buddoma__direct {
  padding-left: 35px;
}
.buddoma__video {
  position: relative;
  margin-left: 10px;
}
@media (min-width: 544px) {
  .buddoma__video {
    margin-left: 20px;
  }
}
.buddoma__video:before {
  content: '';
  display: block;
  padding-top: 56.3%;
}
.buddoma__video:after {
  content: '';
  display: block;
  position: absolute;
  width: 92%;
  height: 92%;
  left: -10px;
  bottom: -10px;
  background-color: #272727;
}
@media (min-width: 544px) {
  .buddoma__video:after {
    left: -20px;
    bottom: -20px;
  }
}
.buddoma__video div,
.buddoma__video iframe {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
}
.buddoma__video div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.buddoma__title {
  margin: 0;
  margin-top: 30px;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
}
@media (min-width: 544px) {
  .buddoma__title {
    margin-top: 40px;
    font-size: 18px;
  }
}
@media (min-width: 864px) {
  .buddoma__title {
    font-size: 20px;
  }
}
.buddoma__text {
  margin: 0;
  margin-top: 10px;
  letter-spacing: 0.1em;
  font-size: 14px;
  line-height: 120%;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.chartova__fullscreen {
  background: linear-gradient(180deg, #1F4076 0%, #0A5994 16.09%, #0D5BA5 40.16%, #3E43A1 64.5%, #572E8C 94.44%);
  margin-bottom: -600px;
  padding-bottom: 600px;
}
.chartova__container {
  padding-top: 35px;
}
@media (min-width: 1030px) {
  .chartova__container {
    padding-top: 60px;
  }
}
.chartova__promo {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 110px;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/chartova/chartova-logo.png");
}
.chartova__promo:before {
  display: block;
  content: '';
  padding-top: 13.1%;
}
.chartova__result {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.03em;
  color: white;
}
@media (min-width: 1233px) {
  .chartova__result {
    font-size: 14px;
    line-height: 16px;
    bottom: 12px;
  }
}
.chartova__slide {
  position: relative;
  width: 250px;
  height: 250px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.chartova__slide:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .2s;
  background-color: white;
}
.chartova__slide:hover:before {
  opacity: .1;
}
@media (min-width: 544px) {
  .chartova__slide {
    width: 300px;
    height: 300px;
  }
}
@media (min-width: 1030px) {
  .chartova__slide {
    width: 330px;
    height: 330px;
  }
}
.chartova__place {
  margin: 0;
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.03em;
  background-repeat: no-repeat;
  background-position: center;
  color: #FFFFFF;
}
.chartova__place_up {
  background-color: #4EA470;
  padding-top: 15px;
}
.chartova__place_up:before {
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid white;
}
.chartova__place_down {
  background-color: #D63636;
}
.chartova__place_down:before {
  position: absolute;
  bottom: 9px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid white;
}
.chartova__place_current {
  font-size: 0;
  background-color: #DDC859;
  background-position: top 12px center;
  background-image: url("/img/icons/pin.svg");
}
.chartova__place_new {
  background-color: #118EF6;
  background-position: top 10px left 14px;
  background-image: url("/img/icons/lightning.svg");
}
.chartova__content {
  padding-bottom: 40px;
}
@media (min-width: 1233px) {
  .chartova__content {
    display: flex;
    padding-bottom: 80px;
  }
}
.chartova__direct {
  margin-top: 15px;
  margin-right: -20px;
  margin-left: -20px;
}
@media (min-width: 1233px) {
  .chartova__direct {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
  }
}
.chartova__tile {
  color: white;
}
@media (min-width: 1233px) {
  .chartova__tile {
    flex-grow: 1;
    margin-right: 30px;
  }
}
.chartova__text {
  margin: 0;
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #FFFFFF;
}
@media (min-width: 1030px) {
  .chartova__text {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
  }
}
.chartova__list {
  margin: 0;
  padding: 0;
  padding-left: 15px;
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}
@media (min-width: 1030px) {
  .chartova__list {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
  }
}
.chartova__point {
  margin-bottom: 15px;
}
.chartova__tip {
  padding-left: 65px;
  padding-right: 20px;
  padding-top: 30px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background-image: url("/img/icons/tip.svg");
  min-height: 35px;
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: left 20px top 30px;
  font-style: italic;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
}
@media (min-width: 1030px) {
  .chartova__tip {
    margin-bottom: 30px;
  }
}
@media (min-width: 1233px) {
  .chartova__tip {
    margin-left: 0;
    margin-right: 0;
    padding-left: 55px;
    padding-right: 10px;
    background-position: left 10px top 30px;
  }
}
.chartova__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: 170px;
  transition: background-color 0.2s;
  padding: 10px;
  margin-right: -20px;
  margin-left: -20px;
}
@media (min-width: 1233px) {
  .chartova__item {
    margin-right: 0;
    margin-left: 0;
  }
}
.chartova__item:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}
.chartova__item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
@media (min-width: 544px) {
  .chartova__item {
    flex-wrap: nowrap;
    min-height: 120px;
    padding: 20px;
  }
}
@media (min-width: 1233px) {
  .chartova__item {
    min-height: 100px;
  }
}
.chartova__sms {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  display: flex;
  margin: 0;
  margin-right: 15px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  min-width: 104px;
  font-size: 14px;
  line-height: 32px;
  font-weight: bold;
}
@media (min-width: 544px) {
  .chartova__sms {
    margin-right: 20px;
    order: -1;
  }
}
.chartova__sms_type {
  display: inline-block;
  background-color: white;
  color: #2951A8;
  padding-left: 5px;
  padding-right: 5px;
}
.chartova__sms_number {
  display: block;
  flex-grow: 1;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}
.chartova__track {
  margin: 0;
  width: 100%;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #FFFFFF;
}
.chartova__track_song {
  color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 544px) {
  .chartova__track {
    width: auto;
    flex-grow: 1;
    flex-basis: 0;
    text-align: left;
    font-size: 16px;
  }
}
.chartova__vote {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 544px) {
  .chartova__vote {
    margin-left: 0;
    margin-right: 0;
    width: 190px;
  }
}
.chartova__button {
  color: white;
  background-color: transparent;
  border: 1px solid white;
}
.chartova__button:hover {
  color: #0D254D;
  background-color: white;
  border: 1px solid white;
}
.chartova__button:active {
  opacity: .8;
}
.chartova__button_vote {
  width: 100%;
}
.chartova__button_done {
  border: 1px solid transparent;
  background-color: transparent;
  opacity: 1 !important;
}
.chartova__tag {
  text-align: center;
  white-space: nowrap;
  height: 43px;
  position: absolute;
  top: 250px;
  left: 0;
  right: 0;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  color: white;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (max-width: 1030px) {
  .chartova__tag {
    top: 225px;
    height: 41px;
  }
}
@media (max-width: 544px) {
  .chartova__tag {
    top: 189px;
    height: 34px;
  }
}
.chartova__tag-aritst {
  font-size: 15px;
  padding-bottom: 4px;
  padding-top: 1px;
  display: block;
}
@media (max-width: 1030px) {
  .chartova__tag-aritst {
    font-size: 14px;
  }
}
@media (max-width: 544px) {
  .chartova__tag-aritst {
    font-size: 13px;
    padding-top: 0;
    padding-bottom: 2px;
  }
}
.chartova__tag-title {
  display: block;
  font-size: 11px;
  font-weight: 100;
}
@media (max-width: 1030px) {
  .chartova__tag-title {
    font-size: 10px;
  }
}
@media (max-width: 544px) {
  .chartova__tag-title {
    font-size: 9px;
  }
}
.swiper-container-chartova {
  width: 100%;
  padding-bottom: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swiper-container-chartova .swiper-slide {
  width: auto;
  padding-bottom: 25px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.chartova2020__fullscreen {
  background: linear-gradient(180.32deg, #C0001B 17.82%, #920C1E 90.19%);
  margin-bottom: -600px;
  padding-bottom: 600px;
}
.chartova2020__header {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  overflow: hidden;
  color: #FFF;
  background-image: url("/img/chartova2020/background.png");
  background-repeat: no-repeat;
  background-position: 50% -50px;
  background-size: 900px;
}
.chartova2020__header_wrapper {
  background: linear-gradient(180deg, #DD1A35 24.74%, rgba(221, 26, 53, 0) 100%);
}
.chartova2020__header .chartova2020__container {
  position: relative;
  margin: 0 auto;
  max-width: 500px;
}
.chartova2020__body {
  margin-top: 40px;
}
@media (min-width: 864px) {
  .chartova2020__body {
    margin-top: 80px;
  }
}
.chartova2020__body ol,
.chartova2020__body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.chartova2020__content {
  padding-bottom: 40px;
}
@media (min-width: 1233px) {
  .chartova2020__content {
    display: flex;
    padding-bottom: 80px;
  }
}
.chartova2020__logo {
  margin: 50px auto 0;
  width: 180px;
  height: 75px;
  background-image: url("/img/chartova2020/logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 544px) {
  .chartova2020__logo {
    margin-top: 30px;
    width: 270px;
    height: 110px;
  }
}
@media (min-width: 1233px) {
  .chartova2020__logo {
    margin-top: 45px;
    width: 380px;
    height: 155px;
  }
}
.chartova2020__title {
  margin: 0;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
@media (min-width: 544px) {
  .chartova2020__title {
    margin: 10px 0 0;
    font-size: 16px;
  }
}
.chartova2020__title:after {
  content: "";
  margin: 10px 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 218, 27, 0) 12.2%, #FFDA1B 48.63%, rgba(255, 218, 27, 0) 87.42%);
}
.chartova2020__subtitle {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
@media (min-width: 544px) {
  .chartova2020__subtitle {
    font-size: 14px;
  }
}
.chartova2020__partner {
  position: absolute;
  top: -37px;
  right: 0;
  width: 100px;
  height: 25px;
  background-image: url("/img/chartova2020/partner.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 544px) {
  .chartova2020__partner {
    top: 0;
    left: -30px;
    right: auto;
    width: 120px;
    height: 30px;
  }
}
@media (min-width: 864px) {
  .chartova2020__partner {
    left: -90px;
  }
}
@media (min-width: 1233px) {
  .chartova2020__partner {
    top: 10px;
    left: -220px;
    width: 150px;
    height: 40px;
  }
}
.chartova2020__date {
  position: absolute;
  top: -35px;
  left: 10px;
  width: 60px;
  height: 30px;
  background-image: url("/img/chartova2020/13.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 544px) {
  .chartova2020__date {
    top: 40px;
    left: -20px;
    width: 100px;
    height: 50px;
  }
}
@media (min-width: 864px) {
  .chartova2020__date {
    left: -80px;
  }
}
@media (min-width: 1233px) {
  .chartova2020__date {
    top: 60px;
    left: -210px;
    width: 130px;
    height: 65px;
  }
}
.chartova2020__participants {
  margin: 15px auto 0;
  max-width: 270px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
@media (min-width: 544px) {
  .chartova2020__participants {
    position: absolute;
    top: 0;
    /*right: -15px;*/
    right: -40px;
    margin: 0;
    max-width: 175px;
    font-size: 14px;
  }
}
@media (min-width: 864px) {
  .chartova2020__participants {
    right: -80px;
  }
}
@media (min-width: 1233px) {
  .chartova2020__participants {
    top: 35px;
    right: -330px;
    max-width: 360px;
    font-size: 20px;
  }
}
.chartova2020__participants i {
  margin: 0 10px;
  display: block;
  font-size: 0;
  /*.mobileBack({
                display: block;
                font-size: 0;
            });*/
}
@media (min-width: 1233px) {
  .chartova2020__participants i {
    display: inline-block;
    font-size: inherit;
  }
}
.chartova2020__others {
  margin: 10px 0 0;
  color: #FFC907;
  font-size: 12px;
}
.chartova2020__buy {
  margin: 15px auto 0;
  display: block;
  width: 190px;
  height: 50px;
  line-height: 50px;
  letter-spacing: 0.03em;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #FFF;
  border-radius: 50px;
}
@media (min-width: 544px) {
  .chartova2020__buy {
    margin-top: 25px;
  }
}
@media (min-width: 1233px) {
  .chartova2020__buy {
    margin-top: 40px;
  }
}
.chartova2020__buy:hover {
  color: #DD1A35;
  background-color: #fff;
}
.chartova2020__text {
  margin: 0;
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #FFFFFF;
}
@media (min-width: 1030px) {
  .chartova2020__text {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
  }
}
.chartova2020__text p {
  margin: 0;
}
.chartova2020__text p + p {
  margin: 20px 0 0;
}
.chartova2020__nominations {
  padding: 20px 0 50px;
}
.chartova2020__nominants {
  position: relative;
  overflow: hidden;
  margin: 0 -20px;
}
@media (min-width: 1030px) {
  .chartova2020__nominants {
    margin: 0;
  }
}
.chartova2020__nominants_title {
  padding: 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
@media (min-width: 864px) {
  .chartova2020__nominants_title {
    padding: 30px;
    font-size: 18px;
  }
}
.chartova2020__nominants_list {
  position: relative;
  padding: 0 10px;
  max-height: 0;
  opacity: 0;
  transition: all 0.2s ease-out;
  z-index: 2;
}
@media (min-width: 864px) {
  .chartova2020__nominants_list {
    padding: 0 20px;
  }
}
.chartova2020__nominants_list > .list-item {
  position: relative;
  /*padding: 15px 0;*/
  padding: 30px 20px;
}
@media (min-width: 864px) {
  .chartova2020__nominants_list > .list-item {
    padding: 15px 0;
  }
}
.chartova2020__nominants_list > .list-item:nth-child(2n+1) {
  background-color: rgba(57, 0, 0, 0.1);
}
.chartova2020__nominants_list > .list-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.chartova2020__nominants .nominant {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  overflow: hidden;
  min-height: 50px;
}
@media (min-width: 864px) {
  .chartova2020__nominants .nominant {
    display: table;
    width: 100%;
  }
}
@media (min-width: 864px) {
  .chartova2020__nominants .nominant > * {
    display: table-cell;
    vertical-align: middle;
    box-sizing: content-box;
  }
}
.chartova2020__nominants .nominant__list {
  clear: both;
}
@media (min-width: 864px) {
  .chartova2020__nominants .nominant__list {
    padding-top: 0;
  }
}
.chartova2020__nominants .nominant__title {
  text-align: center;
}
@media (min-width: 864px) {
  .chartova2020__nominants .nominant__title {
    padding-left: 20px;
    width: 200px;
    text-align: initial;
  }
}
.chartova2020__nominants .nominant__title strong {
  display: block;
  margin-bottom: 10px;
}
@media (min-width: 864px) {
  .chartova2020__nominants .nominant__title strong {
    display: none;
  }
}
.chartova2020__nominants .nominant__title span {
  opacity: .6;
}
.chartova2020__nominants .nominant__vote {
  margin: 20px 0 0;
  text-align: center;
}
@media (min-width: 864px) {
  .chartova2020__nominants .nominant__vote {
    margin: 0;
    padding-right: 20px;
    width: 160px;
  }
}
.chartova2020__nominants .nominant__vote .vote {
  margin: 15px auto 0;
  display: block;
  width: 190px;
  height: 50px;
  line-height: 50px;
  letter-spacing: 0.03em;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #FFF;
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 50px;
}
@media (min-width: 864px) {
  .chartova2020__nominants .nominant__vote .vote {
    margin: 0 0 0 auto;
  }
}
.chartova2020__nominants .nominant__vote .vote:hover {
  color: #DD1A35;
  background-color: #fff;
}
.chartova2020__nominants .nominant__vote .vote:active {
  opacity: .8;
}
.chartova2020__nominants .nominant__vote .vote_done {
  border: 1px solid transparent;
  background-color: transparent;
  opacity: 1 !important;
  pointer-events: none;
  font-size: 12px;
  line-height: inherit;
}
.chartova2020__nominants .nominant__vote .vote_done:hover {
  color: #FFF;
  background-color: transparent;
}
.chartova2020__nominants .nominant__vote .vote.button_loading {
  background-image: url("/img/icons/loading-white.svg");
  background-color: transparent;
}
.chartova2020__nominants i {
  position: absolute;
  top: 0;
  right: 26px;
  margin-top: 25px;
  transform: translate(-6px, 0);
}
@media (min-width: 864px) {
  .chartova2020__nominants i {
    margin-top: 30px;
    transform: translate(-20px, 0);
  }
}
.chartova2020__nominants i:before,
.chartova2020__nominants i:after {
  content: "";
  position: absolute;
  background-color: #FFF;
  width: 3px;
  height: 14px;
  transition: all 0.2s ease-out;
}
@media (min-width: 864px) {
  .chartova2020__nominants i:before,
  .chartova2020__nominants i:after {
    width: 4px;
    height: 20px;
  }
}
.chartova2020__nominants i:before {
  transform: translate(4px, 0) rotate(45deg);
}
@media (min-width: 864px) {
  .chartova2020__nominants i:before {
    transform: translate(6px, 0) rotate(45deg);
  }
}
.chartova2020__nominants i:after {
  transform: translate(-4px, 0) rotate(-45deg);
}
@media (min-width: 864px) {
  .chartova2020__nominants i:after {
    transform: translate(-6px, 0) rotate(-45deg);
  }
}
.chartova2020__nominants input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.chartova2020__nominants input[type=checkbox]:checked ~ .chartova2020__nominants_title {
  border: none;
}
.chartova2020__nominants input[type=checkbox]:checked ~ .chartova2020__nominants_list {
  max-height: 100%;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.chartova2020__nominants input[type=checkbox]:checked ~ i:before {
  transform: translate(-4px, 0) rotate(45deg);
}
@media (min-width: 864px) {
  .chartova2020__nominants input[type=checkbox]:checked ~ i:before {
    transform: translate(-6px, 0) rotate(45deg);
  }
}
.chartova2020__nominants input[type=checkbox]:checked ~ i:after {
  transform: translate(4px, 0) rotate(-45deg);
}
@media (min-width: 864px) {
  .chartova2020__nominants input[type=checkbox]:checked ~ i:after {
    transform: translate(6px, 0) rotate(-45deg);
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.dedmoroz {
  padding: 0;
}
.dedmoroz .container {
  margin-top: 0;
  margin-bottom: 0;
}
.dedmoroz ol,
.dedmoroz ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dedmoroz .swiper-container {
  padding: 0;
}
.dedmoroz .dedmoroz__header {
  position: relative;
  padding-top: 70px;
  padding-bottom: 120px;
  color: #fff;
  text-align: center;
  background-color: #E50505;
  background-image: url("/img/dedmoroz/header-elka.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
}
@media (min-width: 544px) {
  .dedmoroz .dedmoroz__header {
    padding-top: 100px;
  }
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header {
    padding-bottom: 150px;
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header {
    padding-bottom: 170px;
    background-position-y: -100px;
  }
}
.dedmoroz .dedmoroz__header .container {
  padding: 0 10px;
}
.dedmoroz .dedmoroz__header h1 {
  margin: 0 0 35px;
  font-family: 'Lobster', cursive;
  font-size: 40px;
  font-weight: 400;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header h1 {
    font-size: 80px;
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header h1 br {
    display: none;
  }
}
.dedmoroz .dedmoroz__header .about {
  max-width: 800px;
  margin: 0 auto;
}
.dedmoroz .dedmoroz__header .name {
  padding: 20px 0;
  line-height: 25px;
  text-transform: uppercase;
}
.dedmoroz .dedmoroz__header_snow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background-image: url("/img/dedmoroz/header-snow.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header_snow {
    height: 170px;
  }
}
.dedmoroz .dedmoroz__header .instructions {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 780px;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions {
    margin-top: 30px;
    max-width: 510px;
  }
  .dedmoroz .dedmoroz__header .instructions:after {
    content: '';
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header .instructions {
    margin-top: 25px;
    max-width: 1250px;
  }
}
.dedmoroz .dedmoroz__header .instructions .swiper-container {
  overflow: visible;
}
.dedmoroz .dedmoroz__header .instructions__list {
  box-sizing: border-box;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list {
    display: block;
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header .instructions__list {
    display: flex;
    justify-content: space-between;
  }
}
.dedmoroz .dedmoroz__header .instructions__list .list-item {
  float: left;
  width: 100%;
  max-width: 250px;
  /*overflow: hidden;*/
}
.dedmoroz .dedmoroz__header .instructions__list .list-item:after {
  content: '';
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list .list-item {
    max-width: 100%;
  }
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list .list-item + .list-item {
    margin-top: 50px;
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header .instructions__list .list-item + .list-item {
    margin-top: 0;
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header .instructions__list .list-item:nth-child(1) {
    width: 380px;
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header .instructions__list .list-item:nth-child(2) {
    width: 220px;
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header .instructions__list .list-item:nth-child(3) {
    width: 430px;
  }
}
.dedmoroz .dedmoroz__header .instructions__list .instruction {
  padding: 20px 15px;
  display: table;
  width: 100%;
  height: 150px;
  font-size: 12px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction {
    height: auto;
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction {
    height: 100%;
  }
}
.dedmoroz .dedmoroz__header .instructions__list .instruction a {
  color: #fff;
}
.dedmoroz .dedmoroz__header .instructions__list .instruction > div {
  display: table-cell;
  vertical-align: top;
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__icon {
  width: 40px;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction__icon {
    width: 50px;
  }
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__icon img {
  display: block;
  width: 100%;
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__content {
  padding-left: 10px;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction__content {
    padding-left: 15px;
  }
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__address {
  display: inline-block;
  margin-top: 5px;
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction__address {
    font-size: 15px;
  }
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__address:hover {
  text-decoration: none;
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__address:before {
  content: '';
  margin-right: 4px;
  display: inline-block;
  width: 13px;
  height: 16px;
  background-image: url("/img/dedmoroz/icon-place-holder.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: top;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction__address:before {
    margin-right: 6px;
    height: 18px;
  }
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction__next {
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin: 0 0 0 -1px;
    width: 2px;
    height: 30px;
    background-color: #fff;
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction__next {
    top: 50%;
    right: -90px;
    bottom: auto;
    left: auto;
    margin: -1px 0 0 0;
    width: 70px;
    height: 2px;
  }
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction__next:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -4px;
    padding: 4px;
    display: inline-block;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}
@media (min-width: 1440px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction__next:after {
    top: -4px;
    right: 0;
    bottom: auto;
    left: auto;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__title {
  margin-bottom: 15px;
  font-weight: bold;
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__tooltip {
  position: relative;
  margin-left: 3px;
  display: inline;
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__tooltip .tooltip__icon {
  position: absolute;
  top: 0;
  left: 0;
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__tooltip .tooltip__icon:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-image: url("/img/dedmoroz/icon-tip.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__tooltip .tooltip__icon:hover:before {
  opacity: .4;
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__tooltip .tooltip__icon:hover span {
  visibility: visible;
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__tooltip span {
  visibility: hidden;
  position: absolute;
  left: -170px;
  bottom: 10px;
  padding: 10px;
  width: 200px;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction__tooltip span {
    left: -30px;
  }
}
.dedmoroz .dedmoroz__header .instructions__list .instruction__tooltip span:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 165px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.4);
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__header .instructions__list .instruction__tooltip span:after {
    left: 25px;
  }
}
.dedmoroz .dedmoroz__body {
  background-color: #fff;
}
@media (min-width: 864px) {
}
@media (min-width: 1030px) {
}
.dedmoroz .dedmoroz__body .container {
  padding: 0;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups {
  padding: 20px 0 50px;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes {
  position: relative;
  overflow: hidden;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_title {
  padding: 20px 10px;
  font-size: 18px;
  font-family: 'Lobster', cursive;
  cursor: pointer;
  background-image: linear-gradient(to right, #A4A4A4 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 7px 1px;
  background-repeat: repeat-x;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_title {
    padding: 20px;
    font-size: 25px;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list {
  position: relative;
  padding: 0 10px;
  max-height: 0;
  opacity: 0;
  transition: all 0.2s ease-out;
  z-index: 2;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list {
    padding: 0 20px;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item {
  position: relative;
  /*padding: 15px 0;*/
  padding: 30px 20px;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item {
    padding: 15px 0;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item:nth-child(2n+1) {
  background-color: #F8F8F8;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item:nth-child(2n+1) {
    background-color: initial;
  }
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item:nth-child(2n+3) {
    background-color: #F8F8F8;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item:hover {
  background-color: #FDF4F4 !important;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group {
  padding: 0;
  background-color: #fff !important;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group {
    background-color: transparent !important;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group:hover {
  background-color: #fff !important;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group .list-item {
  position: relative;
  padding: 30px 20px;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group .list-item {
    padding: 15px 0;
    display: table;
    width: 100%;
  }
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group .list-item:after {
    content: '';
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
  }
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group .list-item > * {
    display: table-cell;
    vertical-align: middle;
    box-sizing: content-box;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group .list-item:nth-child(2n+1) {
  background-color: #F8F8F8;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group .list-item:nth-child(2n+1) {
    background-color: initial;
  }
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group .list-item:nth-child(2n) {
    background-color: #F8F8F8;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__group .list-item:hover {
  background-color: #FDF4F4 !important;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__head {
  display: none;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__head {
    padding-bottom: 15px;
    display: block;
    color: #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__head:hover {
  background-color: #fff !important;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes_list > .list-item__head .wish__present:before {
  display: none;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish {
  position: relative;
  font-size: 14px;
  overflow: hidden;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish {
    display: table;
    width: 100%;
  }
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish > * {
    display: table-cell;
    vertical-align: middle;
    box-sizing: content-box;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__list {
  clear: both;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__list {
    padding-top: 0;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__author {
  float: left;
  margin-bottom: 20px;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__author {
    margin: 0;
    padding-left: 20px;
    float: none;
    width: 200px;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__author strong {
  display: block;
  margin-bottom: 10px;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__author strong {
    display: none;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__author .num {
  display: inline-block;
  width: 40px;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__age {
  float: right;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__age {
    float: none;
    width: 80px;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__present {
  margin-bottom: 20px;
  line-height: 20px;
  font-weight: bold;
  clear: both;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__present {
    margin: 0;
    padding: 0 0 0 20px;
    font-weight: normal;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__present:before {
  content: '';
  float: left;
  margin-right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/img/dedmoroz/icon-gift.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__present .present {
  padding-left: 30px;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__letter {
  position: absolute;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__letter {
    position: initial;
    float: none;
    width: 60px;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__letter .letter {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("/img/dedmoroz/icon-mail.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__letter .letter {
    margin: 0 auto;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__letter .letter:hover {
  opacity: .9;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__give {
  margin: 0 50px;
  text-align: center;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__give {
    padding-right: 20px;
    width: 160px;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__give .give {
  margin: 0 auto;
  width: 100%;
  height: 40px;
  max-width: 180px;
  cursor: pointer;
  color: #fff;
  font-size: 13px;
  text-align: center;
  background-color: #E63935;
  border: none;
  border-radius: 5px;
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__give .give {
    float: right;
    width: 140px;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups .group__wishes .wish__give .give:hover {
  opacity: .9;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups i {
  position: absolute;
  top: 0;
  right: 16px;
  margin-top: 25px;
  transform: translate(-6px, 0);
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups i {
    margin-top: 30px;
    transform: translate(-20px, 0);
  }
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups i {
    margin-top: 30px;
    transform: translate(-20px, 0);
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups i:before,
.dedmoroz .dedmoroz__body .dedmoroz__groups i:after {
  content: "";
  position: absolute;
  background-color: #272424;
  width: 3px;
  height: 14px;
  transition: all 0.2s ease-out;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups i:before,
  .dedmoroz .dedmoroz__body .dedmoroz__groups i:after {
    width: 4px;
    height: 20px;
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups i:before {
  transform: translate(-4px, 0) rotate(45deg);
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups i:before {
    transform: translate(-6px, 0) rotate(45deg);
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups i:after {
  transform: translate(4px, 0) rotate(-45deg);
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups i:after {
    transform: translate(6px, 0) rotate(-45deg);
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups input[type=checkbox]:checked ~ .group__wishes_title {
  color: #E51505;
  background-image: none;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups input[type=checkbox]:checked ~ .group__wishes_list {
  max-height: 100%;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups input[type=checkbox]:checked ~ i:before,
.dedmoroz .dedmoroz__body .dedmoroz__groups input[type=checkbox]:checked ~ i:after {
  background-color: #E51505;
}
.dedmoroz .dedmoroz__body .dedmoroz__groups input[type=checkbox]:checked ~ i:before {
  transform: translate(4px, 0) rotate(45deg);
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups input[type=checkbox]:checked ~ i:before {
    transform: translate(6px, 0) rotate(45deg);
  }
}
.dedmoroz .dedmoroz__body .dedmoroz__groups input[type=checkbox]:checked ~ i:after {
  transform: translate(-4px, 0) rotate(-45deg);
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .dedmoroz__groups input[type=checkbox]:checked ~ i:after {
    transform: translate(-6px, 0) rotate(-45deg);
  }
}
.dedmoroz .dedmoroz__body .ending__wrap {
  width: 100%;
  overflow: hidden;
  background-color: #EA3337;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .ending__wrap {
    height: 310px;
  }
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .ending__wrap {
    height: 160px;
  }
}
.dedmoroz .dedmoroz__body .ending {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .ending {
    float: left;
    display: table;
    max-width: 100%;
    background-color: transparent;
    background-image: url("/img/dedmoroz/ending-desktop.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right center;
  }
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .ending {
    background-position: right -100px;
  }
}
.dedmoroz .dedmoroz__body .ending__content {
  padding: 50px 25px;
  color: #fff;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .ending__content {
    padding: 0 340px 0 20px;
    display: table-cell;
    vertical-align: middle;
  }
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .ending__content {
    padding-right: 380px;
  }
}
.dedmoroz .dedmoroz__body .ending__title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
}
.dedmoroz .dedmoroz__body .ending__text {
  font-size: 14px;
  line-height: 18px;
}
.dedmoroz .dedmoroz__body .ending__partners {
  margin-top: 30px;
  text-align: center;
}
.dedmoroz .dedmoroz__body .ending__partners:after {
  content: '';
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .ending__partners {
    position: absolute;
    right: 175px;
    top: 50%;
    margin: -60px 0 0 0;
    max-width: 150px;
  }
}
@media (min-width: 1030px) {
  .dedmoroz .dedmoroz__body .ending__partners {
    right: 210px;
  }
}
.dedmoroz .dedmoroz__body .ending__partners a {
  margin: 0 10px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 864px) {
  .dedmoroz .dedmoroz__body .ending__partners a {
    margin: 5px;
  }
}
.dedmoroz .dedmoroz__body .ending__partners_nashe {
  width: 100px;
  height: 50px;
  background-image: url("/img/dedmoroz/nashe-logo.svg");
}
.dedmoroz .dedmoroz__body .ending__partners_rentv {
  background-image: url("/img/dedmoroz/logo-ren.svg");
}
.dedmoroz .dedmoroz__body .ending__partners_serov {
  width: 130px;
  height: 45px;
  background-image: url("/img/dedmoroz/serov-logo.svg");
}
.dedmoroz__app {
  padding: 30px 15px 15px;
  width: 100%;
  max-width: 340px;
  color: #fff;
  text-align: center;
  background-color: #E63935;
}
@media (min-width: 864px) {
  .dedmoroz__app {
    padding: 15px;
    max-width: 100%;
    width: 600px;
    color: #000;
    background-image: url("/img/dedmoroz/app-pattern.png");
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}
.dedmoroz__app_close {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 16px;
  height: 16px;
  opacity: 0.8;
  cursor: pointer;
}
@media (min-width: 864px) {
  .dedmoroz__app_close {
    right: 20px;
    top: 20px;
  }
}
.dedmoroz__app_close:hover {
  opacity: 1;
}
.dedmoroz__app_close:before,
.dedmoroz__app_close:after {
  position: absolute;
  left: 7px;
  content: '';
  height: 17px;
  width: 2px;
  background-color: #fff;
}
@media (min-width: 864px) {
  .dedmoroz__app_close:before,
  .dedmoroz__app_close:after {
    background-color: #333;
  }
}
.dedmoroz__app_close:before {
  transform: rotate(45deg);
}
.dedmoroz__app_close:after {
  transform: rotate(-45deg);
}
@media (min-width: 864px) {
  .dedmoroz__app_stamp {
    position: absolute;
    right: 70px;
    bottom: 40px;
    width: 136px;
    height: 70px;
    background-image: url("/img/dedmoroz/icon-stamp.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
  }
}
@media (min-width: 864px) {
  .dedmoroz__app_content {
    position: relative;
    padding: 40px 70px;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
}
.dedmoroz__app_title,
.dedmoroz__app_author,
.dedmoroz__app_present,
.dedmoroz__app_about {
  font-family: 'Lobster', cursive;
  font-weight: 400;
}
.dedmoroz__app_title {
  margin-bottom: 10px;
  font-size: 27px;
}
.dedmoroz__app_place {
  padding: 10px 0;
  font-size: 12px;
  opacity: .5;
}
.dedmoroz__app_author:after,
.dedmoroz__app_present:after {
  position: relative;
  content: "";
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  margin-bottom: 15px;
  margin-top: 5px;
  border-bottom: 4px dotted #fff;
  opacity: .5;
}
@media (min-width: 864px) {
  .dedmoroz__app_author:after,
  .dedmoroz__app_present:after {
    border-color: #A4A4A4;
  }
}
.dedmoroz__app_about {
  margin: 0 -15px;
  line-height: 40px;
  background-color: #FF5555;
}
@media (min-width: 864px) {
  .dedmoroz__app_about {
    margin: 0 -70px;
    background-color: #F8F8F8;
  }
}
.dedmoroz__app_form {
  margin-top: 10px;
  font-size: 14px;
  text-align: left;
}
.dedmoroz__app_form label {
  display: block;
  line-height: 24px;
  font-weight: bold;
}
.dedmoroz__app_form input {
  margin-bottom: 10px;
  padding: 0 10px;
  display: block;
  width: 100%;
  color: #fff;
  line-height: 30px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 5px;
}
@media (min-width: 864px) {
  .dedmoroz__app_form input {
    color: #000;
    border-color: #BBBBBB;
  }
}
.dedmoroz__app_form .form__send {
  margin: 15px auto 0;
  display: block;
  width: 100%;
  height: 40px;
  max-width: 140px;
  color: #E63935;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}
@media (min-width: 864px) {
  .dedmoroz__app_form .form__send {
    margin: 15px 0 0 0;
    color: #fff;
    background-color: #E63935;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.karaoke {
  width: 100%;
}
.karaoke ul,
.karaoke ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.karaoke p {
  margin: 0;
}
.karaoke p + p {
  margin: 20px 0 0;
}
.karaoke__sharing {
  margin: 40px 0;
  border: none;
}
.karaoke__cover {
  margin: 0 -20px;
  padding-bottom: 77.2%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 544px) {
  .karaoke__cover {
    margin: 0;
    padding-bottom: 42.5%;
  }
}
.nashe .karaoke__cover {
  padding-bottom: 88.1%;
  background-image: url("/img/karaoke/nashe/karaoke-mobile.jpg?v3");
}
@media (min-width: 544px) {
  .nashe .karaoke__cover {
    padding-bottom: 42.5%;
    background-image: url("/img/karaoke/nashe/karaoke-desktop.jpg?v3");
  }
}
.rock .karaoke__cover {
  background-image: url("/img/karaoke/rock/karaoke-mobile.jpg");
}
@media (min-width: 544px) {
  .rock .karaoke__cover {
    background-image: url("/img/karaoke/rock/karaoke-desktop.jpg");
  }
}
.karaoke__stroke {
  position: relative;
  margin: 0 -20px;
  padding-bottom: 65.2%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 700px) {
  .karaoke__stroke {
    margin: 0;
    padding-bottom: 26.59%;
  }
}
.nashe .karaoke__stroke {
  background-image: url("/img/karaoke/nashe/karaoke-stroke-mobile.jpg");
}
@media (min-width: 700px) {
  .nashe .karaoke__stroke {
    background-image: url("/img/karaoke/nashe/karaoke-stroke-desktop.jpg");
  }
}
.rock .karaoke__stroke {
  background-image: url("/img/karaoke/rock/karaoke-stroke-mobile.jpg");
}
@media (min-width: 700px) {
  .rock .karaoke__stroke {
    background-image: url("/img/karaoke/rock/karaoke-stroke-desktop.jpg");
  }
}
.karaoke__stroke_inner {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  padding: 0 30px;
  width: 100%;
  height: 100%;
}
.nashe .karaoke__stroke_inner {
  color: #FDF7D1;
}
.rock .karaoke__stroke_inner {
  color: #F6F6F6;
}
.karaoke__stroke_hand {
  margin: 0 0 10px;
  width: 48px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.nashe .karaoke__stroke_hand {
  background-image: url("/img/karaoke/nashe/hand.svg");
}
.rock .karaoke__stroke_hand {
  background-image: url("/img/karaoke/rock/hand.svg");
}
@media (min-width: 544px) {
  .karaoke__stroke_hand {
    margin: 0 0 20px;
  }
}
@media (min-width: 700px) {
  .karaoke__stroke_hand {
    margin: 0 0 15px;
  }
}
.karaoke__stroke_top {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 544px) {
  .karaoke__stroke_top {
    font-size: 14px;
  }
}
.karaoke__stroke_title {
  font-size: 17px;
  text-align: center;
}
@media (min-width: 544px) {
  .karaoke__stroke_title {
    max-width: 80%;
    font-size: 24px;
  }
}
@media (min-width: 700px) {
  .karaoke__stroke_title {
    max-width: 60%;
  }
}
@media (min-width: 864px) {
  .karaoke__stroke_title {
    font-size: 28px;
  }
}
.karaoke__stroke_subtitle {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 544px) {
  .karaoke__stroke_subtitle {
    margin: 0 0 20px;
  }
}
@media (min-width: 700px) {
  .karaoke__stroke_subtitle {
    margin: 0 0 15px;
  }
}
.karaoke__stroke_text {
  font-size: 12px;
  text-align: center;
}
@media (min-width: 544px) {
  .karaoke__stroke_text {
    max-width: 80%;
    font-size: 14px;
  }
}
@media (min-width: 700px) {
  .karaoke__stroke_text {
    max-width: 60%;
  }
}
@media (min-width: 864px) {
  .karaoke__stroke_text {
    font-size: 16px;
  }
}
.karaoke__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px 0 0;
}
.karaoke__empty_icon {
  margin: 0 0 10px;
  width: 92px;
  height: 92px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.nashe .karaoke__empty_icon {
  background-image: url("/img/karaoke/nashe/mic.svg");
}
.rock .karaoke__empty_icon {
  background-image: url("/img/karaoke/rock/mic.svg");
}
@media (min-width: 544px) {
  .karaoke__empty_icon {
    margin: 0 0 20px;
  }
}
@media (min-width: 700px) {
  .karaoke__empty_icon {
    margin: 0 0 15px;
  }
}
.karaoke__empty_text {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}
.karaoke__text {
  margin: 20px 0 0;
  color: #3B3B3B;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
}
@media (min-width: 544px) {
  .karaoke__text {
    margin: 25px 0 0;
    line-height: 30px;
  }
}
.karaoke__song {
  position: relative;
  overflow: hidden;
  color: #3B3B3B;
}
.karaoke__song_title {
  padding: 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(135, 135, 135, 0.2);
  cursor: pointer;
}
@media (min-width: 864px) {
  .karaoke__song_title {
    padding: 30px 20px;
    font-size: 18px;
  }
}
.karaoke__song_list {
  position: relative;
  padding: 0;
  max-height: 0;
  opacity: 0;
  transition: all 0.2s ease-out;
  z-index: 2;
}
.karaoke__song_list > .list-item {
  position: relative;
  /*padding: 15px 0;*/
  padding: 30px 20px;
  /*
                &:hover {
                    background-color: rgba(255, 255, 255, 0.05);
                }*/
}
@media (min-width: 864px) {
  .karaoke__song_list > .list-item {
    padding: 25px 0;
  }
}
.karaoke__song_list > .list-item:nth-child(2n+1) {
  background-color: rgba(185, 185, 185, 0.1);
}
.karaoke__song .line {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  overflow: hidden;
  min-height: 50px;
}
@media (min-width: 864px) {
  .karaoke__song .line {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
  }
}
.karaoke__song .line__text {
  font-size: 16px;
  line-height: 25px;
  text-align: center;
}
@media (min-width: 864px) {
  .karaoke__song .line__text {
    width: 100%;
    text-align: initial;
  }
}
.karaoke__song .line__text strong {
  display: block;
  margin-bottom: 10px;
}
@media (min-width: 864px) {
  .karaoke__song .line__text strong {
    display: none;
  }
}
.karaoke__song .line__text span {
  opacity: .6;
}
.karaoke__song .line__take {
  margin: 20px 0 0;
  text-align: center;
}
@media (min-width: 864px) {
  .karaoke__song .line__take {
    margin: 0 0 0 20px;
  }
}
.karaoke__song .line__take .take {
  margin: 15px auto 0;
  display: block;
  width: 190px;
  height: 50px;
  line-height: 50px;
  letter-spacing: 0.03em;
  color: #3B3B3B;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #3B3B3B;
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 50px;
}
@media (min-width: 864px) {
  .karaoke__song .line__take .take {
    margin: 0;
  }
}
.karaoke__song .line__take .take:hover {
  color: #FFF;
}
.nashe .karaoke__song .line__take .take:hover {
  border-color: #E63935;
  background-color: #E63935;
}
.rock .karaoke__song .line__take .take:hover {
  border-color: #8D8CAE;
  background-color: #8D8CAE;
}
.karaoke__song .line__take .take:active {
  opacity: .8;
}
.karaoke__song .line__take .take_done {
  height: auto;
  border: 1px solid transparent;
  background-color: transparent;
  opacity: 1 !important;
  pointer-events: none;
  font-size: 12px;
  line-height: inherit;
}
.karaoke__song .line__take .take_done:hover {
  color: #FFF;
  background-color: transparent;
}
.karaoke__song .line__take .take_singer {
  max-width: 250px;
  width: auto;
}
.karaoke__song .line__take .take_singer .singer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.karaoke__song .line__take .take_singer .singer__cover {
  flex-shrink: 0;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 25px;
}
.karaoke__song .line__take .take_singer .singer__title {
  min-width: 80px;
  line-height: 14px;
  text-align: left;
  text-transform: uppercase;
}
.karaoke__song i {
  position: absolute;
  top: 0;
  right: 26px;
  margin-top: 25px;
  transform: translate(-6px, 0);
}
@media (min-width: 864px) {
  .karaoke__song i {
    margin-top: 30px;
    transform: translate(-20px, 0);
  }
}
.karaoke__song i:before,
.karaoke__song i:after {
  content: "";
  position: absolute;
  background-color: #3B3B3B;
  width: 3px;
  height: 14px;
  transition: all 0.2s ease-out;
}
@media (min-width: 864px) {
  .karaoke__song i:before,
  .karaoke__song i:after {
    width: 4px;
    height: 20px;
  }
}
.karaoke__song i:before {
  transform: translate(4px, 0) rotate(45deg);
}
@media (min-width: 864px) {
  .karaoke__song i:before {
    transform: translate(6px, 0) rotate(45deg);
  }
}
.karaoke__song i:after {
  transform: translate(-4px, 0) rotate(-45deg);
}
@media (min-width: 864px) {
  .karaoke__song i:after {
    transform: translate(-6px, 0) rotate(-45deg);
  }
}
.karaoke__song input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.karaoke__song input[type=checkbox]:checked ~ .karaoke__song_title {
  border: none;
}
.karaoke__song input[type=checkbox]:checked ~ .karaoke__song_list {
  max-height: 100%;
  opacity: 1;
  transition: all 0.2s ease-out;
}
.karaoke__song input[type=checkbox]:checked ~ i:before {
  transform: translate(-4px, 0) rotate(45deg);
}
@media (min-width: 864px) {
  .karaoke__song input[type=checkbox]:checked ~ i:before {
    transform: translate(-6px, 0) rotate(45deg);
  }
}
.karaoke__song input[type=checkbox]:checked ~ i:after {
  transform: translate(4px, 0) rotate(-45deg);
}
@media (min-width: 864px) {
  .karaoke__song input[type=checkbox]:checked ~ i:after {
    transform: translate(6px, 0) rotate(-45deg);
  }
}
.karaoke__instruction {
  margin: 30px auto 0;
  max-width: 80%;
}
.karaoke__instruction .instruction {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.karaoke__instruction .instruction .important {
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
}
.nashe .karaoke__instruction .instruction .important {
  color: #E63935;
}
.rock .karaoke__instruction .instruction .important {
  color: #8D8CAE;
}
.karaoke__instruction .instruction a.important:hover {
  opacity: .8;
}
.karaoke__instruction .instruction__line + .instruction__line:before {
  content: "";
  display: block;
  margin: 20px auto;
  width: 0;
  height: 70px;
  border-left: 1px dashed #333;
}
.karaoke__instruction .instruction__num {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  color: #FFF;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
  border-radius: 25px;
}
.nashe .karaoke__instruction .instruction__num {
  background-color: #E63935;
}
.rock .karaoke__instruction .instruction__num {
  background-color: #8D8CAE;
}
.karaoke__instruction .instruction__text {
  margin: 15px 0 0;
  text-align: center;
}
.karaoke__field {
  position: relative;
  max-width: 550px;
  width: 100%;
}
.karaoke__field_error {
  position: absolute;
  bottom: -17px;
  left: 0;
  display: none;
  padding: 0 15px;
  color: #E63935;
  font-size: 12px;
}
.karaoke__field_invalid .karaoke__field_error {
  display: block;
}
.karaoke__input {
  width: 100%;
  height: 40px;
  border: 1px solid #000;
  border-radius: 20px;
}
.nashe .karaoke__input {
  border-color: #E63935;
}
.rock .karaoke__input {
  border-color: #8D8CAE;
}
.karaoke__input input {
  padding: 0 15px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
}
.karaoke__video {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 30px 0 0;
  padding: 20px 10px 25px;
  background-color: #F8F8F8;
  border-radius: 10px;
}
@media (min-width: 544px) {
  .karaoke__video {
    flex-direction: row;
    margin: 40px 0 0;
  }
}
.karaoke__video_button {
  margin: 10px 0 0;
  width: 100%;
  max-width: 150px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  border: none;
  border-radius: 20px;
}
.nashe .karaoke__video_button {
  background-color: #E63935;
}
.rock .karaoke__video_button {
  background-color: #8D8CAE;
}
.karaoke__video_button:hover {
  opacity: .9;
}
@media (min-width: 544px) {
  .karaoke__video_button {
    margin: 0 0 0 15px;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.katok__fullscreen {
  position: relative;
  background-color: #33A0EA;
  margin-bottom: -150px;
  padding-bottom: 400px;
  background-image: url("/img/katok/footer-decor.png");
  background-position: bottom center;
  background-size: auto 300px;
  background-repeat: repeat-x;
}
@media (min-width: 544px) {
  .katok__fullscreen {
    margin-bottom: -210px;
  }
}
.katok__container {
  padding-top: 35px;
}
@media (min-width: 1030px) {
  .katok__container {
    padding-top: 60px;
  }
}
.katok__promo {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 20px;
  padding-bottom: 145px;
  position: relative;
  background-image: url("/img/katok/pattern.png");
  margin-bottom: -125px;
}
@media (min-width: 544px) {
  .katok__promo {
    padding-bottom: 170px;
    margin-bottom: -150px;
  }
}
@media (min-width: 1030px) {
  .katok__promo {
    padding-bottom: 185px;
    margin-bottom: -165px;
  }
}
.katok__promo:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 125px;
  display: block;
  content: '';
  background: linear-gradient(360deg, #33A0EA 1.77%, rgba(51, 160, 234, 0) 99.22%);
}
@media (min-width: 544px) {
  .katok__promo:after {
    height: 150px;
  }
}
@media (min-width: 1030px) {
  .katok__promo:after {
    height: 165px;
  }
}
.katok__logo {
  margin-left: auto;
  margin-right: auto;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 825px;
  width: 85%;
  max-height: 90%;
  background-image: url("/img/katok/logo-new.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.katok__logo:before {
  display: block;
  content: '';
  padding-top: 73%;
}
.katok__competition {
  display: block;
  position: absolute;
  left: 0;
  bottom: 140px;
  width: 109px;
  height: 40px;
}
@media (min-width: 544px) {
  .katok__competition {
    bottom: 165px;
  }
}
@media (min-width: 1030px) {
  .katok__competition {
    width: 190px;
    height: 70px;
    bottom: 205px;
  }
}
.katok__competition:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 92px;
  height: 100%;
  display: block;
  border-radius: 10px;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
@media (min-width: 1030px) {
  .katok__competition:before {
    width: 160px;
  }
}
.katok__competition:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/katok/banner.png");
}
.katok__slide {
  display: block;
  text-decoration: none;
  position: relative;
  width: 250px;
  height: 250px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.katok__slide:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .2s;
  background-color: white;
}
.katok__slide:hover:before {
  opacity: .1;
}
@media (min-width: 544px) {
  .katok__slide {
    width: 300px;
    height: 300px;
  }
}
@media (min-width: 1030px) {
  .katok__slide {
    width: 330px;
    height: 330px;
  }
}
.katok__content {
  padding-bottom: 40px;
}
@media (min-width: 1233px) {
  .katok__content {
    display: flex;
    padding-bottom: 80px;
  }
}
.katok__direct {
  margin-top: 15px;
  margin-right: -20px;
  margin-left: -20px;
}
@media (min-width: 1233px) {
  .katok__direct {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
  }
}
.katok__tile {
  color: white;
}
@media (min-width: 1233px) {
  .katok__tile {
    flex-grow: 1;
    margin-right: 30px;
  }
}
.katok__text {
  margin: 0;
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #FFFFFF;
}
@media (min-width: 1030px) {
  .katok__text {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
  }
}
.katok__text_strong {
  font-weight: bold;
  margin-bottom: 10px;
}
@media (min-width: 1030px) {
  .katok__text_strong {
    margin-bottom: 10px;
  }
}
.katok__list {
  margin: 0;
  padding: 0;
  padding-left: 15px;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}
@media (min-width: 1030px) {
  .katok__list {
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 30px;
  }
}
.katok__list .list-item {
  margin-bottom: 15px;
}
.katok__points {
  color: red;
}
.katok__title {
  font-weight: bold;
  font-size: 25px;
  line-height: 25px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: white;
  margin-bottom: 30px;
}
@media (min-width: 1030px) {
  .katok__title {
    margin-bottom: 60px;
  }
}
.katok__tip {
  padding-left: 65px;
  padding-right: 20px;
  padding-top: 30px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background-image: url("/img/icons/tip.svg");
  min-height: 35px;
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: left 20px top 30px;
  font-style: italic;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
}
@media (min-width: 1030px) {
  .katok__tip {
    margin-bottom: 30px;
  }
}
@media (min-width: 1233px) {
  .katok__tip {
    margin-left: 0;
    margin-right: 0;
    padding-left: 55px;
    padding-right: 10px;
    background-position: left 10px top 30px;
  }
}
.katok__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  transition: background-color 0.2s;
  padding: 10px;
  margin-right: -20px;
  margin-left: -20px;
  font-size: 16px;
  line-height: 25px;
  color: white;
}
@media (min-width: 1233px) {
  .katok__item {
    margin-right: 0;
    margin-left: 0;
  }
}
.katok__item:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}
.katok__item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
@media (min-width: 544px) {
  .katok__item {
    padding: 20px;
  }
}
.katok__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 10px;
  margin-right: -20px;
  margin-left: -20px;
  opacity: .3;
}
@media (min-width: 544px) {
  .katok__header {
    padding: 20px;
  }
}
@media (min-width: 1233px) {
  .katok__header {
    margin-right: 0;
    margin-left: 0;
  }
}
.katok__number,
.katok__name,
.katok__rating {
  margin: 0;
}
.katok__number {
  width: 25%;
}
@media (min-width: 1233px) {
  .katok__number {
    width: 45%;
  }
}
.katok__name {
  width: 65%;
}
@media (min-width: 1233px) {
  .katok__name {
    width: 45%;
  }
}
.katok__rating {
  width: 20%;
}
@media (min-width: 1233px) {
  .katok__rating {
    width: 10%;
  }
}
.katok__results {
  display: flex;
  flex-direction: column;
}
.katok__button {
  -ms-grid-row-align: center;
  align-self: center;
  margin-top: 20px;
  min-width: 190px;
}
.katok__rules {
  display: inline-block;
  margin: 20px 0 0;
  color: #FFF;
}
.swiper-container-katok {
  width: 100%;
  padding-bottom: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swiper-container-katok .swiper-slide {
  width: auto;
  padding-bottom: 25px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@keyframes nashedelo_spinner {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Udc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0ddc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Vdc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0adc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Wdc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Xdc1GAK6bt6o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Zdc1GAK6b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOX-hpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOVuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXOhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.ndelo {
  position: relative;
  counter-reset: chevron;
  color: white;
  background: #647794;
}
.ndelo__header {
  position: relative;
  overflow: hidden;
  height: 500px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: right;
  text-transform: uppercase;
  background: #647794;
}
@media (max-width: 1030px) {
  .ndelo__header {
    height: 280px;
  }
}
@media (max-width: 544px) {
  .ndelo__header {
    height: auto;
  }
}
.ndelo__header-delimiter {
  position: absolute;
  z-index: 20;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 520px;
  margin-left: -357px;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("/img/nashedelo/delimiter.png");
}
@media (max-width: 544px) {
  .ndelo__header-delimiter {
    left: 85% !important;
    width: 190px !important;
    height: 170px !important;
  }
}
@media (max-width: 1030px) {
  .ndelo__header-delimiter {
    width: 290px;
    margin-left: -145px;
  }
}
.ndelo__header-swiper {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
}
@media (max-width: 544px) {
  .ndelo__header-swiper {
    width: 85% !important;
    height: 170px;
  }
}
.ndelo__header-swiper .swiper-container {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}
.ndelo__header-swiper .swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ndelo__header-swiper .swiper-slide_1 {
  background-image: url("/img/nashedelo/01-photo.jpg");
}
.ndelo__header-swiper .swiper-slide_2 {
  background-image: url("/img/nashedelo/02-photo.jpg");
}
.ndelo__header-swiper .swiper-slide_3 {
  background-image: url("/img/nashedelo/03-photo.jpg");
}
.ndelo__header-bg {
  position: absolute;
  position: none;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  background: #647794;
}
@media (max-width: 544px) {
  .ndelo__header-bg {
    left: 85% !important;
    height: 170px !important;
  }
}
.ndelo__header-bg:after,
.ndelo__header-bg:before {
  position: absolute;
  left: -250px;
  width: 0;
  height: 0;
  content: '';
  border-left: 250px solid transparent;
}
@media (max-width: 1030px) {
  .ndelo__header-bg:after,
  .ndelo__header-bg:before {
    left: -120px;
    border-left: 140px solid transparent;
  }
}
.ndelo__header-bg:before {
  top: 0;
  border-top: 250px solid #647794;
}
@media (max-width: 1030px) {
  .ndelo__header-bg:before {
    border-top-width: 140px;
  }
}
.ndelo__header-bg:after {
  bottom: 0;
  border-bottom: 250px solid #647794;
}
@media (max-width: 1030px) {
  .ndelo__header-bg:after {
    border-bottom-width: 140px;
  }
}
.ndelo__header-content {
  position: relative;
  z-index: 25;
  padding: 20px 0;
}
@media (max-width: 1030px) {
  .ndelo__header-content {
    padding: 10px 0;
  }
}
@media (max-width: 544px) {
  .ndelo__header-content {
    margin-top: 170px !important;
    padding-bottom: 33px !important;
    text-align: center;
  }
}
.ndelo__header-government {
  width: 357px;
  height: 56px;
  margin-left: auto;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 213px;
  background-image: url("/img/nashedelo/government.png");
  margin-bottom: 53px;
}
@media (max-width: 1030px) {
  .ndelo__header-government {
    width: 191px;
    height: 30px;
    background-size: 110px;
    margin-bottom: 8px;
  }
  .ndelo__header-government:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 544px) {
  .ndelo__header-government {
    margin-right: auto !important;
    margin-left: auto !important;
    background-position: center;
  }
}
.ndelo__header-government:last-child {
  margin-bottom: 0;
}
.ndelo__header-top {
  font-size: 20px;
  font-weight: bold;
  line-height: 27px;
  margin-bottom: -15px;
}
@media (max-width: 1030px) {
  .ndelo__header-top {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: -5px;
  }
}
.ndelo__header-disclaimer {
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 60px;
}
.ndelo__header-disclaimer:last-child {
  margin-bottom: 0;
}
@media (max-width: 1030px) {
  .ndelo__header-disclaimer {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
  }
  .ndelo__header-disclaimer:last-child {
    margin-bottom: 0;
  }
}
.ndelo__header-disclaimer span {
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  display: block;
}
@media (max-width: 1030px) {
  .ndelo__header-disclaimer span {
    font-size: 10px;
  }
}
.ndelo__header-disclaimer br {
  display: none;
}
@media (max-width: 1030px) {
  .ndelo__header-disclaimer br {
    display: block;
  }
}
.ndelo__header-line2 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
@media (max-width: 1030px) {
  .ndelo__header-line2 {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .ndelo__header-line2:last-child {
    margin-bottom: 0;
  }
}
.ndelo__header-line2:last-child {
  margin-bottom: 0;
}
.ndelo__chevron {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 80px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: white;
  background: #526788;
  /* Optional: show position indicator in red */
}
@media (max-width: 1030px) {
  .ndelo__chevron {
    height: 65px;
  }
}
.ndelo__chevron > *::-webkit-scrollbar {
  width: 0 !important;
  /* Remove scrollbar space */
  height: 0 !important;
  /* Remove scrollbar space */
  background: transparent !important;
  /* Optional: just make scrollbar invisible */
}
.ndelo__chevron * {
  transition: 0;
}
.ndelo__chevron:after {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  content: '';
  pointer-events: none;
  background-color: #395479;
}
@media (max-width: 1643px) {
  .ndelo__chevron:after {
    left: 75%;
  }
}
@media (max-width: 1030px) {
  .ndelo__chevron:after {
    left: 80%;
  }
}
@media (max-width: 864px) {
  .ndelo__chevron:after {
    left: 85%;
  }
}
@media (max-width: 544px) {
  .ndelo__chevron:after {
    display: none;
  }
}
.ndelo__chevron-item {
  font-size: 14px;
  line-height: 19px;
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  min-width: 310px;
  height: inherit;
  padding-right: 20px;
  padding-left: 94px;
  white-space: nowrap;
}
@media (max-width: 1643px) {
  .ndelo__chevron-item {
    font-size: 12px;
    line-height: 16px;
    min-width: 0;
  }
}
@media (max-width: 1030px) {
  .ndelo__chevron-item {
    padding-left: 72px;
  }
}
.ndelo__chevron-item:nth-child(1) {
  background-color: #526788;
}
.ndelo__chevron-item:nth-child(3) {
  background-color: #486183;
}
.ndelo__chevron-item:nth-child(5) {
  background-color: #415d84;
}
.ndelo__chevron-item:nth-child(7) {
  background-color: #395479;
}
.ndelo__chevron-item span {
  display: block;
}
.ndelo__chevron-item span:first-child {
  font-weight: bold;
}
.ndelo__chevron-item:before {
  font-size: 25px;
  line-height: 50px;
  position: absolute;
  top: 50%;
  left: 22px;
  width: 50px;
  height: 50px;
  content: counter(chevron);
  counter-increment: chevron;
  transform: translate(0, -50%);
  text-align: center;
  color: white;
  border-radius: 50%;
  background-color: #607797;
}
@media (max-width: 1030px) {
  .ndelo__chevron-item:before {
    font-size: 20px;
    line-height: 40px;
    left: 15px;
    width: 40px;
    height: 40px;
  }
}
.ndelo__chevron-delimiter {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: 40px;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  background-image: url("/img/nashedelo/chevron.svg");
}
@media (max-width: 1030px) {
  .ndelo__chevron-delimiter {
    background-position: -5px;
  }
}
.ndelo__chevron-delimiter:after,
.ndelo__chevron-delimiter:before {
  position: absolute;
  left: 10px;
  content: '';
  border-left: 30px solid transparent;
}
.ndelo__chevron-delimiter:after {
  top: 0;
  border-top: 40px solid #486183;
}
.ndelo__chevron-delimiter:before {
  bottom: 0;
  border-bottom: 40px solid #486183;
}
.ndelo__chevron-delimiter:nth-child(4) {
  background-color: #486183;
}
.ndelo__chevron-delimiter:nth-child(4):after {
  border-top-color: #415d84;
}
.ndelo__chevron-delimiter:nth-child(4):before {
  border-bottom-color: #415d84;
}
.ndelo__chevron-delimiter:nth-child(6) {
  background-color: #415d84;
}
.ndelo__chevron-delimiter:nth-child(6):after {
  border-top-color: #395479;
}
.ndelo__chevron-delimiter:nth-child(6):before {
  border-bottom-color: #395479;
}
.ndelo__chevron-inner {
  display: flex;
  max-width: 1448px;
  height: inherit;
  margin: 0 auto;
}
@media (max-width: 864px) {
  .ndelo__chevron-inner {
    overflow: auto;
  }
}
.ndelo__popup {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  box-sizing: border-box;
  padding: 60px 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: width 0.3s, height 0.3s, border-radius 0.3s;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 1776px;
  background-image: url("/img/nashedelo/popup.svg");
}
@media screen and (max-width: 1643px) and (max-height: 1643px) {
  .ndelo__popup {
    background-size: 1500px;
  }
}
@media screen and (max-width: 1233px) and (max-height: 1233px) {
  .ndelo__popup {
    background-size: 1350px;
  }
}
@media screen and (max-width: 1030px) and (max-height: 1030px) {
  .ndelo__popup {
    background-size: 1200px;
  }
}
@media screen and (max-width: 864px) {
  .ndelo__popup {
    background: #647794;
  }
}
.ndelo__popup_visible {
  display: block;
}
@media screen and (min-height: 1184px) {
  .ndelo__popup_visible {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.ndelo__popup:before,
.ndelo__popup:after {
  position: fixed;
  z-index: 120;
  top: 50%;
  width: 400px;
  height: 400px;
  margin-top: -200px;
  content: '';
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/nashedelo/delimiter.png");
}
@media (max-width: 864px) {
  .ndelo__popup:before,
  .ndelo__popup:after {
    display: none;
  }
}
.ndelo__popup:before {
  right: 50%;
  margin-right: 538.18181818px;
}
@media (max-width: 1643px) {
  .ndelo__popup:before {
    margin-right: 454.54545455px;
  }
}
@media (max-width: 1233px) {
  .ndelo__popup:before {
    margin-right: 409.09090909px;
  }
}
@media (max-width: 1030px) {
  .ndelo__popup:before {
    margin-right: 363.63636364px;
  }
}
.ndelo__popup:after {
  left: 50%;
  margin-left: 538.18181818px;
  transform: rotate(180deg);
}
@media (max-width: 1643px) {
  .ndelo__popup:after {
    margin-left: 454.54545455px;
  }
}
@media (max-width: 1233px) {
  .ndelo__popup:after {
    margin-left: 409.09090909px;
  }
}
@media (max-width: 1030px) {
  .ndelo__popup:after {
    margin-left: 363.63636364px;
  }
}
.ndelo__popup-inner {
  box-sizing: border-box;
  max-width: 40%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
}
@media (max-width: 864px) {
  .ndelo__popup-inner {
    max-width: 480px;
  }
}
.ndelo__popup-close {
  position: fixed;
  z-index: 130;
  top: 20px;
  right: 20px;
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.25);
}
.ndelo__popup-head {
  margin-bottom: 35px;
}
.ndelo__popup-head:last-child {
  margin-bottom: 0;
}
.ndelo__fade {
  position: fixed;
  z-index: 90;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
}
.ndelo__popup-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: white;
}
.ndelo__popup-disclaimer {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
.ndelo__popup-submit {
  text-align: center;
}
.ndelo__popup-box {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
.ndelo__item {
  padding: 75px 0;
}
@media (max-width: 544px) {
  .ndelo__item {
    padding: 19px 0 34px;
  }
  .ndelo__item:first-child {
    padding-top: 0;
  }
}
.ndelo__item:nth-child(even) {
  background-color: #4e6077;
}
.ndelo__item-container {
  display: flex;
}
@media (max-width: 544px) {
  .ndelo__item-container {
    display: block;
  }
}
.ndelo__item-left {
  flex-shrink: 0;
  width: 320px;
  margin-right: 50px;
}
@media (max-width: 864px) {
  .ndelo__item-left {
    width: 227px;
    margin-right: 20px;
  }
}
@media (max-width: 544px) {
  .ndelo__item-left {
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .ndelo__item-left:last-child {
    margin-bottom: 0;
  }
}
.ndelo__item-photos {
  overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  margin-bottom: 20px;
}
.ndelo__item-photos:last-child {
  margin-bottom: 0;
}
@media (max-width: 544px) {
  .ndelo__item-photos {
    width: 100%;
    margin-right: 0;
  }
}
.ndelo__item-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  margin-bottom: 3px;
}
.ndelo__item-title:last-child {
  margin-bottom: 0;
}
.ndelo__item-box {
  margin-bottom: 17px;
}
.ndelo__item-box:last-child {
  margin-bottom: 0;
}
.ndelo__item-label {
  font-size: 14px;
  line-height: 16px;
  display: block;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 3px;
}
.ndelo__item-label:last-child {
  margin-bottom: 0;
}
.ndelo__item-text {
  font-size: 14px;
  line-height: 20px;
}
.ndelo__item-text,
.ndelo__item-text a {
  text-decoration: none;
  color: white;
}
.ndelo__item-photo {
  display: inline-block;
  width: 75px;
  height: 46px;
  margin-right: 10px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ndelo__item-photo:hover {
  opacity: .75;
}
.ndelo__item-photo:last-child {
  margin-right: 0;
}
.ndelo__item-photo:first-child {
  display: block;
  width: 100%;
  height: 200px;
  margin-right: 0;
  pointer-events: none;
  margin-bottom: 10px;
}
.ndelo__item-photo:first-child:last-child {
  margin-bottom: 0;
}
.ndelo__item-vote-accepted {
  font-size: 12px;
  line-height: 50px;
  display: inline-block;
  overflow: hidden;
  width: 131px;
  height: 50px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  text-transform: uppercase;
  text-overflow: ellipsis;
  pointer-events: none;
  color: #ea5365;
}
.ndelo__item-link {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: white;
  text-decoration: underline;
  transition: opacity .2s;
  opacity: .5;
}
.ndelo__item-link:hover {
  opacity: 1;
  text-decoration: none;
}
@media (min-width: 1233px) {
  .ndelo__item-link {
    margin-top: 50px;
  }
}
.ndelo__item-participants {
  display: flex;
  align-items: center;
}
.ndelo__item-arrow {
  margin-right: 10px;
  padding-left: 14px;
  padding-right: 10px;
  align-items: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 33px;
  background-image: url("/img/nashedelo/arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 864px) {
  .ndelo__item-arrow {
    padding-left: 18px;
    padding-right: 15px;
    font-size: 16px;
  }
}
.ndelo__item-count {
  font-weight: bold;
  font-size: 14px;
  line-height: 33px;
}
@media (min-width: 864px) {
  .ndelo__item-count {
    font-size: 16px;
  }
}
.ndelo__checkbox input {
  position: relative;
  left: -9999px;
}
.ndelo__checkbox input:checked + label:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIwSURBVHgB7ZrhUYMwFIAf6gCOgBu0G7STWCfQDcAN7ATiBI5AnaBskGxg//rr+V4h3nkHSRpSSHJ8d0+4Gpp810CSFzLoQMR7OjxTbLqIiYZin2VZpT7I+A9J5XSoKXKIG0mxJUGpxATEL6WQFOtbktrRyQ7SgW+pn4zEjnSygrQ4sBhCgtxAoixisbGIxcYiFghPFB82BWMRO0E7B6wodnS+N16B4fNNseppd6m7KHSxXikbuZC7ooS2+zWaMsPTQQwTge0aUdfuQvcFIYoJHCnFhCYm0IMUcwfhIKFb1g8VoPa+g+WiOJSHhwSPUkwIYvzU8yrF2HZFHvkl+E8hKKlT3z+xTQl+gks60OI+PA+SXAnFEf1x7Bo+1K5R9ZnE/o38XWU1jqfGK0oxOjGBA9MZ+rxCdyrQ96AcPfQMndjG0AAXucpCSqAHTL9YbmjIG9pTTSXFmO4xgWa50lwNllNKMTZPRYHj5MqppRjbuaJAN7lyDinmkkmwwMvkSkPZFV5Jirk0d69yD41Ojo9UptSU4WGE9+MGx7KxuGxKGOV0TCHFuEyCuUE1Gsa5Prprri7FuM7uldyj7QVd2UmkVIVjMcpxGZwYX6mBl5CkGJ85j6JHqsCZ8J3MKUKQYnwnc3iA/juHGVk212NjEYuNRSw2khY7QHo0LPYF6bHnAZqXEfxqXw5pIGkR/HDTbQhsod10iB0JrUv78Di/Q0uW0L4g4rTkn5kDxSvFWm1H/QJQUvdmcCt2UgAAAABJRU5ErkJggg==');
}
.ndelo__checkbox label {
  font-size: 12px;
  display: block;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: white;
}
.ndelo__checkbox label span {
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  overflow: hidden;
  max-width: 93%;
  height: 19px;
  padding-left: 5px;
  cursor: pointer;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ndelo__checkbox label:before {
  display: inline-block;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  content: '';
  vertical-align: top;
  border: 1px solid white;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.ndelo__checkbox + .ndelo__field-error {
  padding-top: 5px;
  padding-left: 29px;
}
.ndelo__upload {
  position: relative;
  height: 89px;
  cursor: pointer;
  text-align: center;
  border: 1px dashed #909bac;
  border-radius: 5px;
}
.ndelo__upload input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
}
.ndelo__upload label {
  font-size: 12px;
  line-height: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  height: inherit;
  padding: 0 40px;
  cursor: pointer;
  color: #c6c6c6;
  border-radius: 5px;
}
.ndelo__upload label span:first-child {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  display: block;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 10px;
}
.ndelo__upload label span:first-child:last-child {
  margin-bottom: 0;
}
.ndelo__radial-progress {
  pointer-events: none;
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: top;
  background-color: #65788F;
  border-radius: 50%;
}
.ndelo__radial-progress .circle .mask,
.ndelo__radial-progress .circle .fill {
  width: 50px;
  height: 50px;
  position: absolute;
  border-radius: 50%;
}
.ndelo__radial-progress .circle .mask,
.ndelo__radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: transform 1s;
  border-radius: 50%;
}
.ndelo__radial-progress .circle .mask {
  clip: rect(0px, 50px, 50px, 25px);
}
.ndelo__radial-progress .circle .mask .fill {
  clip: rect(0px, 25px, 50px, 0px);
  background-color: #EA5365;
}
.ndelo__radial-progress .inset {
  width: 44px;
  height: 44px;
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
  background-color: #4B5D75;
  border-radius: 50%;
}
.ndelo__radial-progress .inset .percentage {
  width: 40px;
  position: absolute;
  top: 15px;
  left: 2px;
  line-height: 1;
  text-align: center;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #EA5365;
  font-weight: 800;
  font-size: 14px;
}
.ndelo__radial-progress[data-progress="0"] .circle .mask.full,
.ndelo__radial-progress[data-progress="0"] .circle .fill {
  transform: rotate(0deg);
}
.ndelo__radial-progress[data-progress="0"] .circle .fill.fix {
  transform: rotate(0deg);
}
.ndelo__radial-progress[data-progress="0"] .inset .percentage:before {
  content: "0%";
}
.ndelo__radial-progress[data-progress="1"] .circle .mask.full,
.ndelo__radial-progress[data-progress="1"] .circle .fill {
  transform: rotate(1.8deg);
}
.ndelo__radial-progress[data-progress="1"] .circle .fill.fix {
  transform: rotate(3.6deg);
}
.ndelo__radial-progress[data-progress="1"] .inset .percentage:before {
  content: "1%";
}
.ndelo__radial-progress[data-progress="2"] .circle .mask.full,
.ndelo__radial-progress[data-progress="2"] .circle .fill {
  transform: rotate(3.6deg);
}
.ndelo__radial-progress[data-progress="2"] .circle .fill.fix {
  transform: rotate(7.2deg);
}
.ndelo__radial-progress[data-progress="2"] .inset .percentage:before {
  content: "2%";
}
.ndelo__radial-progress[data-progress="3"] .circle .mask.full,
.ndelo__radial-progress[data-progress="3"] .circle .fill {
  transform: rotate(5.4deg);
}
.ndelo__radial-progress[data-progress="3"] .circle .fill.fix {
  transform: rotate(10.8deg);
}
.ndelo__radial-progress[data-progress="3"] .inset .percentage:before {
  content: "3%";
}
.ndelo__radial-progress[data-progress="4"] .circle .mask.full,
.ndelo__radial-progress[data-progress="4"] .circle .fill {
  transform: rotate(7.2deg);
}
.ndelo__radial-progress[data-progress="4"] .circle .fill.fix {
  transform: rotate(14.4deg);
}
.ndelo__radial-progress[data-progress="4"] .inset .percentage:before {
  content: "4%";
}
.ndelo__radial-progress[data-progress="5"] .circle .mask.full,
.ndelo__radial-progress[data-progress="5"] .circle .fill {
  transform: rotate(9deg);
}
.ndelo__radial-progress[data-progress="5"] .circle .fill.fix {
  transform: rotate(18deg);
}
.ndelo__radial-progress[data-progress="5"] .inset .percentage:before {
  content: "5%";
}
.ndelo__radial-progress[data-progress="6"] .circle .mask.full,
.ndelo__radial-progress[data-progress="6"] .circle .fill {
  transform: rotate(10.8deg);
}
.ndelo__radial-progress[data-progress="6"] .circle .fill.fix {
  transform: rotate(21.6deg);
}
.ndelo__radial-progress[data-progress="6"] .inset .percentage:before {
  content: "6%";
}
.ndelo__radial-progress[data-progress="7"] .circle .mask.full,
.ndelo__radial-progress[data-progress="7"] .circle .fill {
  transform: rotate(12.6deg);
}
.ndelo__radial-progress[data-progress="7"] .circle .fill.fix {
  transform: rotate(25.2deg);
}
.ndelo__radial-progress[data-progress="7"] .inset .percentage:before {
  content: "7%";
}
.ndelo__radial-progress[data-progress="8"] .circle .mask.full,
.ndelo__radial-progress[data-progress="8"] .circle .fill {
  transform: rotate(14.4deg);
}
.ndelo__radial-progress[data-progress="8"] .circle .fill.fix {
  transform: rotate(28.8deg);
}
.ndelo__radial-progress[data-progress="8"] .inset .percentage:before {
  content: "8%";
}
.ndelo__radial-progress[data-progress="9"] .circle .mask.full,
.ndelo__radial-progress[data-progress="9"] .circle .fill {
  transform: rotate(16.2deg);
}
.ndelo__radial-progress[data-progress="9"] .circle .fill.fix {
  transform: rotate(32.4deg);
}
.ndelo__radial-progress[data-progress="9"] .inset .percentage:before {
  content: "9%";
}
.ndelo__radial-progress[data-progress="10"] .circle .mask.full,
.ndelo__radial-progress[data-progress="10"] .circle .fill {
  transform: rotate(18deg);
}
.ndelo__radial-progress[data-progress="10"] .circle .fill.fix {
  transform: rotate(36deg);
}
.ndelo__radial-progress[data-progress="10"] .inset .percentage:before {
  content: "10%";
}
.ndelo__radial-progress[data-progress="11"] .circle .mask.full,
.ndelo__radial-progress[data-progress="11"] .circle .fill {
  transform: rotate(19.8deg);
}
.ndelo__radial-progress[data-progress="11"] .circle .fill.fix {
  transform: rotate(39.6deg);
}
.ndelo__radial-progress[data-progress="11"] .inset .percentage:before {
  content: "11%";
}
.ndelo__radial-progress[data-progress="12"] .circle .mask.full,
.ndelo__radial-progress[data-progress="12"] .circle .fill {
  transform: rotate(21.6deg);
}
.ndelo__radial-progress[data-progress="12"] .circle .fill.fix {
  transform: rotate(43.2deg);
}
.ndelo__radial-progress[data-progress="12"] .inset .percentage:before {
  content: "12%";
}
.ndelo__radial-progress[data-progress="13"] .circle .mask.full,
.ndelo__radial-progress[data-progress="13"] .circle .fill {
  transform: rotate(23.4deg);
}
.ndelo__radial-progress[data-progress="13"] .circle .fill.fix {
  transform: rotate(46.8deg);
}
.ndelo__radial-progress[data-progress="13"] .inset .percentage:before {
  content: "13%";
}
.ndelo__radial-progress[data-progress="14"] .circle .mask.full,
.ndelo__radial-progress[data-progress="14"] .circle .fill {
  transform: rotate(25.2deg);
}
.ndelo__radial-progress[data-progress="14"] .circle .fill.fix {
  transform: rotate(50.4deg);
}
.ndelo__radial-progress[data-progress="14"] .inset .percentage:before {
  content: "14%";
}
.ndelo__radial-progress[data-progress="15"] .circle .mask.full,
.ndelo__radial-progress[data-progress="15"] .circle .fill {
  transform: rotate(27deg);
}
.ndelo__radial-progress[data-progress="15"] .circle .fill.fix {
  transform: rotate(54deg);
}
.ndelo__radial-progress[data-progress="15"] .inset .percentage:before {
  content: "15%";
}
.ndelo__radial-progress[data-progress="16"] .circle .mask.full,
.ndelo__radial-progress[data-progress="16"] .circle .fill {
  transform: rotate(28.8deg);
}
.ndelo__radial-progress[data-progress="16"] .circle .fill.fix {
  transform: rotate(57.6deg);
}
.ndelo__radial-progress[data-progress="16"] .inset .percentage:before {
  content: "16%";
}
.ndelo__radial-progress[data-progress="17"] .circle .mask.full,
.ndelo__radial-progress[data-progress="17"] .circle .fill {
  transform: rotate(30.6deg);
}
.ndelo__radial-progress[data-progress="17"] .circle .fill.fix {
  transform: rotate(61.2deg);
}
.ndelo__radial-progress[data-progress="17"] .inset .percentage:before {
  content: "17%";
}
.ndelo__radial-progress[data-progress="18"] .circle .mask.full,
.ndelo__radial-progress[data-progress="18"] .circle .fill {
  transform: rotate(32.4deg);
}
.ndelo__radial-progress[data-progress="18"] .circle .fill.fix {
  transform: rotate(64.8deg);
}
.ndelo__radial-progress[data-progress="18"] .inset .percentage:before {
  content: "18%";
}
.ndelo__radial-progress[data-progress="19"] .circle .mask.full,
.ndelo__radial-progress[data-progress="19"] .circle .fill {
  transform: rotate(34.2deg);
}
.ndelo__radial-progress[data-progress="19"] .circle .fill.fix {
  transform: rotate(68.4deg);
}
.ndelo__radial-progress[data-progress="19"] .inset .percentage:before {
  content: "19%";
}
.ndelo__radial-progress[data-progress="20"] .circle .mask.full,
.ndelo__radial-progress[data-progress="20"] .circle .fill {
  transform: rotate(36deg);
}
.ndelo__radial-progress[data-progress="20"] .circle .fill.fix {
  transform: rotate(72deg);
}
.ndelo__radial-progress[data-progress="20"] .inset .percentage:before {
  content: "20%";
}
.ndelo__radial-progress[data-progress="21"] .circle .mask.full,
.ndelo__radial-progress[data-progress="21"] .circle .fill {
  transform: rotate(37.8deg);
}
.ndelo__radial-progress[data-progress="21"] .circle .fill.fix {
  transform: rotate(75.6deg);
}
.ndelo__radial-progress[data-progress="21"] .inset .percentage:before {
  content: "21%";
}
.ndelo__radial-progress[data-progress="22"] .circle .mask.full,
.ndelo__radial-progress[data-progress="22"] .circle .fill {
  transform: rotate(39.6deg);
}
.ndelo__radial-progress[data-progress="22"] .circle .fill.fix {
  transform: rotate(79.2deg);
}
.ndelo__radial-progress[data-progress="22"] .inset .percentage:before {
  content: "22%";
}
.ndelo__radial-progress[data-progress="23"] .circle .mask.full,
.ndelo__radial-progress[data-progress="23"] .circle .fill {
  transform: rotate(41.4deg);
}
.ndelo__radial-progress[data-progress="23"] .circle .fill.fix {
  transform: rotate(82.8deg);
}
.ndelo__radial-progress[data-progress="23"] .inset .percentage:before {
  content: "23%";
}
.ndelo__radial-progress[data-progress="24"] .circle .mask.full,
.ndelo__radial-progress[data-progress="24"] .circle .fill {
  transform: rotate(43.2deg);
}
.ndelo__radial-progress[data-progress="24"] .circle .fill.fix {
  transform: rotate(86.4deg);
}
.ndelo__radial-progress[data-progress="24"] .inset .percentage:before {
  content: "24%";
}
.ndelo__radial-progress[data-progress="25"] .circle .mask.full,
.ndelo__radial-progress[data-progress="25"] .circle .fill {
  transform: rotate(45deg);
}
.ndelo__radial-progress[data-progress="25"] .circle .fill.fix {
  transform: rotate(90deg);
}
.ndelo__radial-progress[data-progress="25"] .inset .percentage:before {
  content: "25%";
}
.ndelo__radial-progress[data-progress="26"] .circle .mask.full,
.ndelo__radial-progress[data-progress="26"] .circle .fill {
  transform: rotate(46.8deg);
}
.ndelo__radial-progress[data-progress="26"] .circle .fill.fix {
  transform: rotate(93.6deg);
}
.ndelo__radial-progress[data-progress="26"] .inset .percentage:before {
  content: "26%";
}
.ndelo__radial-progress[data-progress="27"] .circle .mask.full,
.ndelo__radial-progress[data-progress="27"] .circle .fill {
  transform: rotate(48.6deg);
}
.ndelo__radial-progress[data-progress="27"] .circle .fill.fix {
  transform: rotate(97.2deg);
}
.ndelo__radial-progress[data-progress="27"] .inset .percentage:before {
  content: "27%";
}
.ndelo__radial-progress[data-progress="28"] .circle .mask.full,
.ndelo__radial-progress[data-progress="28"] .circle .fill {
  transform: rotate(50.4deg);
}
.ndelo__radial-progress[data-progress="28"] .circle .fill.fix {
  transform: rotate(100.8deg);
}
.ndelo__radial-progress[data-progress="28"] .inset .percentage:before {
  content: "28%";
}
.ndelo__radial-progress[data-progress="29"] .circle .mask.full,
.ndelo__radial-progress[data-progress="29"] .circle .fill {
  transform: rotate(52.2deg);
}
.ndelo__radial-progress[data-progress="29"] .circle .fill.fix {
  transform: rotate(104.4deg);
}
.ndelo__radial-progress[data-progress="29"] .inset .percentage:before {
  content: "29%";
}
.ndelo__radial-progress[data-progress="30"] .circle .mask.full,
.ndelo__radial-progress[data-progress="30"] .circle .fill {
  transform: rotate(54deg);
}
.ndelo__radial-progress[data-progress="30"] .circle .fill.fix {
  transform: rotate(108deg);
}
.ndelo__radial-progress[data-progress="30"] .inset .percentage:before {
  content: "30%";
}
.ndelo__radial-progress[data-progress="31"] .circle .mask.full,
.ndelo__radial-progress[data-progress="31"] .circle .fill {
  transform: rotate(55.8deg);
}
.ndelo__radial-progress[data-progress="31"] .circle .fill.fix {
  transform: rotate(111.6deg);
}
.ndelo__radial-progress[data-progress="31"] .inset .percentage:before {
  content: "31%";
}
.ndelo__radial-progress[data-progress="32"] .circle .mask.full,
.ndelo__radial-progress[data-progress="32"] .circle .fill {
  transform: rotate(57.6deg);
}
.ndelo__radial-progress[data-progress="32"] .circle .fill.fix {
  transform: rotate(115.2deg);
}
.ndelo__radial-progress[data-progress="32"] .inset .percentage:before {
  content: "32%";
}
.ndelo__radial-progress[data-progress="33"] .circle .mask.full,
.ndelo__radial-progress[data-progress="33"] .circle .fill {
  transform: rotate(59.4deg);
}
.ndelo__radial-progress[data-progress="33"] .circle .fill.fix {
  transform: rotate(118.8deg);
}
.ndelo__radial-progress[data-progress="33"] .inset .percentage:before {
  content: "33%";
}
.ndelo__radial-progress[data-progress="34"] .circle .mask.full,
.ndelo__radial-progress[data-progress="34"] .circle .fill {
  transform: rotate(61.2deg);
}
.ndelo__radial-progress[data-progress="34"] .circle .fill.fix {
  transform: rotate(122.4deg);
}
.ndelo__radial-progress[data-progress="34"] .inset .percentage:before {
  content: "34%";
}
.ndelo__radial-progress[data-progress="35"] .circle .mask.full,
.ndelo__radial-progress[data-progress="35"] .circle .fill {
  transform: rotate(63deg);
}
.ndelo__radial-progress[data-progress="35"] .circle .fill.fix {
  transform: rotate(126deg);
}
.ndelo__radial-progress[data-progress="35"] .inset .percentage:before {
  content: "35%";
}
.ndelo__radial-progress[data-progress="36"] .circle .mask.full,
.ndelo__radial-progress[data-progress="36"] .circle .fill {
  transform: rotate(64.8deg);
}
.ndelo__radial-progress[data-progress="36"] .circle .fill.fix {
  transform: rotate(129.6deg);
}
.ndelo__radial-progress[data-progress="36"] .inset .percentage:before {
  content: "36%";
}
.ndelo__radial-progress[data-progress="37"] .circle .mask.full,
.ndelo__radial-progress[data-progress="37"] .circle .fill {
  transform: rotate(66.6deg);
}
.ndelo__radial-progress[data-progress="37"] .circle .fill.fix {
  transform: rotate(133.2deg);
}
.ndelo__radial-progress[data-progress="37"] .inset .percentage:before {
  content: "37%";
}
.ndelo__radial-progress[data-progress="38"] .circle .mask.full,
.ndelo__radial-progress[data-progress="38"] .circle .fill {
  transform: rotate(68.4deg);
}
.ndelo__radial-progress[data-progress="38"] .circle .fill.fix {
  transform: rotate(136.8deg);
}
.ndelo__radial-progress[data-progress="38"] .inset .percentage:before {
  content: "38%";
}
.ndelo__radial-progress[data-progress="39"] .circle .mask.full,
.ndelo__radial-progress[data-progress="39"] .circle .fill {
  transform: rotate(70.2deg);
}
.ndelo__radial-progress[data-progress="39"] .circle .fill.fix {
  transform: rotate(140.4deg);
}
.ndelo__radial-progress[data-progress="39"] .inset .percentage:before {
  content: "39%";
}
.ndelo__radial-progress[data-progress="40"] .circle .mask.full,
.ndelo__radial-progress[data-progress="40"] .circle .fill {
  transform: rotate(72deg);
}
.ndelo__radial-progress[data-progress="40"] .circle .fill.fix {
  transform: rotate(144deg);
}
.ndelo__radial-progress[data-progress="40"] .inset .percentage:before {
  content: "40%";
}
.ndelo__radial-progress[data-progress="41"] .circle .mask.full,
.ndelo__radial-progress[data-progress="41"] .circle .fill {
  transform: rotate(73.8deg);
}
.ndelo__radial-progress[data-progress="41"] .circle .fill.fix {
  transform: rotate(147.6deg);
}
.ndelo__radial-progress[data-progress="41"] .inset .percentage:before {
  content: "41%";
}
.ndelo__radial-progress[data-progress="42"] .circle .mask.full,
.ndelo__radial-progress[data-progress="42"] .circle .fill {
  transform: rotate(75.6deg);
}
.ndelo__radial-progress[data-progress="42"] .circle .fill.fix {
  transform: rotate(151.2deg);
}
.ndelo__radial-progress[data-progress="42"] .inset .percentage:before {
  content: "42%";
}
.ndelo__radial-progress[data-progress="43"] .circle .mask.full,
.ndelo__radial-progress[data-progress="43"] .circle .fill {
  transform: rotate(77.4deg);
}
.ndelo__radial-progress[data-progress="43"] .circle .fill.fix {
  transform: rotate(154.8deg);
}
.ndelo__radial-progress[data-progress="43"] .inset .percentage:before {
  content: "43%";
}
.ndelo__radial-progress[data-progress="44"] .circle .mask.full,
.ndelo__radial-progress[data-progress="44"] .circle .fill {
  transform: rotate(79.2deg);
}
.ndelo__radial-progress[data-progress="44"] .circle .fill.fix {
  transform: rotate(158.4deg);
}
.ndelo__radial-progress[data-progress="44"] .inset .percentage:before {
  content: "44%";
}
.ndelo__radial-progress[data-progress="45"] .circle .mask.full,
.ndelo__radial-progress[data-progress="45"] .circle .fill {
  transform: rotate(81deg);
}
.ndelo__radial-progress[data-progress="45"] .circle .fill.fix {
  transform: rotate(162deg);
}
.ndelo__radial-progress[data-progress="45"] .inset .percentage:before {
  content: "45%";
}
.ndelo__radial-progress[data-progress="46"] .circle .mask.full,
.ndelo__radial-progress[data-progress="46"] .circle .fill {
  transform: rotate(82.8deg);
}
.ndelo__radial-progress[data-progress="46"] .circle .fill.fix {
  transform: rotate(165.6deg);
}
.ndelo__radial-progress[data-progress="46"] .inset .percentage:before {
  content: "46%";
}
.ndelo__radial-progress[data-progress="47"] .circle .mask.full,
.ndelo__radial-progress[data-progress="47"] .circle .fill {
  transform: rotate(84.6deg);
}
.ndelo__radial-progress[data-progress="47"] .circle .fill.fix {
  transform: rotate(169.2deg);
}
.ndelo__radial-progress[data-progress="47"] .inset .percentage:before {
  content: "47%";
}
.ndelo__radial-progress[data-progress="48"] .circle .mask.full,
.ndelo__radial-progress[data-progress="48"] .circle .fill {
  transform: rotate(86.4deg);
}
.ndelo__radial-progress[data-progress="48"] .circle .fill.fix {
  transform: rotate(172.8deg);
}
.ndelo__radial-progress[data-progress="48"] .inset .percentage:before {
  content: "48%";
}
.ndelo__radial-progress[data-progress="49"] .circle .mask.full,
.ndelo__radial-progress[data-progress="49"] .circle .fill {
  transform: rotate(88.2deg);
}
.ndelo__radial-progress[data-progress="49"] .circle .fill.fix {
  transform: rotate(176.4deg);
}
.ndelo__radial-progress[data-progress="49"] .inset .percentage:before {
  content: "49%";
}
.ndelo__radial-progress[data-progress="50"] .circle .mask.full,
.ndelo__radial-progress[data-progress="50"] .circle .fill {
  transform: rotate(90deg);
}
.ndelo__radial-progress[data-progress="50"] .circle .fill.fix {
  transform: rotate(180deg);
}
.ndelo__radial-progress[data-progress="50"] .inset .percentage:before {
  content: "50%";
}
.ndelo__radial-progress[data-progress="51"] .circle .mask.full,
.ndelo__radial-progress[data-progress="51"] .circle .fill {
  transform: rotate(91.8deg);
}
.ndelo__radial-progress[data-progress="51"] .circle .fill.fix {
  transform: rotate(183.6deg);
}
.ndelo__radial-progress[data-progress="51"] .inset .percentage:before {
  content: "51%";
}
.ndelo__radial-progress[data-progress="52"] .circle .mask.full,
.ndelo__radial-progress[data-progress="52"] .circle .fill {
  transform: rotate(93.6deg);
}
.ndelo__radial-progress[data-progress="52"] .circle .fill.fix {
  transform: rotate(187.2deg);
}
.ndelo__radial-progress[data-progress="52"] .inset .percentage:before {
  content: "52%";
}
.ndelo__radial-progress[data-progress="53"] .circle .mask.full,
.ndelo__radial-progress[data-progress="53"] .circle .fill {
  transform: rotate(95.4deg);
}
.ndelo__radial-progress[data-progress="53"] .circle .fill.fix {
  transform: rotate(190.8deg);
}
.ndelo__radial-progress[data-progress="53"] .inset .percentage:before {
  content: "53%";
}
.ndelo__radial-progress[data-progress="54"] .circle .mask.full,
.ndelo__radial-progress[data-progress="54"] .circle .fill {
  transform: rotate(97.2deg);
}
.ndelo__radial-progress[data-progress="54"] .circle .fill.fix {
  transform: rotate(194.4deg);
}
.ndelo__radial-progress[data-progress="54"] .inset .percentage:before {
  content: "54%";
}
.ndelo__radial-progress[data-progress="55"] .circle .mask.full,
.ndelo__radial-progress[data-progress="55"] .circle .fill {
  transform: rotate(99deg);
}
.ndelo__radial-progress[data-progress="55"] .circle .fill.fix {
  transform: rotate(198deg);
}
.ndelo__radial-progress[data-progress="55"] .inset .percentage:before {
  content: "55%";
}
.ndelo__radial-progress[data-progress="56"] .circle .mask.full,
.ndelo__radial-progress[data-progress="56"] .circle .fill {
  transform: rotate(100.8deg);
}
.ndelo__radial-progress[data-progress="56"] .circle .fill.fix {
  transform: rotate(201.6deg);
}
.ndelo__radial-progress[data-progress="56"] .inset .percentage:before {
  content: "56%";
}
.ndelo__radial-progress[data-progress="57"] .circle .mask.full,
.ndelo__radial-progress[data-progress="57"] .circle .fill {
  transform: rotate(102.6deg);
}
.ndelo__radial-progress[data-progress="57"] .circle .fill.fix {
  transform: rotate(205.2deg);
}
.ndelo__radial-progress[data-progress="57"] .inset .percentage:before {
  content: "57%";
}
.ndelo__radial-progress[data-progress="58"] .circle .mask.full,
.ndelo__radial-progress[data-progress="58"] .circle .fill {
  transform: rotate(104.4deg);
}
.ndelo__radial-progress[data-progress="58"] .circle .fill.fix {
  transform: rotate(208.8deg);
}
.ndelo__radial-progress[data-progress="58"] .inset .percentage:before {
  content: "58%";
}
.ndelo__radial-progress[data-progress="59"] .circle .mask.full,
.ndelo__radial-progress[data-progress="59"] .circle .fill {
  transform: rotate(106.2deg);
}
.ndelo__radial-progress[data-progress="59"] .circle .fill.fix {
  transform: rotate(212.4deg);
}
.ndelo__radial-progress[data-progress="59"] .inset .percentage:before {
  content: "59%";
}
.ndelo__radial-progress[data-progress="60"] .circle .mask.full,
.ndelo__radial-progress[data-progress="60"] .circle .fill {
  transform: rotate(108deg);
}
.ndelo__radial-progress[data-progress="60"] .circle .fill.fix {
  transform: rotate(216deg);
}
.ndelo__radial-progress[data-progress="60"] .inset .percentage:before {
  content: "60%";
}
.ndelo__radial-progress[data-progress="61"] .circle .mask.full,
.ndelo__radial-progress[data-progress="61"] .circle .fill {
  transform: rotate(109.8deg);
}
.ndelo__radial-progress[data-progress="61"] .circle .fill.fix {
  transform: rotate(219.6deg);
}
.ndelo__radial-progress[data-progress="61"] .inset .percentage:before {
  content: "61%";
}
.ndelo__radial-progress[data-progress="62"] .circle .mask.full,
.ndelo__radial-progress[data-progress="62"] .circle .fill {
  transform: rotate(111.6deg);
}
.ndelo__radial-progress[data-progress="62"] .circle .fill.fix {
  transform: rotate(223.2deg);
}
.ndelo__radial-progress[data-progress="62"] .inset .percentage:before {
  content: "62%";
}
.ndelo__radial-progress[data-progress="63"] .circle .mask.full,
.ndelo__radial-progress[data-progress="63"] .circle .fill {
  transform: rotate(113.4deg);
}
.ndelo__radial-progress[data-progress="63"] .circle .fill.fix {
  transform: rotate(226.8deg);
}
.ndelo__radial-progress[data-progress="63"] .inset .percentage:before {
  content: "63%";
}
.ndelo__radial-progress[data-progress="64"] .circle .mask.full,
.ndelo__radial-progress[data-progress="64"] .circle .fill {
  transform: rotate(115.2deg);
}
.ndelo__radial-progress[data-progress="64"] .circle .fill.fix {
  transform: rotate(230.4deg);
}
.ndelo__radial-progress[data-progress="64"] .inset .percentage:before {
  content: "64%";
}
.ndelo__radial-progress[data-progress="65"] .circle .mask.full,
.ndelo__radial-progress[data-progress="65"] .circle .fill {
  transform: rotate(117deg);
}
.ndelo__radial-progress[data-progress="65"] .circle .fill.fix {
  transform: rotate(234deg);
}
.ndelo__radial-progress[data-progress="65"] .inset .percentage:before {
  content: "65%";
}
.ndelo__radial-progress[data-progress="66"] .circle .mask.full,
.ndelo__radial-progress[data-progress="66"] .circle .fill {
  transform: rotate(118.8deg);
}
.ndelo__radial-progress[data-progress="66"] .circle .fill.fix {
  transform: rotate(237.6deg);
}
.ndelo__radial-progress[data-progress="66"] .inset .percentage:before {
  content: "66%";
}
.ndelo__radial-progress[data-progress="67"] .circle .mask.full,
.ndelo__radial-progress[data-progress="67"] .circle .fill {
  transform: rotate(120.6deg);
}
.ndelo__radial-progress[data-progress="67"] .circle .fill.fix {
  transform: rotate(241.2deg);
}
.ndelo__radial-progress[data-progress="67"] .inset .percentage:before {
  content: "67%";
}
.ndelo__radial-progress[data-progress="68"] .circle .mask.full,
.ndelo__radial-progress[data-progress="68"] .circle .fill {
  transform: rotate(122.4deg);
}
.ndelo__radial-progress[data-progress="68"] .circle .fill.fix {
  transform: rotate(244.8deg);
}
.ndelo__radial-progress[data-progress="68"] .inset .percentage:before {
  content: "68%";
}
.ndelo__radial-progress[data-progress="69"] .circle .mask.full,
.ndelo__radial-progress[data-progress="69"] .circle .fill {
  transform: rotate(124.2deg);
}
.ndelo__radial-progress[data-progress="69"] .circle .fill.fix {
  transform: rotate(248.4deg);
}
.ndelo__radial-progress[data-progress="69"] .inset .percentage:before {
  content: "69%";
}
.ndelo__radial-progress[data-progress="70"] .circle .mask.full,
.ndelo__radial-progress[data-progress="70"] .circle .fill {
  transform: rotate(126deg);
}
.ndelo__radial-progress[data-progress="70"] .circle .fill.fix {
  transform: rotate(252deg);
}
.ndelo__radial-progress[data-progress="70"] .inset .percentage:before {
  content: "70%";
}
.ndelo__radial-progress[data-progress="71"] .circle .mask.full,
.ndelo__radial-progress[data-progress="71"] .circle .fill {
  transform: rotate(127.8deg);
}
.ndelo__radial-progress[data-progress="71"] .circle .fill.fix {
  transform: rotate(255.6deg);
}
.ndelo__radial-progress[data-progress="71"] .inset .percentage:before {
  content: "71%";
}
.ndelo__radial-progress[data-progress="72"] .circle .mask.full,
.ndelo__radial-progress[data-progress="72"] .circle .fill {
  transform: rotate(129.6deg);
}
.ndelo__radial-progress[data-progress="72"] .circle .fill.fix {
  transform: rotate(259.2deg);
}
.ndelo__radial-progress[data-progress="72"] .inset .percentage:before {
  content: "72%";
}
.ndelo__radial-progress[data-progress="73"] .circle .mask.full,
.ndelo__radial-progress[data-progress="73"] .circle .fill {
  transform: rotate(131.4deg);
}
.ndelo__radial-progress[data-progress="73"] .circle .fill.fix {
  transform: rotate(262.8deg);
}
.ndelo__radial-progress[data-progress="73"] .inset .percentage:before {
  content: "73%";
}
.ndelo__radial-progress[data-progress="74"] .circle .mask.full,
.ndelo__radial-progress[data-progress="74"] .circle .fill {
  transform: rotate(133.2deg);
}
.ndelo__radial-progress[data-progress="74"] .circle .fill.fix {
  transform: rotate(266.4deg);
}
.ndelo__radial-progress[data-progress="74"] .inset .percentage:before {
  content: "74%";
}
.ndelo__radial-progress[data-progress="75"] .circle .mask.full,
.ndelo__radial-progress[data-progress="75"] .circle .fill {
  transform: rotate(135deg);
}
.ndelo__radial-progress[data-progress="75"] .circle .fill.fix {
  transform: rotate(270deg);
}
.ndelo__radial-progress[data-progress="75"] .inset .percentage:before {
  content: "75%";
}
.ndelo__radial-progress[data-progress="76"] .circle .mask.full,
.ndelo__radial-progress[data-progress="76"] .circle .fill {
  transform: rotate(136.8deg);
}
.ndelo__radial-progress[data-progress="76"] .circle .fill.fix {
  transform: rotate(273.6deg);
}
.ndelo__radial-progress[data-progress="76"] .inset .percentage:before {
  content: "76%";
}
.ndelo__radial-progress[data-progress="77"] .circle .mask.full,
.ndelo__radial-progress[data-progress="77"] .circle .fill {
  transform: rotate(138.6deg);
}
.ndelo__radial-progress[data-progress="77"] .circle .fill.fix {
  transform: rotate(277.2deg);
}
.ndelo__radial-progress[data-progress="77"] .inset .percentage:before {
  content: "77%";
}
.ndelo__radial-progress[data-progress="78"] .circle .mask.full,
.ndelo__radial-progress[data-progress="78"] .circle .fill {
  transform: rotate(140.4deg);
}
.ndelo__radial-progress[data-progress="78"] .circle .fill.fix {
  transform: rotate(280.8deg);
}
.ndelo__radial-progress[data-progress="78"] .inset .percentage:before {
  content: "78%";
}
.ndelo__radial-progress[data-progress="79"] .circle .mask.full,
.ndelo__radial-progress[data-progress="79"] .circle .fill {
  transform: rotate(142.2deg);
}
.ndelo__radial-progress[data-progress="79"] .circle .fill.fix {
  transform: rotate(284.4deg);
}
.ndelo__radial-progress[data-progress="79"] .inset .percentage:before {
  content: "79%";
}
.ndelo__radial-progress[data-progress="80"] .circle .mask.full,
.ndelo__radial-progress[data-progress="80"] .circle .fill {
  transform: rotate(144deg);
}
.ndelo__radial-progress[data-progress="80"] .circle .fill.fix {
  transform: rotate(288deg);
}
.ndelo__radial-progress[data-progress="80"] .inset .percentage:before {
  content: "80%";
}
.ndelo__radial-progress[data-progress="81"] .circle .mask.full,
.ndelo__radial-progress[data-progress="81"] .circle .fill {
  transform: rotate(145.8deg);
}
.ndelo__radial-progress[data-progress="81"] .circle .fill.fix {
  transform: rotate(291.6deg);
}
.ndelo__radial-progress[data-progress="81"] .inset .percentage:before {
  content: "81%";
}
.ndelo__radial-progress[data-progress="82"] .circle .mask.full,
.ndelo__radial-progress[data-progress="82"] .circle .fill {
  transform: rotate(147.6deg);
}
.ndelo__radial-progress[data-progress="82"] .circle .fill.fix {
  transform: rotate(295.2deg);
}
.ndelo__radial-progress[data-progress="82"] .inset .percentage:before {
  content: "82%";
}
.ndelo__radial-progress[data-progress="83"] .circle .mask.full,
.ndelo__radial-progress[data-progress="83"] .circle .fill {
  transform: rotate(149.4deg);
}
.ndelo__radial-progress[data-progress="83"] .circle .fill.fix {
  transform: rotate(298.8deg);
}
.ndelo__radial-progress[data-progress="83"] .inset .percentage:before {
  content: "83%";
}
.ndelo__radial-progress[data-progress="84"] .circle .mask.full,
.ndelo__radial-progress[data-progress="84"] .circle .fill {
  transform: rotate(151.2deg);
}
.ndelo__radial-progress[data-progress="84"] .circle .fill.fix {
  transform: rotate(302.4deg);
}
.ndelo__radial-progress[data-progress="84"] .inset .percentage:before {
  content: "84%";
}
.ndelo__radial-progress[data-progress="85"] .circle .mask.full,
.ndelo__radial-progress[data-progress="85"] .circle .fill {
  transform: rotate(153deg);
}
.ndelo__radial-progress[data-progress="85"] .circle .fill.fix {
  transform: rotate(306deg);
}
.ndelo__radial-progress[data-progress="85"] .inset .percentage:before {
  content: "85%";
}
.ndelo__radial-progress[data-progress="86"] .circle .mask.full,
.ndelo__radial-progress[data-progress="86"] .circle .fill {
  transform: rotate(154.8deg);
}
.ndelo__radial-progress[data-progress="86"] .circle .fill.fix {
  transform: rotate(309.6deg);
}
.ndelo__radial-progress[data-progress="86"] .inset .percentage:before {
  content: "86%";
}
.ndelo__radial-progress[data-progress="87"] .circle .mask.full,
.ndelo__radial-progress[data-progress="87"] .circle .fill {
  transform: rotate(156.6deg);
}
.ndelo__radial-progress[data-progress="87"] .circle .fill.fix {
  transform: rotate(313.2deg);
}
.ndelo__radial-progress[data-progress="87"] .inset .percentage:before {
  content: "87%";
}
.ndelo__radial-progress[data-progress="88"] .circle .mask.full,
.ndelo__radial-progress[data-progress="88"] .circle .fill {
  transform: rotate(158.4deg);
}
.ndelo__radial-progress[data-progress="88"] .circle .fill.fix {
  transform: rotate(316.8deg);
}
.ndelo__radial-progress[data-progress="88"] .inset .percentage:before {
  content: "88%";
}
.ndelo__radial-progress[data-progress="89"] .circle .mask.full,
.ndelo__radial-progress[data-progress="89"] .circle .fill {
  transform: rotate(160.2deg);
}
.ndelo__radial-progress[data-progress="89"] .circle .fill.fix {
  transform: rotate(320.4deg);
}
.ndelo__radial-progress[data-progress="89"] .inset .percentage:before {
  content: "89%";
}
.ndelo__radial-progress[data-progress="90"] .circle .mask.full,
.ndelo__radial-progress[data-progress="90"] .circle .fill {
  transform: rotate(162deg);
}
.ndelo__radial-progress[data-progress="90"] .circle .fill.fix {
  transform: rotate(324deg);
}
.ndelo__radial-progress[data-progress="90"] .inset .percentage:before {
  content: "90%";
}
.ndelo__radial-progress[data-progress="91"] .circle .mask.full,
.ndelo__radial-progress[data-progress="91"] .circle .fill {
  transform: rotate(163.8deg);
}
.ndelo__radial-progress[data-progress="91"] .circle .fill.fix {
  transform: rotate(327.6deg);
}
.ndelo__radial-progress[data-progress="91"] .inset .percentage:before {
  content: "91%";
}
.ndelo__radial-progress[data-progress="92"] .circle .mask.full,
.ndelo__radial-progress[data-progress="92"] .circle .fill {
  transform: rotate(165.6deg);
}
.ndelo__radial-progress[data-progress="92"] .circle .fill.fix {
  transform: rotate(331.2deg);
}
.ndelo__radial-progress[data-progress="92"] .inset .percentage:before {
  content: "92%";
}
.ndelo__radial-progress[data-progress="93"] .circle .mask.full,
.ndelo__radial-progress[data-progress="93"] .circle .fill {
  transform: rotate(167.4deg);
}
.ndelo__radial-progress[data-progress="93"] .circle .fill.fix {
  transform: rotate(334.8deg);
}
.ndelo__radial-progress[data-progress="93"] .inset .percentage:before {
  content: "93%";
}
.ndelo__radial-progress[data-progress="94"] .circle .mask.full,
.ndelo__radial-progress[data-progress="94"] .circle .fill {
  transform: rotate(169.2deg);
}
.ndelo__radial-progress[data-progress="94"] .circle .fill.fix {
  transform: rotate(338.4deg);
}
.ndelo__radial-progress[data-progress="94"] .inset .percentage:before {
  content: "94%";
}
.ndelo__radial-progress[data-progress="95"] .circle .mask.full,
.ndelo__radial-progress[data-progress="95"] .circle .fill {
  transform: rotate(171deg);
}
.ndelo__radial-progress[data-progress="95"] .circle .fill.fix {
  transform: rotate(342deg);
}
.ndelo__radial-progress[data-progress="95"] .inset .percentage:before {
  content: "95%";
}
.ndelo__radial-progress[data-progress="96"] .circle .mask.full,
.ndelo__radial-progress[data-progress="96"] .circle .fill {
  transform: rotate(172.8deg);
}
.ndelo__radial-progress[data-progress="96"] .circle .fill.fix {
  transform: rotate(345.6deg);
}
.ndelo__radial-progress[data-progress="96"] .inset .percentage:before {
  content: "96%";
}
.ndelo__radial-progress[data-progress="97"] .circle .mask.full,
.ndelo__radial-progress[data-progress="97"] .circle .fill {
  transform: rotate(174.6deg);
}
.ndelo__radial-progress[data-progress="97"] .circle .fill.fix {
  transform: rotate(349.2deg);
}
.ndelo__radial-progress[data-progress="97"] .inset .percentage:before {
  content: "97%";
}
.ndelo__radial-progress[data-progress="98"] .circle .mask.full,
.ndelo__radial-progress[data-progress="98"] .circle .fill {
  transform: rotate(176.4deg);
}
.ndelo__radial-progress[data-progress="98"] .circle .fill.fix {
  transform: rotate(352.8deg);
}
.ndelo__radial-progress[data-progress="98"] .inset .percentage:before {
  content: "98%";
}
.ndelo__radial-progress[data-progress="99"] .circle .mask.full,
.ndelo__radial-progress[data-progress="99"] .circle .fill {
  transform: rotate(178.2deg);
}
.ndelo__radial-progress[data-progress="99"] .circle .fill.fix {
  transform: rotate(356.4deg);
}
.ndelo__radial-progress[data-progress="99"] .inset .percentage:before {
  content: "99%";
}
.ndelo__radial-progress[data-progress="100"] .circle .mask.full,
.ndelo__radial-progress[data-progress="100"] .circle .fill {
  transform: rotate(180deg);
}
.ndelo__radial-progress[data-progress="100"] .circle .fill.fix {
  transform: rotate(360deg);
}
.ndelo__radial-progress[data-progress="100"] .inset .percentage:before {
  content: "100%";
}
.ndelo__noresults {
  font-size: 14px;
  line-height: normal;
  display: none;
  padding: 60px 20px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.ndelo:after {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 300px;
  content: '';
  pointer-events: none;
  background-color: #4b5d75;
}
@media (max-width: 544px) {
  .ndelo:after {
    height: 100px;
  }
}
@media (max-width: 864px) {
  .ndelo:after {
    height: 200px;
  }
}
.ndelo,
.ndelo * {
  font-family: 'Open Sans';
  transition: all .2s;
}
.ndelo h1,
.ndelo p {
  margin-top: 0;
  margin-bottom: 0;
}
.ndelo__section {
  padding: 30px 0;
}
.ndelo__container {
  box-sizing: border-box;
  max-width: 1250px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 24px;
}
.ndelo__container_header {
  height: inherit;
}
.ndelo__container_center {
  text-align: center;
}
.ndelo__title {
  font-size: 70px;
  font-weight: 800;
  line-height: 95px;
}
@media (max-width: 1030px) {
  .ndelo__title {
    font-size: 40px;
    line-height: 54px;
  }
}
.ndelo__button {
  font-size: 14px;
  line-height: 48px;
  display: inline-block;
  box-sizing: border-box;
  height: 50px;
  padding: 0 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  border: 1px solid transparent;
  border-radius: 25px;
  background-color: #607391;
}
.ndelo__button_loading {
  position: relative;
  pointer-events: none;
  color: transparent !important;
}
.ndelo__button_loading:before {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  content: '';
  animation-name: nashedelo_spinner;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border: 2px solid white;
  border-top-color: transparent;
  border-radius: 50%;
}
.ndelo__button:hover {
  color: white;
  border-color: #dc4557;
  background-color: #dc4557;
}
.ndelo__button:active {
  transform: scale(0.97);
}
.ndelo__button_primary {
  background-color: #ea5365;
}
.ndelo__button_block {
  display: block;
  width: 100%;
}
.ndelo__button_outline {
  border-color: white;
  background-color: transparent;
}
.ndelo__button_close {
  width: 50px;
  padding: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE0SURBVHgBzdfRDYJADAbg4gSO4AiO4AiOwAhs4G2gG8gGjgAbOIIjOEIthkswQuhxvbZ/0lygffgeIHcHMAYRT1SB6giOQp49VUNVT1/W+JsLOAg5DlSviauLjQ7/Y4qewX4Tmy3OxwS9hJ2CFwe00SuWwB1UQbOxHtDJWEv0ZqwFOhuriRbDaqDFsSXRxbAl0MWxkmg1rARaHZuDNsNuQZtjU9BusEz01RWWifaFjUlAB/ASBjqAQHagFwQvSfgk7G/jmP7T2aFXsDd0crHlYANjRg+NCTuYORo3bLdmaMw4G6ijc7DqaAmsGloSWxxdAlsMXRIrjtbAiqE1sdloC+xmtCU2Ge0By7Q0cejuActAv+PAwwt2DR2bjSdszAz6WU2aJ1qG6quq6sFJBjQt5/Gx/QDhSyWWGgRWPAAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
}
.ndelo__button_close:hover {
  transform: rotate(90deg);
}
.ndelo__about p {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 25px;
}
.ndelo__about p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1030px) {
  .ndelo__about p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
  }
  .ndelo__about p:last-child {
    margin-bottom: 0;
  }
}
.ndelo__about p:first-child {
  font-size: 24px;
  font-weight: bold;
  line-height: 33px;
  text-transform: uppercase;
}
@media (max-width: 1030px) {
  .ndelo__about p:first-child {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 544px) {
  .ndelo__about p:first-child {
    font-size: 14px;
    line-height: 20px;
  }
}
.ndelo__action {
  background: #6880a2;
}
.ndelo__action p {
  margin-bottom: 20px;
}
.ndelo__action p:last-child {
  margin-bottom: 0;
}
.ndelo__vote {
  background-color: #4b5d75;
}
.ndelo__subtitle {
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  margin-top: 10px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.ndelo__subtitle:last-child {
  margin-bottom: 0;
}
.ndelo__vote-disclaimer {
  font-size: 12px;
  line-height: 16px;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 36px;
}
.ndelo__vote-disclaimer:last-child {
  margin-bottom: 0;
}
.ndelo__filter {
  display: flex;
  margin-bottom: 36px;
}
.ndelo__filter:last-child {
  margin-bottom: 0;
}
.ndelo__select {
  line-height: 40px;
  position: relative;
  box-sizing: border-box;
  height: 40px;
  padding: 0 16px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 20px;
}
.ndelo__select[disabled] {
  pointer-events: none;
  opacity: .5;
}
.ndelo__select:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  content: '';
  pointer-events: none;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAQCAYAAADnEwSWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADASURBVHgBtZPhEYIwDIUzAiMwAiO4id1ANsANHAE2cARHcISOwAjP1Jazpwm2Nn53+QHk5YOjIQBHrpXLc/VkCM+bEblsNzxemAkz0caB0lfBUsj5CZ88ZU54EIQd/YAiWvKGUWi41woV0VVqPLcIFZGeV4Rzgegk5PzXF60VIq6OJOqpBG5chAGT0Dc0iUqFSWS3Nhy8ScIwENb7yeEO8US9swrXA7WShB77tIsyYb8jdGSNInT0LzJh+EcjVfIA0Z2QOsnw2SQAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
}
.ndelo__select select {
  line-height: 38px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 38px;
  padding: 0 20px;
  padding-right: 40px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: white;
  border: 0;
  background: none;
}
.ndelo__select select option {
  color: black !important;
}
.ndelo__items {
  display: block;
  overflow: hidden;
}
.ndelo__field {
  display: block;
  overflow: hidden;
  min-height: 60px;
  margin-bottom: 15px;
}
.ndelo__field:last-child {
  margin-bottom: 0;
}
.ndelo__field-error {
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  height: 20px;
  padding: 0 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ea5365;
}
.ndelo__input {
  line-height: 40px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  outline: none;
  background-color: transparent;
}
.ndelo__input_textarea {
  line-height: normal;
  height: 112px;
  padding: 16px;
  resize: none;
}
.ndelo__input_error {
  border-color: #ea5365;
}
.ndelo__input :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ndelo__input ::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ndelo__input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ndelo__input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ndelo__columns {
  display: flex;
  width: 100%;
}
@media (max-width: 544px) {
  .ndelo__columns {
    display: block;
  }
}
.ndelo__columns > div {
  flex: 1;
  margin-right: 22px;
}
@media (max-width: 544px) {
  .ndelo__columns > div {
    margin-right: 0 !important;
  }
  .ndelo__columns > div:last-child {
    margin-bottom: 20px !important;
  }
}
.ndelo__columns > div:last-child {
  margin-right: 0;
}
.ndelo__vote-head {
  margin-bottom: 36px;
}
.ndelo__vote-head:last-child {
  margin-bottom: 0;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.nashe20 {
  background-color: #F5F5F5;
}
.nashe20 .news__other {
  background-color: #fff;
}
.nashe20__head {
  padding: 15px 0;
  background-color: #fff;
}
@media (min-width: 1233px) {
  .nashe20__head {
    padding: 25px 0;
  }
}
.nashe20__logo {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 50px;
  background-image: url("/img/nashe20/logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 864px) {
  .nashe20__logo {
    width: 150px;
    height: 70px;
  }
}
@media (min-width: 1233px) {
  .nashe20__logo {
    width: 215px;
    height: 100px;
  }
}
.nashe20__container {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 544px) {
  .nashe20__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.nashe20__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media (min-width: 1233px) {
  .nashe20__content {
    margin-right: 30px;
  }
}
.nashe20__text {
  font-size: 16px;
  line-height: 24px;
}
.nashe20__text p {
  margin: 0;
}
.nashe20__text p + p {
  margin: 20px 0 0;
}
.nashe20__tip {
  padding-left: 65px;
  padding-right: 20px;
  padding-top: 30px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  background-image: url("/img/icons/tip-black.svg");
  min-height: 35px;
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: left 20px top 30px;
  font-style: italic;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #000;
}
@media (min-width: 1030px) {
  .nashe20__tip {
    margin-bottom: 30px;
  }
}
@media (min-width: 1233px) {
  .nashe20__tip {
    margin-left: 0;
    margin-right: 0;
    padding-left: 55px;
    padding-right: 10px;
    background-position: left 10px top 30px;
  }
}
.nashe20__nominants {
  margin: 50px 0 0;
}
.nashe20__nominant {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 20px;
  border-top: 6px solid #E53934;
  background-color: #FFF;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .nashe20__nominant {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px;
    grid-template-columns: 300px;
    -ms-grid-rows: max-content;
    grid-template-rows: max-content;
    grid-column-gap: 10px;
    padding: 10px;
  }
}
@media (min-width: 864px) {
  .nashe20__nominant {
    -ms-grid-columns: 400px;
    grid-template-columns: 400px;
    grid-column-gap: 20px;
    padding: 20px 10px 30px;
  }
}
@media (min-width: 1233px) {
  .nashe20__nominant {
    padding: 25px 25px 30px 20px;
  }
}
.nashe20__nominant + .nashe20__nominant {
  margin: 20px 0 0;
}
.nashe20 .nominant__cover {
  position: relative;
}
.nashe20 .nominant__image {
  padding-bottom: 60%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.nashe20 .nominant__corner {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-image: url("/img/nashe20/corner.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.nashe20 .nominant__title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 55px 10px 15px;
  width: 100%;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  z-index: 0;
}
.nashe20 .nominant__title:before {
  display: block;
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  transform: rotate(-180deg);
  z-index: -1;
}
.nashe20 .nominant__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity .1s linear;
}
.nashe20 .nominant__overlay_active {
  opacity: 1;
}
.nashe20 .nominant__share {
  position: absolute;
  display: flex;
  bottom: 0;
  right: 0;
  padding: 0 10px 10px 0;
}
@media (min-width: 1233px) {
  .nashe20 .nominant__share {
    padding: 0 15px 10px 0;
  }
}
.nashe20 .nominant__share .ya-share2 {
  display: none;
}
.nashe20 .nominant__share_opened .ya-share2 {
  display: block;
}
.nashe20 .nominant__share .ya-share2__badge {
  border-radius: 50% !important;
}
.nashe20 .nominant__share .ya-share2__item {
  margin-right: 5px !important;
}
.nashe20 .nominant__link {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.nashe20 .nominant__copy {
  position: relative;
  cursor: pointer;
  width: 25px;
  height: 25px;
  font-size: 0;
  border: none;
  background-color: transparent;
}
.nashe20 .nominant__copy:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/icons/share-copy-white.svg");
  background-size: 29px;
  transition: opacity .2s;
}
.nashe20 .nominant__copy:hover:before {
  opacity: .5;
}
.nashe20 .nominant__toggle {
  cursor: pointer;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  border: none;
  font-size: 0;
  transition: opacity .2s;
  border-radius: 50%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/img/icons/share-white.svg");
}
.nashe20 .nominant__toggle:hover {
  opacity: .8;
}
.nashe20 .nominant__share_opened .nominant__toggle {
  background-image: url("/img/icons/share-close-white.svg");
}
.nashe20 .nominant__plate {
  position: relative;
  margin-right: 5px;
  display: none;
  z-index: 2;
}
.nashe20 .nominant__plate_tip {
  position: absolute;
  top: -1px;
  right: 38px;
  display: none;
  font-size: 14px;
  line-height: 17px;
  padding: 4px;
  text-align: center;
  color: #757575;
  background: #FBFBFB;
  border: 1px solid #F3F3F3;
  box-sizing: border-box;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none;
}
@media (min-width: 544px) {
  .nashe20 .nominant__plate_tip {
    display: block;
  }
}
.nashe20 .nominant__plate_tip:after {
  display: none;
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  right: -9px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 8px solid #F3F3F3;
  border-bottom: 4px solid transparent;
}
@media (min-width: 544px) {
  .nashe20 .nominant__plate_tip:after {
    display: block;
  }
}
.nashe20 .nominant__plate:hover .nominant__plate_tip {
  opacity: 1;
}
.nashe20 .nominant__share_opened .nominant__plate {
  display: block;
}
.nashe20 .nominant__vote {
  display: flex;
  order: 1;
  justify-content: center;
  margin: 10px 0 0;
}
@media (min-width: 768px) {
  .nashe20 .nominant__vote {
    order: inherit;
    align-items: baseline;
    justify-content: inherit;
    margin: 20px 0 0;
  }
}
.nashe20 .nominant__vote .button {
  padding: 0 40px;
  color: #FFF;
  background-color: #E63935;
  border-color: #E63935;
}
.nashe20 .nominant__vote .button:hover {
  opacity: .8;
}
.nashe20 .nominant__result {
  display: none;
}
.nashe20 .nominant__result_active {
  display: flex;
  align-items: center;
}
.nashe20 .nominant__result .progress {
  position: relative;
  width: 50px;
  height: 50px;
}
.nashe20 .nominant__result .circle {
  width: 100%;
  height: 100%;
}
.nashe20 .nominant__result .percent {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nashe20 .nominant__result .percent span {
  color: #E53934;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}
.nashe20 .nominant__result .message {
  margin: 0 0 0 20px;
  color: #E53934;
  font-size: 12px;
  text-transform: uppercase;
}
.nashe20 .nominant__playlist {
  margin: 10px 0 0;
}
@media (min-width: 768px) {
  .nashe20 .nominant__playlist {
    grid-area: 1 / 2 / last-line / end;
    margin: 0;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.nashestvie2020__fullscreen {
  margin: 0 0 -20px;
  padding: 35px 0 20px;
  background: linear-gradient(180deg, #3E98D3 0%, #ABCCD4 28.23%, #E7C7A4 52.55%, #F2AE37 77.48%, #B17313 100%);
}
@media (min-width: 864px) {
  .nashestvie2020__fullscreen {
    background-image: url("/img/nashestvie2020/background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
  }
}
@media (min-width: 864px) {
  .nashestvie2020__fullscreen {
    padding-bottom: 400px;
  }
}
@media (min-width: 1030px) {
  .nashestvie2020__fullscreen {
    margin: 0 0 -50px;
  }
}
@media (min-width: 1233px) {
  .nashestvie2020__fullscreen {
    padding-bottom: 450px;
  }
}
.nashestvie2020__header {
  display: flex;
  justify-content: center;
  margin: 0 0 20px;
}
@media (min-width: 864px) {
  .nashestvie2020__header {
    margin: 0 0 40px;
  }
}
@media (min-width: 1030px) {
  .nashestvie2020__header {
    margin: 0 0 60px;
  }
}
.nashestvie2020__header .logo {
  max-width: 250px;
  width: 100%;
}
@media (min-width: 864px) {
  .nashestvie2020__header .logo {
    max-width: 330px;
  }
}
@media (min-width: 1233px) {
  .nashestvie2020__header .logo {
    max-width: 450px;
  }
}
.nashestvie2020__header .logo img {
  display: block;
  width: 100%;
}
.nashestvie2020__container {
  color: #121011;
}
@media (min-width: 1233px) {
  .nashestvie2020__container {
    display: flex;
  }
}
@media (min-width: 1233px) {
  .nashestvie2020__tile {
    flex-grow: 1;
    margin-right: 30px;
  }
}
.nashestvie2020__tabs {
  position: relative;
  margin: 0 0 20px;
  height: 50px;
}
@media (min-width: 864px) {
  .nashestvie2020__tabs {
    margin: 0 0 30px;
  }
}
@media (min-width: 1233px) {
  .nashestvie2020__tabs {
    margin: 0 0 35px;
  }
}
.nashestvie2020__tabs_container {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 -20px;
  padding: 0 20px;
  overflow-x: auto;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.nashestvie2020__tabs_container::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1233px) {
  .nashestvie2020__tabs_container {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
}
.nashestvie2020__tabs_items {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.nashestvie2020__tabs .button {
  margin: 0 10px 0 0;
}
.nashestvie2020__tabs .button:last-child {
  margin: 0;
}
.nashestvie2020__player {
  position: relative;
  width: 100%;
  padding-bottom: 56.4%;
  background-color: rgba(0, 0, 0, 0.3);
}
.nashestvie2020__player .placeholder,
.nashestvie2020__player iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nashestvie2020__player .placeholder {
  background-image: url("/img/nashestvie2020/placeholder.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.nashestvie2020__player .placeholder-ended {
  background-image: url("/img/nashestvie2020/placeholder-ended.jpg");
}
.nashestvie2020__tickets {
  display: flex;
  justify-content: center;
  margin: 10px 0 20px;
  padding: 13px 0 17px;
  background-color: rgba(66, 16, 105, 0.15);
  border-radius: 10px;
}
.nashestvie2020__content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 864px) {
  .nashestvie2020__content {
    flex-direction: row;
    align-items: flex-start;
  }
}
.nashestvie2020__schedule {
  flex-grow: 1;
  width: 100%;
  background: linear-gradient(181.88deg, #ADA1DA 29.73%, #008CCC 104.69%);
  border-radius: 10px;
}
@media (min-width: 864px) {
  .nashestvie2020__schedule {
    margin: 0 20px 0 0;
    max-width: 300px;
  }
}
@media (min-width: 1233px) {
  .nashestvie2020__schedule {
    max-width: 370px;
  }
}
.nashestvie2020__schedule .schedule {
  padding: 0 0 35px;
  color: #FFF;
}
.nashestvie2020__schedule .schedule__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.nashestvie2020__schedule .schedule__tabs {
  position: relative;
  height: 40px;
  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
}
.nashestvie2020__schedule .schedule__tabs_container {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  left: 0;
  top: 0;
  right: 0;
  overflow-x: auto;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.nashestvie2020__schedule .schedule__tabs_container::-webkit-scrollbar {
  display: none;
}
.nashestvie2020__schedule .schedule__tabs_items {
  display: flex;
  width: 100%;
}
.nashestvie2020__schedule .schedule__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
  width: 100%;
  height: 40px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .05em;
  border-bottom: 2px solid transparent;
}
.nashestvie2020__schedule .schedule__tab:hover,
.nashestvie2020__schedule .schedule__tab-active {
  color: #FFF;
  border-bottom-color: #FFF;
}
.nashestvie2020__schedule .schedule__tab span {
  white-space: nowrap;
}
.nashestvie2020__schedule .schedule__list {
  margin: 30px 0 0;
  padding: 0 15px 0 23px;
  max-width: 100%;
}
.nashestvie2020__schedule .schedule__list-hidden {
  display: none;
}
.nashestvie2020__schedule .schedule__line {
  display: flex;
  margin: 25px 0 0;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.nashestvie2020__schedule .schedule__line:first-child {
  margin: 0;
}
.nashestvie2020__schedule .schedule__line-disabled {
  opacity: .5;
}
.nashestvie2020__schedule .schedule__line-hidden {
  display: none;
}
@media (min-width: 544px) {
  .nashestvie2020__schedule .schedule__line-hidden {
    display: flex;
  }
}
.nashestvie2020__schedule .schedule__line_time:after {
  content: "|";
  margin: 0 10px;
}
.nashestvie2020__schedule .schedule__more {
  display: flex;
  justify-content: center;
  margin: 40px 0 0;
}
.nashestvie2020__schedule .schedule__more .button {
  padding: 0 25px;
}
@media (min-width: 544px) {
  .nashestvie2020__schedule .schedule__more {
    display: none;
  }
}
.nashestvie2020__news {
  margin: 15px 0 0;
  width: 100%;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.nashestvie2020__news::-webkit-scrollbar {
  display: none;
}
@media (min-width: 864px) {
  .nashestvie2020__news {
    margin: 0;
    max-height: 900px;
    overflow-y: auto;
  }
}
@media (min-width: 1233px) {
  .nashestvie2020__news {
    max-height: 1200px;
  }
}
.nashestvie2020__article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 10px 0 0;
  padding: 10px 10px 30px;
  background-color: rgba(66, 16, 105, 0.15);
  border-radius: 10px;
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 544px) {
  .nashestvie2020__article {
    flex-direction: row;
  }
}
@media (min-width: 864px) {
  .nashestvie2020__article {
    padding: 15px 15px 30px;
  }
}
@media (min-width: 1233px) {
  .nashestvie2020__article {
    margin: 20px 0 0;
    padding: 30px 15px 20px 30px;
  }
}
.nashestvie2020__article:first-child {
  margin: 0;
}
.nashestvie2020__article_cover {
  position: relative;
  flex-grow: 1;
  margin: 0 0 20px;
  width: 100%;
}
@media (min-width: 544px) {
  .nashestvie2020__article_cover {
    margin: 0 20px 0 0;
    max-width: 200px;
  }
}
.nashestvie2020__article_cover .image {
  display: block;
  width: 100%;
  padding-bottom: 70%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.nashestvie2020__article_gallery:after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  pointer-events: none;
  background-image: url("/img/nashestvie2020/gallery.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.nashestvie2020__article_container {
  flex: 1;
}
.nashestvie2020__article_head {
  display: flex;
}
.nashestvie2020__article_logo {
  flex-shrink: 0;
  margin-right: 10px;
  width: 43px;
  height: 43px;
  background-image: url("/img/nashestvie2020/nashestvie.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
.nashestvie2020__article_title .title {
  margin: 0;
  color: #FFF;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
}
.nashestvie2020__article_title a.title:hover {
  color: rgba(255, 255, 255, 0.8);
}
.nashestvie2020__article_title .date {
  font-weight: 700;
  font-size: 12px;
}
.nashestvie2020__article_content {
  margin: 15px 0 0;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.olimp {
  width: 100%;
}
.olimp__header {
  margin: 0 -20px;
}
@media (min-width: 864px) {
  .olimp__header {
    margin: 0;
  }
}
.olimp__header img {
  display: block;
  width: 100%;
}
.olimp__result {
  display: none;
  align-items: center;
}
.olimp__result .progress {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
}
.olimp__result .percent {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.olimp__result .percent span {
  color: #333;
  font-weight: 700;
}
.olimp__result .message {
  margin-left: 20px;
  letter-spacing: 0.03em;
  font-size: 12px;
  text-transform: uppercase;
}
@media (min-width: 544px) {
  .olimp__result .message {
    font-size: 14px;
  }
}
.olimp__duel_cover {
  margin: 0 -30px;
}
@media (min-width: 864px) {
  .olimp__duel_cover {
    margin: 0;
  }
}
.olimp__duel_cover img {
  display: block;
  width: 100%;
}
.olimp__duel_nominant {
  width: 50%;
}
.olimp__duel_voting {
  display: flex;
  justify-content: space-around;
  margin: 0 0 30px;
}
@media (min-width: 544px) {
  .olimp__duel_voting {
    justify-content: space-evenly;
  }
}
@media (min-width: 544px) {
  .olimp__duel_voting .button {
    max-width: 160px;
    width: 100%;
  }
}
.olimp__duel_voting-done .button {
  display: none;
}
.olimp__duel_voting-done .olimp__result {
  display: flex;
}
.olimp__duel_message {
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 50px;
}
.olimp__nomination {
  margin: 0 0 40px;
}
.olimp__nomination_embed {
  margin: 10px 0 0;
}
.olimp__nomination_embed iframe {
  display: block;
}
.olimp .bracket {
  color: #FFF;
  font-size: 12px;
  overflow: hidden;
  background: radial-gradient(79.02% 79.02% at 50% 50%, #1AB2B8 0%, #101B49 100%);
}
.olimp .bracket__title {
  margin: 10px 0;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 60px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.olimp .bracket__title:after {
  content: "";
  display: block;
  margin: 0 auto;
  max-width: 220px;
  width: 100%;
  border-top: 1px solid #FFF;
}
.olimp .bracket__table {
  margin: 20px 0 25px;
  width: 100%;
  overflow-x: auto;
}
.olimp .bracket__container {
  display: flex;
}
.olimp .bracket__content {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0 20px;
}
.olimp .bracket__stage {
  display: -ms-grid;
  display: grid;
  grid-auto-rows: 1fr;
  grid-auto-flow: row;
}
.olimp .bracket__stage:first-child .bracket__cell:before,
.olimp .bracket__stage:first-child .bracket__cell:after,
.olimp .bracket__stage:first-child .bracket__nominant:before {
  display: none;
}
.olimp .bracket__stage:last-child .bracket__duel:after {
  display: none;
}
.olimp .bracket__cell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 40px 20px 20px;
}
.olimp .bracket__cell:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 25px);
  height: calc(25% - 25px);
  transform: translateY(-100%);
  border-left: 1px solid #FFF;
}
.olimp .bracket__cell:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% + 25px);
  height: calc(25% - 25px);
  border-left: 1px solid #FFF;
}
.olimp .bracket__duel {
  position: relative;
}
.olimp .bracket__duel:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 41px;
  transform: translateX(100%);
  border-top: 1px solid #fff;
}
.olimp .bracket__duel_date {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  padding: 0 5px;
  font-size: 10px;
  line-height: 20px;
  background-color: #2BBDA8;
}
.olimp .bracket__duel_score {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  right: 0;
  width: 45px;
  height: 45px;
  transform: translate(50%, -50%);
  z-index: 1;
  color: rgba(255, 255, 255, 0.3);
  font-size: 16px;
  background-color: #125370;
  border-radius: 45px;
}
.olimp .bracket__duel_ended .bracket__duel_date {
  background-color: rgba(18, 45, 87, 0.2);
}
.olimp .bracket__duel_ended .bracket__duel_score {
  color: #FFF;
  background-color: #2BBDA8;
}
.olimp .bracket__duel_ended .bracket__nominant {
  background-color: rgba(255, 255, 255, 0.1);
}
.olimp .bracket__nominants {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 90px;
}
.olimp .bracket__nominant {
  position: relative;
  padding: 0 20px 0 10px;
  width: 170px;
  height: 40px;
  line-height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.olimp .bracket__nominant:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 21px;
  transform: translateX(-100%);
  border-top: 1px solid #fff;
}
.olimp .bracket__nominant_known {
  background-color: rgba(255, 255, 255, 0.1);
}
.olimp .bracket__nominant span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.olimp__table {
  margin: 30px 0 0;
  color: #FFF;
  font-size: 12px;
  overflow: hidden;
  background: radial-gradient(79.02% 79.02% at 50% 50%, #1AB2B8 0%, #101B49 100%);
}
.olimp__table_title {
  margin: 10px 0;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 60px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.olimp__table_title:after {
  content: "";
  display: block;
  margin: 0 auto;
  max-width: 220px;
  width: 100%;
  border-top: 1px solid #FFF;
}
.olimp__table_grid {
  display: flex;
  flex-direction: row;
  padding: 15px 15px 20px;
}
@media (min-width: 864px) {
  .olimp__table_grid {
    padding: 15px 35px 40px 35px;
  }
}
.olimp__table .olimp__row {
  display: flex;
  height: 50px;
  text-align: center;
}
.olimp__table_nominants {
  flex-shrink: 0;
  margin: 0 0 20px;
  width: 100%;
  max-width: 130px;
}
@media (min-width: 864px) {
  .olimp__table_nominants {
    max-width: 200px;
  }
}
.olimp__table_nominants .olimp__row {
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-left: none;
  border-bottom: none;
}
.olimp__table_nominants .olimp__row:first-child {
  height: 100px;
  border-top: none;
}
.olimp__table_duels {
  position: relative;
  width: 100%;
  overflow-x: auto;
}
.olimp__table_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.olimp__table_head {
  display: flex;
}
.olimp__table .olimp__column {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 100px;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 768px) {
  .olimp__table .olimp__column {
    flex: 1;
  }
}
.olimp__table .olimp__column:first-child {
  border: none;
}
.olimp__table .olimp__column span {
  transform: rotate(-90deg);
}
.olimp__table .olimp__cell {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-right: none;
  border-bottom: none;
}
@media (min-width: 768px) {
  .olimp__table .olimp__cell {
    flex: 1;
  }
}
.olimp__table .olimp__cell:first-child {
  border-left: none;
}
.olimp__table .olimp__cell .today {
  display: none;
}
.olimp__table .olimp__cell_same {
  background-color: rgba(18, 45, 87, 0.2);
}
.olimp__table .olimp__cell_score {
  font-weight: 700;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.15);
}
.olimp__table .olimp__cell_today {
  flex-direction: column;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.03em;
  background-color: rgba(53, 230, 188, 0.7);
}
.olimp__table .olimp__cell_today .today {
  display: block;
  font-size: 12px;
  font-weight: 500;
}
.olimp__table .olimp__cell_planned {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 700;
  letter-spacing: 0.03em;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.prizy__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.prizy__header img {
  display: block;
  width: 100%;
}
.prizy__header .button {
  margin: 20px 0 0;
  max-width: 180px;
  width: 100%;
}
@media (min-width: 864px) {
  .prizy__header_mobile {
    display: none;
  }
}
.prizy__header_desktop {
  display: none;
}
@media (min-width: 864px) {
  .prizy__header_desktop {
    display: block;
  }
}
.prizy__content {
  margin: 35px 0 0;
  color: #3B3B3B;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.prizy .present {
  position: relative;
  text-align: center;
}
.prizy .present span {
  display: inline-block;
  padding: 5px 10px;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background-color: #2B2B2B;
}
.prizy .present img {
  display: block;
  width: 100%;
}
.prizy .present__cover {
  width: 100%;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.prizy .present__name {
  display: inline-block;
  margin: 10px 0 0;
}
.prizy .present_busy .present__name {
  display: none;
}
.prizy .present__overlay {
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.prizy .present_busy .present__overlay {
  display: flex;
}
.prizy__block {
  margin: 35px 0 0;
}
.prizy__block_title {
  display: inline-block;
  padding: 0 10px;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background-color: #E63935;
}
.prizy__block_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 20px;
  grid-column-gap: 35px;
  margin: 35px 0 0;
  padding: 0 0 60px;
  border-bottom: 1px solid #E1E1E1;
}
@media (min-width: 864px) {
  .prizy__block_list {
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    grid-column-gap: 20px;
  }
}
.prizy__main {
  margin: 20px 0 30px;
}
@media (min-width: 864px) {
  .prizy__main {
    margin: 35px 0 60px;
  }
}
.prizy__rules {
  padding-left: 5px;
  padding-right: 5px;
  background: #F7F7F7;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  color: #000000;
  text-decoration: none;
  transition: opacity .2s;
  font-size: 14px;
  line-height: 30px;
}
.prizy__rules:hover {
  opacity: .7;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.top100__fullscreen {
  margin-bottom: -600px;
  padding-bottom: 600px;
  background-position: center top;
  background-repeat: no-repeat;
}
.top100__container .container {
  display: flex;
  padding-bottom: 80px;
}
.top100__nashe {
  background: radial-gradient(circle, #ff6a59 0%, #dd3034 34%, #05233c 100%);
  background-size: 100% 100vh;
  color: #FFF;
}
.top100__nashe .top100__fullscreen {
  position: relative;
  padding-top: 29%;
  background-position: center 15px;
  background-size: 100%;
  background-image: url("/img/top100/nashe/background-mobile.png");
}
@media (min-width: 1024px) {
  .top100__nashe .top100__fullscreen {
    padding-top: 20%;
    background-position: center 20px;
    background-size: 100%;
    background-image: url("/img/top100/nashe/background.png");
  }
}
@media (min-width: 1233px) {
  .top100__nashe .top100__fullscreen {
    background-position: center 30px;
  }
}
.top100__rock {
  background: linear-gradient(180.4deg, #2C2A37 -4.04%, #16161D 38.22%);
  color: #FFF;
}
.top100__rock .top100__fullscreen {
  padding-top: 47%;
  background-size: 200%;
  background-image: url("/img/top100/rock/background.png");
}
@media (min-width: 864px) {
  .top100__rock .top100__fullscreen {
    padding-top: 35%;
    background-size: 150%;
  }
}
@media (min-width: 1233px) {
  .top100__rock .top100__fullscreen {
    padding-top: 24%;
    background-size: 100%;
  }
}
.top100__ultra {
  background-color: #3CB4F9;
  color: #FFF;
}
.top100__ultra .top100__fullscreen {
  padding-top: 55%;
  background-size: 200%;
  background-image: url("/img/top100/ultra/background.png");
}
@media (min-width: 544px) {
  .top100__ultra .top100__fullscreen {
    padding-top: 40%;
    background-size: 150%;
  }
}
@media (min-width: 1233px) {
  .top100__ultra .top100__fullscreen {
    padding-top: 27%;
    background-size: 100%;
  }
}
@media (min-width: 1233px) {
  .top100__tile {
    flex-grow: 1;
    margin-right: 30px;
  }
}
.top100__button {
  position: relative;
}
.top100__button .spinner {
  display: none;
}
.top100__button_busy {
  font-size: 0 !important;
  color: transparent !important;
}
.top100__button_busy .spinner {
  animation: busy__rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  width: 30px;
  height: 30px;
}
.top100__button_busy .spinner .path {
  stroke: #ffffff;
  stroke-linecap: round;
  animation: busy__dash 1.5s ease-in-out infinite;
}
.top100__input input {
  display: block;
  padding: 0 15px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  background-color: transparent;
  border-radius: 20px;
  transition: border 200ms ease-out;
}
.top100__input input:focus {
  border-color: #fff;
}
.top100__input input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.top100__input input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.top100__nashe .top100__input input {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.top100__rock .top100__input input {
  border: 1px solid rgba(142, 142, 142, 0.3);
}
.top100__ultra .top100__input input {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.top100__select {
  position: relative;
}
.top100__select_value {
  padding: 0 45px 0 20px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  border-radius: 20px;
  transition: border 200ms ease-out;
}
.top100__select_value.top100__field_fill {
  color: #000;
}
.top100__select_arrow {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 15px;
  margin: -5px 0 0;
  width: 18px;
  height: 11px;
  pointer-events: none;
  background-image: url("/img/icons/select-arrow-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.top100__select_open .top100__select_arrow {
  transform: rotate(180deg);
}
.top100__select_options {
  position: absolute;
  display: none;
  flex-direction: column;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  color: #000;
  background-color: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  z-index: 1;
}
.top100__select_open .top100__select_options {
  display: flex;
}
.top100__select_option {
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.top100__select_option:nth-child(2n) {
  background-color: #F7F7F7;
}
.top100__select_option:hover {
  background-color: #eee;
}
.top100__field {
  position: relative;
}
.top100__field + .top100__field {
  margin: 30px 0 0;
}
.top100__field_label {
  position: absolute;
  top: 30%;
  left: 10px;
  padding: 0px 5px;
  font-size: 10px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s, top .2s;
}
.top100__nashe .top100__field_label {
  display: none;
}
.top100__field_fill ~ .top100__field_label {
  top: -5px;
  opacity: 1;
}
.top100__nashe .top100__field_fill ~ .top100__field_label {
  background-color: #1e1e26;
}
.top100__rock .top100__field_fill ~ .top100__field_label {
  background-color: #1e1e26;
}
.top100__ultra .top100__field_fill ~ .top100__field_label {
  background-color: #3bb0f4;
}
.top100__field_error {
  position: absolute;
  bottom: 0px;
  left: 15px;
  line-height: 16px;
  color: #FD4040;
  font-size: 10px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s, bottom .2s;
}
.top100__field_invalid {
  margin-bottom: 20px;
}
.top100__field_invalid .top100__input input[type="text"],
.top100__field_invalid .top100__input textarea,
.top100__field_invalid .top100__select_value {
  border-color: #F00;
}
.top100__field_invalid .top100__field_label {
  top: -5px;
  opacity: 1;
  color: #F00;
}
.top100__nashe .top100__field_invalid .top100__field_label {
  background-color: #1e1e26;
}
.top100__rock .top100__field_invalid .top100__field_label {
  background-color: #1e1e26;
}
.top100__ultra .top100__field_invalid .top100__field_label {
  background-color: #3bb0f4;
}
.top100__field_invalid .top100__field_error {
  bottom: -16px;
  opacity: 1;
}
.top100__text {
  font-size: 14px;
  line-height: 25px;
}
.top100__list {
  margin: 30px -20px 0;
}
.top100__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
@media (min-width: 544px) {
  .top100__item {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
    min-height: 100px;
  }
}
.top100__item .group {
  text-align: center;
  line-height: 24px;
}
@media (min-width: 544px) {
  .top100__item .group {
    margin: 0 20px 0 0;
    padding: 15px 0;
    text-align: left;
  }
}
.top100__item .group__place {
  display: inline-block;
  margin: 0 10px 0 0;
}
.top100__item .group__name {
  display: inline-block;
}
.top100__item .group__name:after {
  content: "/";
  display: inline-block;
  margin: 0 7px;
}
.top100__item .group__song {
  display: inline-block;
  margin: 0 10px 0 0;
  color: rgba(255, 255, 255, 0.5);
}
.top100__item .group__listen {
  display: inline-block;
  padding: 0 3px;
  height: 20px;
  line-height: 20px;
  background-color: #FFF;
  border: 1px solid #E3E3E3;
  color: #000;
  border-radius: 3px;
  font-weight: 700;
  text-decoration: none;
}
.top100__item .vote {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0;
  max-width: 190px;
  width: 100%;
  height: 50px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  border-radius: 50px;
}
@media (min-width: 544px) {
  .top100__item .vote {
    margin: 0;
  }
}
.top100__item .vote:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.top100__item .vote_done {
  border: 1px solid transparent;
  background-color: transparent;
  pointer-events: none;
}
.top100__nashe .top100__item:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.07);
}
.top100__rock .top100__item:nth-child(2n) {
  background-color: rgba(26, 25, 33, 0.8);
}
.top100__ultra .top100__item:nth-child(2n) {
  background-color: #35aff5;
}
.top100__filter {
  margin: 20px 0 0;
}
@media (min-width: 864px) {
  .top100__filter {
    margin: 30px 0 0;
  }
}
.top100__filter .filter {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 544px) {
  .top100__filter .filter {
    flex-direction: row;
  }
}
.top100__filter .filter__select {
  margin: 10px 0 0;
  width: 100%;
}
@media (min-width: 544px) {
  .top100__filter .filter__select {
    margin: 0 0 0 15px;
    max-width: 320px;
  }
}
.top100__filter .filter__sort {
  margin: 10px 0 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 20px;
}
@media (min-width: 544px) {
  .top100__filter .filter__sort {
    margin: 0 0 0 15px;
    max-width: 140px;
  }
}
.top100__nashe .top100__filter .filter__sort_active,
.top100__nashe .top100__filter .filter__sort:hover {
  background-color: #D73734;
  border-color: #D73734;
}
.top100__rock .top100__filter .filter__sort_active,
.top100__rock .top100__filter .filter__sort:hover {
  background-color: #F2232E;
  border-color: #F2232E;
}
.top100__ultra .top100__filter .filter__sort_active,
.top100__ultra .top100__filter .filter__sort:hover {
  background-color: #6BC9FF;
  border-color: #6BC9FF;
}
.top100__filter .filter__sort_disabled {
  background-color: transparent !important;
  border-color: #fff !important;
  opacity: .2;
}
.top100__title {
  margin: 20px 0 0;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media (min-width: 864px) {
  .top100__title {
    margin: 35px 0 0;
  }
}
.top100__gather {
  max-width: 760px;
}
.top100__gather .gather__item {
  margin: 20px 0 0;
  padding: 25px 25px 30px 20px;
  border-radius: 10px;
}
.top100__nashe .top100__gather .gather__item {
  background-color: rgba(0, 0, 0, 0.07);
}
.top100__rock .top100__gather .gather__item {
  background-color: rgba(255, 255, 255, 0.02);
}
.top100__ultra .top100__gather .gather__item {
  background-color: rgba(0, 0, 0, 0.02);
}
.top100__gather .gather__submit {
  display: block;
  margin: 20px auto 0;
  width: 100%;
  max-width: 180px;
  height: 50px;
  line-height: 50px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  border-radius: 50px;
}
@media (min-width: 544px) {
  .top100__gather .gather__submit {
    margin: 35px 0 0;
  }
}
.top100__nashe .top100__gather .gather__submit {
  background-color: #D73734;
}
.top100__rock .top100__gather .gather__submit {
  background-color: #F11523;
}
.top100__ultra .top100__gather .gather__submit {
  background-color: #6BC9FF;
}
.top100__status {
  margin: 20px 0 0;
  font-size: 13px;
  text-align: center;
}
.top100__status_success {
  color: #fff;
}
.top100__status_error {
  color: #F00;
}
@media (min-width: 544px) {
  .top100__status {
    margin: 35px 0 0;
    text-align: left;
  }
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.toyotires__fullscreen {
  margin-bottom: -600px;
  padding-bottom: 600px;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #13283B;
  background-size: 150%;
  background-image: url("/img/toyotires/background.jpg");
}
@media (min-width: 544px) {
  .toyotires__fullscreen {
    background-size: contain;
  }
}
@media (min-width: 1233px) {
  .toyotires__fullscreen {
    background-size: 1920px;
  }
}
@media (min-width: 1920px) {
  .toyotires__fullscreen {
    background-size: contain;
  }
}
.toyotires__content {
  padding-bottom: 40px;
}
@media (min-width: 1233px) {
  .toyotires__content {
    display: flex;
  }
}
.toyotires__head {
  padding: 20px 0 35px;
  color: #FFF;
  background-color: rgba(19, 40, 59, 0.7);
  overflow: hidden;
}
@media (min-width: 544px) {
  .toyotires__head {
    padding: 20px 0 50px;
    background-color: transparent;
  }
}
@media (min-width: 864px) {
  .toyotires__head {
    padding: 20px 0 60px;
  }
}
.toyotires__head .container {
  max-width: 1150px;
}
.toyotires__head .swiper-container {
  padding: 0;
  overflow: visible;
}
.toyotires__head .swiper-pagination {
  bottom: -25px !important;
}
@media (min-width: 864px) {
  .toyotires__head .swiper-pagination {
    display: none;
  }
}
.toyotires__head .swiper-pagination-bullet {
  padding: 0;
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.3);
}
.toyotires__head .swiper-pagination-bullet:before {
  content: none;
}
.toyotires__head .swiper-pagination-bullet-active {
  background-color: #fff;
}
.toyotires__head_full {
  margin: 0 -20px;
}
@media (min-width: 544px) {
  .toyotires__head_full {
    margin: 0;
  }
}
.toyotires__head_logo {
  margin: 0 auto;
  width: 100%;
  height: 45px;
  background-image: url("/img/toyotires/logo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 500px;
}
@media (min-width: 544px) {
  .toyotires__head_logo {
    margin: 0 0 0 -30px;
    width: 500px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}
@media (min-width: 864px) {
  .toyotires__head_logo {
    width: 660px;
    height: 60px;
  }
}
@media (min-width: 1233px) {
  .toyotires__head_logo {
    margin: 0 0 0 -80px;
    width: 770px;
    height: 70px;
  }
}
.toyotires__head_text {
  margin: 30px 0 0;
  font-size: 14px;
  text-align: center;
  line-height: 21px;
}
@media (min-width: 544px) {
  .toyotires__head_text {
    text-align: left;
  }
}
@media (min-width: 544px) {
  .toyotires__head_text {
    max-width: 350px;
  }
}
@media (min-width: 864px) {
  .toyotires__head_text {
    max-width: 480px;
  }
}
@media (min-width: 1030px) {
  .toyotires__head_text {
    max-width: 540px;
  }
}
@media (min-width: 1233px) {
  .toyotires__head_text {
    margin: 40px 0 0;
  }
}
.toyotires__head_participate {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 544px) {
  .toyotires__head_participate {
    flex-direction: column;
  }
}
.toyotires__head_join {
  display: block;
  margin: 20px auto 0;
  max-width: 250px;
  width: 100%;
  height: 50px;
  cursor: pointer;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 50px;
  background-color: #FA4E4A;
  border-radius: 50px;
}
@media (min-width: 544px) {
  .toyotires__head_join {
    margin: 30px 0 0;
  }
}
.toyotires__head_join:hover {
  background-color: #FF7673;
}
.toyotires__head_steps {
  margin: 30px 0 0;
}
@media (min-width: 864px) {
  .toyotires__head_steps {
    margin: 40px 0 0;
  }
}
@media (min-width: 1030px) {
  .toyotires__head_steps {
    margin: 65px 0 0;
  }
}
@media (min-width: 1233px) {
  .toyotires__head_steps {
    margin: 45px 0 0;
  }
}
.toyotires__head_steps .swiper-slide {
  margin-right: 70px;
  width: auto;
}
.toyotires__head_steps .swiper-slide:last-child {
  margin: 0;
}
.toyotires__head_steps .step {
  position: relative;
  display: flex;
  align-items: center;
}
.toyotires__head_steps .step__next {
  display: inline-block;
  position: absolute;
  right: -40px;
  width: 20px;
  height: 20px;
  transform: rotate(135deg);
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}
.toyotires__head_steps .step__num {
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px dashed #FFFFFF;
  border-radius: 50px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
}
.toyotires__head_steps .step__badge {
  display: inline-block;
  margin: 0 0 2px;
  padding: 0 5px;
  background-color: #FA4E4A;
  border-radius: 5px;
}
.toyotires__head_steps .step__todo {
  margin: 0 0 0 10px;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}
.toyotires__head_subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 544px) {
  .toyotires__head_subtitle {
    font-size: 18px;
  }
}
.toyotires__head_tickets {
  margin: 30px 0 0;
  padding: 0 0 35px;
}
@media (min-width: 864px) {
  .toyotires__head_tickets {
    margin: 50px 0 0;
    padding: 0;
  }
}
.toyotires__head_tickets .swiper-container {
  margin: 20px 0 0;
}
.toyotires__head_tickets .swiper-slide {
  margin-right: 10px;
  width: 100%;
}
.toyotires__head_tickets .swiper-slide:last-child {
  margin: 0;
}
@media (min-width: 544px) {
  .toyotires__head_tickets .swiper-slide {
    width: auto;
  }
}
.toyotires__head_tickets .ticket {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  background-color: rgba(19, 29, 42, 0.4);
  border-radius: 10px;
}
.toyotires__head_tickets .ticket__icon {
  width: 70px;
  height: 70px;
  background-image: url("/img/toyotires/ticket.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-align: center;
  line-height: 73px;
  font-size: 14px;
  font-weight: 700;
}
.toyotires__head_tickets .ticket__type {
  margin-left: 12px;
}
.toyotires__head_tickets .ticket__title {
  margin: 0 0 3px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.toyotires__head_prizes {
  margin: 30px 0 0;
  padding: 0 0 35px;
}
@media (min-width: 864px) {
  .toyotires__head_prizes {
    margin: 50px 0 0;
    padding: 0;
  }
}
.toyotires__head_prizes .swiper-container {
  margin: 20px 0 0;
}
.toyotires__head_prizes .swiper-slide {
  margin-right: 50px;
  width: 100%;
}
.toyotires__head_prizes .swiper-slide:last-child {
  margin: 0;
}
@media (min-width: 544px) {
  .toyotires__head_prizes .swiper-slide {
    width: auto;
  }
}
.toyotires__head_prizes .prize {
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 864px) {
  .toyotires__head_prizes .prize {
    font-size: 16px;
    line-height: 22px;
  }
}
.toyotires__head_prizes .prize strong {
  display: block;
}
.toyotires__head_prizes .prize__image {
  max-width: 100%;
}
@media (min-width: 544px) {
  .toyotires__head_prizes .prize__image {
    max-width: 250px;
  }
}
@media (min-width: 864px) {
  .toyotires__head_prizes .prize__image {
    max-width: 300px;
  }
}
.toyotires__head_prizes .prize__image img {
  display: block;
  width: 100%;
}
.toyotires__head_about {
  margin: 20px auto 0;
  line-height: 21px;
  letter-spacing: 0.03em;
  text-align: center;
}
.toyotires__head_about strong {
  display: block;
  text-transform: uppercase;
}
@media (min-width: 864px) {
  .toyotires__head_about {
    margin: 30px auto 0;
    max-width: 720px;
  }
}
@media (min-width: 1030px) {
  .toyotires__head_about {
    margin: 35px auto 0;
    max-width: 850px;
  }
}
@media (min-width: 1233px) {
  .toyotires__head_about {
    margin: 40px 0 0;
    max-width: 1100px;
  }
}
.toyotires__head_rules {
  display: block;
  margin: 25px auto 0;
  max-width: 200px;
  width: 100%;
  height: 50px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 50px;
  background-color: #21354E;
  border-radius: 50px;
}
@media (min-width: 544px) {
  .toyotires__head_rules {
    margin: 30px auto 0;
  }
}
.toyotires__head_rules:hover {
  background-color: #2B415C;
}
.toyotires__head_toyotires {
  display: block;
  margin: 35px auto 0;
  width: 258px;
  height: 40px;
  background-image: url("/img/toyotires/toyotires-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 864px) {
  .toyotires__head_toyotires {
    margin: 45px auto 0;
    width: 320px;
    height: 50px;
  }
}
.toyotires__results {
  position: relative;
  margin-bottom: -160px;
  padding: 40px 0 160px;
  color: #FFF;
  background-color: #131D2A;
}
@media (min-width: 864px) {
  .toyotires__results {
    margin-bottom: -180px;
    padding: 40px 0 180px;
  }
}
@media (min-width: 1233px) {
  .toyotires__results {
    margin-bottom: -180px;
    padding: 60px 0 240px;
  }
}
.toyotires__results .container {
  max-width: 768px;
}
.toyotires__results_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 864px) {
  .toyotires__results_title {
    font-size: 20px;
    line-height: 23px;
  }
}
@media (min-width: 1233px) {
  .toyotires__results_title {
    font-size: 22px;
    line-height: 26px;
  }
}
.toyotires__results_list {
  margin: 20px -20px 0;
}
@media (min-width: 864px) {
  .toyotires__results_list {
    margin: 30px 0 0;
  }
}
.toyotires__results_item {
  padding: 20px;
  text-align: center;
  line-height: 21px;
}
.toyotires__results_item:nth-child(2n) {
  background-color: #152333;
}
@media (min-width: 864px) {
  .toyotires__results_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 60px;
    line-height: 18px;
    text-align: left;
  }
}
@media (min-width: 864px) {
  .toyotires__results_item .name {
    flex-shrink: 0;
  }
}
@media (min-width: 864px) {
  .toyotires__results_item .prize {
    text-align: right;
  }
}
.toyotires__countdown {
  position: relative;
  padding: 40px 0 60px;
  color: #FFF;
  background-color: #131D2A;
}
@media (min-width: 864px) {
  .toyotires__countdown {
    padding: 40px 0 80px;
  }
}
@media (min-width: 1233px) {
  .toyotires__countdown {
    padding: 60px 0 140px;
  }
}
.toyotires__countdown:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #13283B;
  -webkit-clip-path: polygon(0 0, 0% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 0% 0, 100% 100%, 0 100%);
}
@media (min-width: 864px) {
  .toyotires__countdown:before {
    height: 80px;
  }
}
@media (min-width: 1233px) {
  .toyotires__countdown:before {
    height: 150px;
  }
}
.toyotires__countdown .container {
  max-width: 768px;
}
.toyotires__countdown_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 864px) {
  .toyotires__countdown_title {
    font-size: 20px;
    line-height: 23px;
  }
}
@media (min-width: 1233px) {
  .toyotires__countdown_title {
    font-size: 22px;
    line-height: 26px;
  }
}
.toyotires__countdown_timer {
  display: none;
  justify-content: center;
  align-items: center;
  margin: 20px 0 0;
}
@media (min-width: 864px) {
  .toyotires__countdown_timer {
    margin: 50px 0 0;
  }
}
.toyotires__countdown_timer-active {
  display: flex;
}
.toyotires__countdown_clock {
  margin-left: 15px;
  width: 55px;
  height: 55px;
}
@media (min-width: 400px) {
  .toyotires__countdown_clock {
    margin-left: 20px;
    width: 75px;
    height: 75px;
  }
}
@media (min-width: 864px) {
  .toyotires__countdown_clock {
    margin-left: 30px;
    width: 150px;
    height: 150px;
  }
}
.toyotires__countdown_clock:first-child {
  margin: 0;
}
.toyotires__countdown_label {
  word-spacing: 999px;
  text-align: center;
  display: block;
  line-height: 1;
  margin: 0px;
  font-size: 10px;
  color: #FFF;
}
@media (min-width: 400px) {
  .toyotires__countdown_label {
    font-size: 12px;
  }
}
@media (min-width: 864px) {
  .toyotires__countdown_label {
    font-size: 16px;
  }
}
.toyotires__countdown_label span {
  display: inline-block;
  line-height: 1;
  margin: 0px;
  font-size: 14px;
  color: #FFF;
}
@media (min-width: 400px) {
  .toyotires__countdown_label span {
    font-size: 16px;
  }
}
@media (min-width: 864px) {
  .toyotires__countdown_label span {
    font-size: 45px;
  }
}
.toyotires__countdown_prize {
  margin: 30px 0 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.03em;
  text-align: center;
}
@media (min-width: 864px) {
  .toyotires__countdown_prize {
    margin: 50px 0 0;
  }
}
.toyotires__countdown_next {
  margin: 20px auto 0;
  width: 55px;
  height: 55px;
  background-image: url("/img/toyotires/next.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 864px) {
  .toyotires__countdown_next {
    margin-top: 30px;
  }
}
@media (min-width: 1233px) {
  .toyotires__countdown_next {
    margin-top: 40px;
  }
}
.toyotires__application {
  padding: 20px 0 60px;
  color: #FFF;
  text-align: center;
}
.toyotires__application .container {
  max-width: 728px;
}
.toyotires__application_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 544px) {
  .toyotires__application_title {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.05em;
  }
}
.toyotires__sent {
  margin: 50px 0 0;
}
.toyotires__sent .container {
  max-width: 728px;
}
.toyotires__sent_image {
  margin: 0 auto;
  width: 90px;
  height: 90px;
  background-image: url("/img/toyotires/email.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.toyotires__sent_title {
  margin: 30px 0 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 544px) {
  .toyotires__sent_title {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.05em;
  }
}
.toyotires__sent_subtitle {
  margin: 30px 0 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.03em;
}
.toyotires__checkbox {
  display: inline-flex;
  align-items: flex-start;
  cursor: pointer;
}
.toyotires__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
input ~ .toyotires__checkbox_icon {
  background-color: #fff;
}
.toyotires__checkbox_icon {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.toyotires__checkbox_icon:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 7px;
  height: 14px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
input:checked ~ .toyotires__checkbox_icon:after {
  display: block;
}
.toyotires__checkbox_text {
  display: flex;
  flex-direction: column;
  line-height: 20px;
}
.toyotires__input textarea,
.toyotires__input input {
  display: block;
  padding: 0 15px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
  color: #fff;
  border-radius: 20px;
  transition: border 200ms ease-out;
}
.toyotires__input textarea:focus,
.toyotires__input input:focus {
  border-color: #fff;
}
.toyotires__input textarea {
  padding: 14px 15px;
  line-height: 15px;
  resize: none;
}
.toyotires__file_container {
  display: flex;
  height: 40px;
  line-height: 40px;
}
.toyotires__file_select {
  flex-shrink: 0;
  position: relative;
  max-width: 180px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  background-color: #27405C;
  border-radius: 20px;
}
.toyotires__file_select:hover {
  background-color: #395371;
}
.toyotires__file_path {
  margin: 0 15px 0 0;
  padding: 0 15px;
  width: 100%;
  cursor: default;
  color: #979797;
  text-align: left;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
  border-radius: 20px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome, Opera and Firefox */
  overflow: hidden;
}
.toyotires__file_path span {
  word-break: break-all;
}
.toyotires__file input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.toyotires__file input::-webkit-file-upload-button {
  cursor: pointer;
}
.toyotires__field {
  position: relative;
  margin: 30px 0 0;
}
.toyotires__field_label {
  position: absolute;
  top: 30%;
  left: 10px;
  padding: 0px 5px;
  font-size: 10px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s, top .2s;
}
.toyotires__field_fill ~ .toyotires__field_label {
  top: -5px;
  opacity: 1;
  background-color: #13283B;
}
.toyotires__field_error {
  position: absolute;
  bottom: 0px;
  left: 15px;
  line-height: 16px;
  color: #F00;
  font-size: 10px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s, bottom .2s;
}
.toyotires__field_invalid {
  margin-bottom: 20px;
}
.toyotires__field_invalid .toyotires__input input[type="text"],
.toyotires__field_invalid .toyotires__input textarea,
.toyotires__field_invalid .toyotires__select_value {
  border-color: #F00;
}
.toyotires__field_invalid .toyotires__field_label {
  top: -5px;
  opacity: 1;
  color: #F00;
  background-color: #13283B;
}
.toyotires__field_invalid .toyotires__field_error {
  bottom: -16px;
  opacity: 1;
}
.toyotires__field .toyotires__file {
  margin: 15px 0 0;
}
.toyotires__status {
  margin: 20px 0 0;
  font-size: 13px;
  text-align: center;
}
.toyotires__status_success {
  color: #090;
}
.toyotires__status_error {
  color: #F00;
}
.toyotires__submit {
  display: block;
  margin: 20px auto 0;
  width: 100%;
  max-width: 200px;
  height: 50px;
  line-height: 50px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  background-color: #FA4E4A;
  border: none;
  cursor: pointer;
  border-radius: 50px;
}
.toyotires__submit:hover {
  background-color: #FF7673;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@keyframes ya_doma__rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ya_doma__dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.player .ya_doma {
  position: relative;
  display: none;
}
@media (min-width: 864px) {
  .player .ya_doma {
    display: block;
  }
}
.player .ya_doma__toggle {
  margin-right: 10px;
  margin-top: 30px;
  width: 80px;
  height: 25px;
  cursor: pointer;
  background-image: url("/img/yadoma/nashe/button.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.player .ya_doma__toggle:hover {
  opacity: .7;
}
.player .ya_doma__rock .ya_doma__toggle {
  background-image: url("/img/yadoma/rock/button.png");
}
.player .ya_doma__jazz .ya_doma__toggle {
  background-image: url("/img/yadoma/jazz/button.png");
}
.player .ya_doma__ultra .ya_doma__toggle {
  background-image: url("/img/yadoma/ultra/button.png");
}
.player .ya_doma__popup {
  position: absolute;
  display: none;
  bottom: 90px;
  left: 50%;
  width: 480px;
  height: 252px;
  transform: translateX(-50%);
  color: #FFF;
  background-color: #fc3f3b;
  border-radius: 5px;
}
.player .ya_doma__popup:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 12.5px 0 12.5px;
  border-color: #fc3f3b transparent transparent transparent;
}
.player .ya_doma__popup_open {
  display: block;
}
.player .ya_doma__rock .ya_doma__popup {
  background-color: #433648;
}
.player .ya_doma__rock .ya_doma__popup:after {
  border-color: #433648 transparent transparent transparent;
}
.player .ya_doma__jazz .ya_doma__popup {
  background-color: #DF0D0D;
}
.player .ya_doma__jazz .ya_doma__popup:after {
  border-color: #DF0D0D transparent transparent transparent;
}
.player .ya_doma__ultra .ya_doma__popup {
  background-color: #59c3ff;
}
.player .ya_doma__ultra .ya_doma__popup:after {
  border-color: #59c3ff transparent transparent transparent;
}
.player .ya_doma__spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.player .ya_doma__spinner .spinner {
  animation: ya_doma__rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
}
.player .ya_doma__spinner .spinner .path {
  stroke: #ffffff;
  stroke-linecap: round;
  animation: ya_doma__dash 1.5s ease-in-out infinite;
}
.player .ya_doma__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 5px;
}
.player .ya_doma__refresh {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/yadoma/refresh.svg");
}
.player .ya_doma__refresh:hover {
  opacity: .7;
}
.player .ya_doma__download {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/img/yadoma/download.svg");
}
.player .ya_doma__download:hover {
  opacity: .7;
}
.player .ya_doma__social {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

@media (max-width: 320px + 50px) {
  .media-test {
    display: 'xs';
  }
}
@media (max-width: 544px) {
  .media-test {
    display: 'mobile';
  }
}
@media (max-width: 864px) {
  .media-test {
    display: 'tabletSmall';
  }
}
@media (max-width: 1030px) {
  .media-test {
    display: 'tablet';
  }
}
@media (max-width: 1233px) {
  .media-test {
    display: 'desktopSmall';
  }
}
@media (max-width: 1643px) {
  .media-test {
    display: 'desktop';
  }
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.young65__fullscreen {
  margin-bottom: -600px;
  padding-top: 20px;
  padding-bottom: 600px;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #1B1A22;
  background-size: 150%;
  background-image: url("/img/young65/background.png");
}
@media (min-width: 1233px) {
  .young65__fullscreen {
    background-size: 1920px;
  }
}
@media (min-width: 1920px) {
  .young65__fullscreen {
    background-size: contain;
  }
}
.young65__figure {
  margin: 0 auto;
  width: 100%;
  max-width: 280px;
}
@media (min-width: 544px) {
  .young65__figure {
    max-width: 450px;
  }
}
@media (min-width: 864px) {
  .young65__figure {
    max-width: 600px;
  }
}
@media (min-width: 1233px) {
  .young65__figure {
    max-width: 800px;
  }
}
.young65__figure img {
  display: block;
  width: 100%;
}
.young65__text {
  margin: 25px 0 0;
  font-size: 16px;
  line-height: 30px;
  color: #737185;
}
.young65__list {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 30px 0 45px;
}
@media (min-width: 544px) {
  .young65__list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin: 30px 0 100px;
  }
}
@media (min-width: 1233px) {
  .young65__list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.young65__item {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}
.young65__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.young65__link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=app.css.map */