:root {
    --main-color: #ce2435;
    --secondary-color: #b0b3f3;
    --third-color: #1e102e;
    --text-color-white: #fff;
}

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;
}
body,
html {
    height: 100%;
}

* {
    box-sizing: border-box;
}

body {
    font-size: 15px;
    line-height: 140%;
    font-family: 'IBM Plex Sans', sans-serif;
    color: #140E1B;
    position: relative;
    background: white;
}

img {
    max-width: 100%;
}

button,
input,
select,
textarea {
    outline: none;
    box-sizing: border-box;
}

input,
textarea,
select {
    height: 40px;
    font-family: 'IBM Plex Sans', sans-serif;
    color: #140E1B;
    border: 1px solid #EAEAEB;
    border-radius: 6px;
    padding: 0 12px;
    font-size: 14px;
}

input:focus,
textarea:focus,
select:focus {
    border: 1px solid #0255FB;
}

input.error,
textarea.error {
    border: 2px solid red;
}

input.error ~ label {
    display: none !important;
}

input.error ~ .hint {
    display: block;
}

.input-field {
    position: relative;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #8B8B92;
}

textarea {
    height: 120px;
    resize: none;
}

button {
    background: var(--third-color);
    border-radius: 6px;
    padding: 0 12px;
    height: 36px;
    border: 0;
    cursor: pointer;
    color: white;
    font-size: 14px;
    font-weight: normal;
    font-family: 'IBM Plex Sans', sans-serif;
}

button:hover {
    background: linear-gradient(0deg, #1F25A4, #1F25A4), var(--third-color);
}

button:active {
    background: var(--third-color);
    box-shadow: 0 0 0 2px #4956EC;
}

h1,
h2 {
    margin: 0;
}

a {
    color: #4956EC;
    font-size: 14px;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
    color: var(--third-color);
}

a:active {
    color: #1B74E4;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
}

.wrapper {
    overflow: hidden;
    box-sizing: border-box;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.overflow-hidden {
    overflow: hidden;
}
footer {
    flex-grow: 0;
    flex-shrink: 0;
}
.content {
    flex-grow: 1;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.flex.inline {
    display: inline-flex;
}

.flex.jcsb {
    justify-content: space-between;
}

.flex.jce {
    justify-content: flex-end;
}

.flex.ais {
    align-items: flex-start;
}

.flex.aic {
    align-items: center;
}

.flex.jcc {
    justify-content: center;
}

.flex.aib {
    align-items: flex-end;
}

.flex.nowrap {
    flex-wrap: nowrap;
}

.flex.grow {
    flex-grow: 2;
}

.container {
    max-width: 820px;
    padding: 0 15px;
    margin: 0 auto;
}

footer .container {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

header {
    position: relative;
    padding: 20px 0;
    background: var(--third-color);
}

header .logo {
    display: flex;
    width: 150px;
}

header .top-menu li {
    min-width: 138px;
    text-align: center;
}

header .top-menu li a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

header .top-menu li.favourite {
    display: flex;
    align-content: center;
    padding-right: 33px;
    min-width: unset;
}

header .top-menu li.favourite a {
    width: 33px;
    height: 38px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS40ODQ0IDQuMzkxNDFMMTEuOTYxMyA0LjkwNzAzTDEyLjQ3NyA0LjM5MjI3QzEzLjkxNjQgMi45ODkzNCAxNS45MTAyIDIuMzUwODIgMTcuODY5NSAyLjY3Njk2QzIwLjgzMDEgMy4xNzAyNCAyMyA1LjczMjAzIDIzIDguNzM1NTVDMjMgMTAgMjEgMTAgMjAuOTM3NSA4LjczNTU1QzIwLjgzOTEgNi43NDQyMyAxOS40OTM4IDUuMDM4OTUgMTcuNTMwMSA0LjcxMTFDMTYuMjI4MSA0LjQ5NDUzIDE0LjkwNDcgNC45MTkwNiAxMy45NzIzIDUuODEzNjdDMTMuMDM5OCA2LjcwODI4IDExLjk2MTMgNy44MjQ2MSAxMS45NjEzIDcuODI0NjFMMTAuMDI3NyA1LjgxMzY3QzkuMDk1MzEgNC45MTkwNiA3Ljc3MTg4IDQuNDk0NTMgNi40Njk5MiA0LjcxMTFDNC41MDQxIDUuMDM4OTUgMy4wNjI1IDYuNzQxOCAzLjA2MjUgOC43MzU1NVY4Ljk4NDc3QzMuMDYyNSAxMC4xOTY1IDMuNTY1NjYgMTEuMzU2NiA0LjQ1MjExIDEyLjE4MTZMMTIgMTkuMjI4NUwxNS4yMDIzIDE2LjM5MDhDMTYuNSAxNS41IDE3LjQyNzUgMTcuMTg1NyAxNi41IDE4TDEzLjE5MDIgMjAuOTM4N0MxMi44NjggMjEuMjM5NSAxMi40NDI2IDIxLjQwNyAxMiAyMS40MDdDMTEuNTU3NCAyMS40MDcgMTEuMTMyIDIxLjIzOTUgMTAuODA5OCAyMC45Mzg3TDMuMDQ0ODggMTMuNjg5OEMxLjc0MDM1IDEyLjQ3MzggMSAxMC43NjggMSA4Ljk4NDc3VjguNzM1NTVDMSA1LjczMjAzIDMuMTcwNzggMy4xNzAyNCA2LjEzMDQ3IDIuNjc2OTZDOC4wNTExNyAyLjM1MDgyIDEwLjA4MzYgMi45ODkzNCAxMS40ODQ0IDQuMzkxNDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTggMTJDMTggMTEuNDQ3NyAxOC40NDc3IDExIDE5IDExSDI4QzI4LjU1MjMgMTEgMjkgMTEuNDQ3NyAyOSAxMkMyOSAxMi41NTIzIDI4LjU1MjMgMTMgMjggMTNIMTlDMTguNDQ3NyAxMyAxOCAxMi41NTIzIDE4IDEyWiIgZmlsbD0iI0Q5RDlEOSIvPgo8cGF0aCBkPSJNMTggMTZDMTggMTUuNDQ3NyAxOC40NDc3IDE1IDE5IDE1SDMwQzMwLjU1MjMgMTUgMzEgMTUuNDQ3NyAzMSAxNkMzMSAxNi41NTIzIDMwLjU1MjMgMTcgMzAgMTdIMTlDMTguNDQ3NyAxNyAxOCAxNi41NTIzIDE4IDE2WiIgZmlsbD0iI0Q5RDlEOSIvPgo8cGF0aCBkPSJNMTggMjBDMTggMTkuNDQ3NyAxOC40NDc3IDE5IDE5IDE5SDI4QzI4LjU1MjMgMTkgMjkgMTkuNDQ3NyAyOSAyMEMyOSAyMC41NTIzIDI4LjU1MjMgMjEgMjggMjFIMTlDMTguNDQ3NyAyMSAxOCAyMC41NTIzIDE4IDIwWiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K') center no-repeat;
}

header .top-menu li a:hover {
    text-decoration: underline;
}

header .search {
    position: relative;
}

header .search .form {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    flex-direction: column;
    top: -22px;
    z-index: 4;
}

header .search .form .search-input-container {
    display: flex;
}

header .burger .mobile-menu .favorite-container,
header .search .form .search-content,
header .search .form .search-container {
    width: 100%;
}

header .search .form.active .search-content,
header .burger .mobile-menu .favorite-container {
    max-height: 550px;
    overflow: scroll;
    padding: 0 16px 0 16px;
}

header .search .form.active .search-content::-webkit-scrollbar,
header .burger .mobile-menu .favorite-container::-webkit-scrollbar {
    display: none;
}

header .burger .mobile-menu .favorite-container ul li,
header .search .form .search-container ul li {
    margin-bottom: 16px
}

header .burger .mobile-menu .favorite-container ul li a,
header .search .form .search-container ul li a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

header .burger .mobile-menu .favorite-container ul li a .pic,
header .search .form .search-container ul li a .pic {
    width: 142px;
    height: 94px;
    border-radius: 12px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
}

header .burger .mobile-menu .favorite-container ul li a .pic img,
header .search .form .search-container ul li a .pic img {
    height: 80px;
    border-radius: 8px;
}

header .burger .mobile-menu .favorite-container ul li a .text,
header .search .form .search-container ul li a .text {
    color: #fff;
}

header .search .form .search-button {
    cursor: pointer;
    width: 33px;
    height: 44px;
    border: 0;
    padding: 0;
    display: inline-block;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC42MjU5IDEzLjA5MTdDMTUuNjczOCAxMS43MjA2IDE2LjI5NjMgMTAuMDA3MSAxNi4yOTYzIDguMTQ4MTVDMTYuMjk2MyAzLjY0ODA1IDEyLjY0ODIgMCA4LjE0ODE1IDBDMy42NDgwNSAwIDAgMy42NDgwNSAwIDguMTQ4MTVDMCAxMi42NDgyIDMuNjQ4MDUgMTYuMjk2MyA4LjE0ODE1IDE2LjI5NjNDMTAuMDA3MSAxNi4yOTYzIDExLjcyMDYgMTUuNjczOCAxMy4wOTE2IDE0LjYyNTlMMTguMTQ4IDE5LjY4MjJDMTguNTcxNiAyMC4xMDU5IDE5LjI1ODUgMjAuMTA1OSAxOS42ODIyIDE5LjY4MjJDMjAuMTA1OSAxOS4yNTg2IDIwLjEwNTkgMTguNTcxNyAxOS42ODIyIDE4LjE0OEwxNC42MjU5IDEzLjA5MTdaTTguMTQ4MDggMTQuMDc0MUMxMS40MjA5IDE0LjA3NDEgMTQuMDc0IDExLjQyMSAxNC4wNzQgOC4xNDgxNkMxNC4wNzQgNC44NzUzNiAxMS40MjA5IDIuMjIyMjMgOC4xNDgwOCAyLjIyMjIzQzQuODc1MjggMi4yMjIyMyAyLjIyMjE1IDQuODc1MzYgMi4yMjIxNSA4LjE0ODE2QzIuMjIyMTUgMTEuNDIxIDQuODc1MjggMTQuMDc0MSA4LjE0ODA4IDE0LjA3NDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') center right no-repeat;
}
header .search .form .search-close-button {
    cursor: pointer;
    width: 33px;
    height: 44px;
    border: 0;
    padding: 0;
    display: none;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjA1OTUgMy4wNTk0N0MxNS42NDU0IDIuNDczNTQgMTUuNjQ1NCAxLjUyMTk3IDE1LjA1OTUgMC45MzYwMzVDMTQuNDczNSAwLjM1MDA5OCAxMy41MjIgMC4zNTAwOTggMTIuOTM2IDAuOTM2MDM1TDguMDAwMSA1Ljg3NjY2TDMuMDU5NDcgMC45NDA3MjNDMi40NzM1NCAwLjM1NDc4NSAxLjUyMTk3IDAuMzU0Nzg1IDAuOTM2MDM1IDAuOTQwNzIzQzAuMzUwMDk4IDEuNTI2NjYgMC4zNTAwOTggMi40NzgyMiAwLjkzNjAzNSAzLjA2NDE2TDUuODc2NjYgOC4wMDAxTDAuOTQwNzIzIDEyLjk0MDdDMC4zNTQ3ODUgMTMuNTI2NyAwLjM1NDc4NSAxNC40NzgyIDAuOTQwNzIzIDE1LjA2NDJDMS41MjY2NiAxNS42NTAxIDIuNDc4MjIgMTUuNjUwMSAzLjA2NDE2IDE1LjA2NDJMOC4wMDAxIDEwLjEyMzVMMTIuOTQwNyAxNS4wNTk1QzEzLjUyNjcgMTUuNjQ1NCAxNC40NzgyIDE1LjY0NTQgMTUuMDY0MiAxNS4wNTk1QzE1LjY1MDEgMTQuNDczNSAxNS42NTAxIDEzLjUyMiAxNS4wNjQyIDEyLjkzNkwxMC4xMjM1IDguMDAwMUwxNS4wNTk1IDMuMDU5NDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') center right no-repeat;
}

header .search .form.active .search-close-button {
    display: inline-block;
}
header .search .form .category-container,
header .burger .mobile-menu .favorite-container,
header .search .form .search-container {
    display: none;
}
header .search .form.active .search-container {
    display: block;
}

header .search .form input {
    display: none;
    height: 44px;
    border: 0;
    color: white;
    background-color: transparent;
    width: 200px;
}
header .search .form input::placeholder {
    color: var(--secondary-color);
}

header .search .form.active {
    border-bottom: 1px solid white;
    background: var(--third-color);
}

header .search .form.active input {
    display: inline-block;
}

.categories-menu {

}

.categories-menu ul {
    overflow: auto;
    white-space: nowrap;
}

.categories-menu ul::-webkit-scrollbar {
    display: none;
}

.categories-menu ul li {
    padding: 3px 6px;
    display: inline-block;
}

.categories-menu ul li a {
    color: #F5F6F7;
    text-decoration: none;
    font-size: 12px;
}
.categories-menu ul li a:hover {
    text-decoration: underline;
}

.top-info {
    background: #F5F7F9;
    padding-top: 20px;
}

.top-info.favourites {
    padding-bottom: 22px;
}

.top-info .breadcamps li {
    position: relative;
    margin-right: 22px;
}

.top-info .breadcamps li:before {
    position: absolute;
    content: '\\';
    font-size: 12px;
    text-transform: uppercase;
    color: #8B8B92;
    right: -13px;
    top: 1px;
}

.top-info .breadcamps li:last-of-type:before {
    display: none;
}

.top-info .breadcamps li a,
.top-info .breadcamps li span {
    font-size: 12px;
    color: #5f5f64;
    text-decoration: none;
}
.top-info .breadcamps li a:hover {
    text-decoration: underline;
}

.top-info h1 {
    font-weight: 700;
    font-size: 25px;
    line-height: 100%;
    margin: 8px 0 10px 0;
}

.top-info h1 span {
    color: #5f5f64;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    vertical-align: top;
}

.radio-widget {
    overflow: hidden;
    padding: 20px 0;
}

.radio-widget.inner {
    background: #F5F7F9;
}

.radio-widget .player-block {
    margin: 0 0 14px 0;
    width: 302px;
    height: 370px;
    float: left;
    margin-right: 20px;
}

.radio-widget .list-radio {
    margin-right: -20px;
}

.radio-widget .list-radio ul {
    display: inline;
}

.radio-widget .list-radio ul li {
    cursor: pointer;
    float: left;
    margin: 0 19px 14px 0;
    text-align: center;
}

.radio-widget .list-radio ul li a {
    color: inherit;
    text-decoration: none;
    display: block;
}

.radio-widget .list-radio ul li .pic {
    width: 142px;
    height: 94px;
    border: 1px solid #EAEAEB;
    border-radius: 12px;
    vertical-align: middle;
    background-color: white;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.radio-widget .list-radio ul li .pic img {
    height: 80px;
    border-radius: 8px;
}

.radio-widget .list-radio ul li .pic .hint {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    /*background: #140E1B;*/
    background: #E5E5E5;
    border-radius: 9px;
    font-weight: 500;
    font-size: 8px;
    color: #32283E;
    line-height: 16px;
    padding: 0 6px;
    text-transform: uppercase;
}
.radio-widget .list-radio ul li .pic .hint.notwork-button {
    top: unset;
    bottom: 5px;
    background: transparent;
    color: #32283E;
    border: 1px solid #E5E5E5;
}
.radio-widget .list-radio ul li .pic .hint.notwork-button:hover {
    color: var(--third-color);
}

.radio-widget .list-radio ul li .pic .hint span:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 0;
    width: 6px;
    height: 6px;
    background: var(--third-color);
    border-radius: 50%;
    margin-right: 6px;
    animation: blink 3s linear infinite;
}

.radio-widget .list-radio ul li .pic:hover {
    box-shadow: 0 8px 20px #D5D5D7;
}

.radio-widget .list-radio ul li.active .pic .hint {
    display: block;
}

.radio-widget .list-radio ul li .icon-subscribe {
    width: 25px;
    height: 36px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMThMNy4zMjUgMTUuMTVDNi4xMjUgMTQuMDY2NyA1LjA5NiAxMy4xIDQuMjM4IDEyLjI1QzMuMzc5MzMgMTEuNCAyLjY3MSAxMC42IDIuMTEzIDkuODVDMS41NTQzMyA5LjEgMS4xNDYgOC4zNzUgMC44ODggNy42NzVDMC42MjkzMzMgNi45NzUgMC41IDYuMjQxNjcgMC41IDUuNDc1QzAuNSAzLjkwODMzIDEuMDI1IDIuNjA0IDIuMDc1IDEuNTYyQzMuMTI1IDAuNTIwNjY2IDQuNDMzMzMgMCA2IDBDNi44NjY2NyAwIDcuNjkxNjcgMC4xODMzMzMgOC40NzUgMC41NUM5LjI1ODMzIDAuOTE2NjY3IDkuOTMzMzMgMS40MzMzMyAxMC41IDIuMUMxMS4wNjY3IDEuNDMzMzMgMTEuNzQxNyAwLjkxNjY2NyAxMi41MjUgMC41NUMxMy4zMDgzIDAuMTgzMzMzIDE0LjEzMzMgMCAxNSAwQzE2LjM1IDAgMTcuNDgzMyAwLjM3OSAxOC40IDEuMTM3QzE5LjMxNjcgMS44OTU2NyAxOS45NDE3IDIuODUgMjAuMjc1IDRIMTguMTVDMTcuODUgMy4zMzMzMyAxNy40MDgzIDIuODMzMzMgMTYuODI1IDIuNUMxNi4yNDE3IDIuMTY2NjcgMTUuNjMzMyAyIDE1IDJDMTQuMTUgMiAxMy40MTY3IDIuMjI5MzMgMTIuOCAyLjY4OEMxMi4xODMzIDMuMTQ2IDExLjYwODMgMy43NSAxMS4wNzUgNC41SDkuOTI1QzkuNDA4MzMgMy43NSA4LjgyMSAzLjE0NiA4LjE2MyAyLjY4OEM3LjUwNDMzIDIuMjI5MzMgNi43ODMzMyAyIDYgMkM1LjA1IDIgNC4yMjkgMi4zMjkgMy41MzcgMi45ODdDMi44NDU2NyAzLjY0NTY3IDIuNSA0LjQ3NSAyLjUgNS40NzVDMi41IDYuMDI1IDIuNjE2NjcgNi41ODMzMyAyLjg1IDcuMTVDMy4wODMzMyA3LjcxNjY3IDMuNSA4LjM3MSA0LjEgOS4xMTNDNC43IDkuODU0MzMgNS41MTY2NyAxMC43MjA3IDYuNTUgMTEuNzEyQzcuNTgzMzMgMTIuNzA0IDguOSAxMy45IDEwLjUgMTUuM0MxMC45MzMzIDE0LjkxNjcgMTEuNDQxNyAxNC40NzUgMTIuMDI1IDEzLjk3NUMxMi42MDgzIDEzLjQ3NSAxMy4wNzUgMTMuMDU4MyAxMy40MjUgMTIuNzI1TDEzLjY1IDEyLjk1TDE0LjEzNyAxMy40MzhMMTQuNjI1IDEzLjkyNUwxNC44NSAxNC4xNUMxNC40ODMzIDE0LjQ4MzMgMTQuMDE2NyAxNC44OTU3IDEzLjQ1IDE1LjM4N0MxMi44ODMzIDE1Ljg3OSAxMi4zODMzIDE2LjMxNjcgMTEuOTUgMTYuN0wxMC41IDE4Wk0xNy41IDE0VjExSDE0LjVWOUgxNy41VjZIMTkuNVY5SDIyLjVWMTFIMTkuNVYxNEgxNy41WiIgZmlsbD0iIzZENzVFNiIvPgo8L3N2Zz4K') center center no-repeat;
    filter: brightness(0);
    display: none;
}
.radio-widget .list-radio ul li .icon-subscribe.active {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTAuOTg0NCAyLjM5MTQxTDExLjQ2MTMgMi45MDcwM0wxMS45NzcgMi4zOTIyN0MxMy40MTY0IDAuOTg5MzM4IDE1LjQxMDIgMC4zNTA4MjIgMTcuMzY5NSAwLjY3Njk1NUMyMC4zMzAxIDEuMTcwMjQgMjIuNSAzLjczMjAzIDIyLjUgNi43MzU1NVY2Ljk4NDc3QzIyLjUgOC43Njc5NyAyMS43NjA5IDEwLjQ3MzggMjAuNDU0NyAxMS42ODk4TDEyLjY5MDIgMTguOTM4N0MxMi4zNjggMTkuMjM5NSAxMS45NDI2IDE5LjQwNyAxMS41IDE5LjQwN0MxMS4wNTc0IDE5LjQwNyAxMC42MzIgMTkuMjM5NSAxMC4zMDk4IDE4LjkzODdMMi41NDQ4OCAxMS42ODk4QzEuMjQwMzUgMTAuNDczOCAwLjUgOC43Njc5NyAwLjUgNi45ODQ3N1Y2LjczNTU1QzAuNSAzLjczMjAzIDIuNjcwNzggMS4xNzAyNCA1LjYzMDQ3IDAuNjc2OTU1QzcuNTUxMTcgMC4zNTA4MjIgOS41ODM1OSAwLjk4OTMzOCAxMC45ODQ0IDIuMzkxNDFDMTAuOTg0NCAyLjM5MTg0IDEwLjk0NTcgMi4zOTE0MSAxMC45ODQ0IDIuMzkxNDFaTTExLjQ2MTMgNS44MjQ2MUw5LjUyNzczIDMuODEzNjdDOC41OTUzMSAyLjkxOTA2IDcuMjcxODcgMi40OTQ1MyA1Ljk2OTkyIDIuNzExMUM0LjAwNDEgMy4wMzg5NSAyLjU2MjUgNC43NDE4IDIuNTYyNSA2LjczNTU1VjYuOTg0NzdDMi41NjI1IDguMTk2NDkgMy4wNjU2NiA5LjM1NjY0IDMuOTUyMTEgMTAuMTgxNkwxMS41IDE3LjIyODVMMTkuMDQ5NiAxMC4xODE2QzE5LjkzNDggOS4zNTY2NCAyMC40Mzc1IDguMTk2NDkgMjAuNDM3NSA2Ljk4NDc3VjYuNzM1NTVDMjAuNDM3NSA0Ljc0MTggMTguOTkzNyAzLjAzODk1IDE3LjAzMDEgMi43MTExQzE1LjcyODEgMi40OTQ1MyAxNC40MDQ3IDIuOTE5MDYgMTMuNDcyMyAzLjgxMzY3TDExLjQ2MTMgNS44MjQ2MVoiIGZpbGw9IiM2RDc1RTYiLz4KICA8cGF0aCBzdHlsZT0iZmlsbDogcmdiKDEwOSwgMTE3LCAyMzApOyBzdHJva2U6IHJnYigxMDksIDExNywgMjMwKTsiIGQ9Ik0gMTEuNDQzIDQuMjU2IEwgMTcuNzAxIDIuMTkgTCAyMS4yNjQgNy40ODYgTCAxMS40NzUgMTcuNzc3IEwgMS43NzggOC4yNzEgTCA0LjYxOSAyLjQxMiBMIDExLjQ0MyA0LjI1NiBaIi8+Cjwvc3ZnPg==') center center no-repeat;
}

.radio-widget .list-radio ul li .text span {
    display: none;
}

.radio-widget .list-radio ul li p {
    font-size: 14px;
    margin-top: 6px;
    line-height: 24px;
}

.radio-widget .list-radio p {
    display: block;
    clear: left;
    text-align: center;
}

.radio-widget .list-radio p button {
    margin-top: 20px;
    display: inline-block;
    margin-left: -20px;
    width: 160px;
}

.player-block {
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 12px 32px rgba(128, 132, 134, 0.15);
    border-radius: 12px;
    padding: 27px 32px;
    position: relative;
}

.player-block .album-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.player-block .album-cover.mobile {
    background: var(--third-color);
}

.player-block .album-cover.mobile:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(20, 14, 27, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.player-block .album {
    margin: 0 -7px;
}

.player-block .album .img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    margin: 20px;
    padding: 0px;
    position: relative;
}
.player-block .album .img img {
    height: 100%;
    border-radius: 24px;
}

.player-block .album .album-text {
    height: 25px;
    text-align: center;
    align-content: center;
}
.player-block .album a,
.player-block .album p {
    font-weight: 700;
}

.player-block .album .name,
.player-block .album a {
    font-size: 20px;
    display: none;
}
.player-block .album a {
    color: #140E1B;
    text-decoration: none;
}

.player-block .icons {
    padding: 18px 0;
}

.player-block .icon,
.player-block .icons div {
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.player-block .icons .icon-play {
    width: 52px;
    height: 52px;
}

.player-block .icons .icon-play:hover {
    filter: brightness(100%);
}

.player-block .icon-like {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMThMNy4zMjUgMTUuMTVDNi4xMjUgMTQuMDY2NyA1LjA5NiAxMy4xIDQuMjM4IDEyLjI1QzMuMzc5MzMgMTEuNCAyLjY3MSAxMC42IDIuMTEzIDkuODVDMS41NTQzMyA5LjEgMS4xNDYgOC4zNzUgMC44ODggNy42NzVDMC42MjkzMzMgNi45NzUgMC41IDYuMjQxNjcgMC41IDUuNDc1QzAuNSAzLjkwODMzIDEuMDI1IDIuNjA0IDIuMDc1IDEuNTYyQzMuMTI1IDAuNTIwNjY2IDQuNDMzMzMgMCA2IDBDNi44NjY2NyAwIDcuNjkxNjcgMC4xODMzMzMgOC40NzUgMC41NUM5LjI1ODMzIDAuOTE2NjY3IDkuOTMzMzMgMS40MzMzMyAxMC41IDIuMUMxMS4wNjY3IDEuNDMzMzMgMTEuNzQxNyAwLjkxNjY2NyAxMi41MjUgMC41NUMxMy4zMDgzIDAuMTgzMzMzIDE0LjEzMzMgMCAxNSAwQzE2LjM1IDAgMTcuNDgzMyAwLjM3OSAxOC40IDEuMTM3QzE5LjMxNjcgMS44OTU2NyAxOS45NDE3IDIuODUgMjAuMjc1IDRIMTguMTVDMTcuODUgMy4zMzMzMyAxNy40MDgzIDIuODMzMzMgMTYuODI1IDIuNUMxNi4yNDE3IDIuMTY2NjcgMTUuNjMzMyAyIDE1IDJDMTQuMTUgMiAxMy40MTY3IDIuMjI5MzMgMTIuOCAyLjY4OEMxMi4xODMzIDMuMTQ2IDExLjYwODMgMy43NSAxMS4wNzUgNC41SDkuOTI1QzkuNDA4MzMgMy43NSA4LjgyMSAzLjE0NiA4LjE2MyAyLjY4OEM3LjUwNDMzIDIuMjI5MzMgNi43ODMzMyAyIDYgMkM1LjA1IDIgNC4yMjkgMi4zMjkgMy41MzcgMi45ODdDMi44NDU2NyAzLjY0NTY3IDIuNSA0LjQ3NSAyLjUgNS40NzVDMi41IDYuMDI1IDIuNjE2NjcgNi41ODMzMyAyLjg1IDcuMTVDMy4wODMzMyA3LjcxNjY3IDMuNSA4LjM3MSA0LjEgOS4xMTNDNC43IDkuODU0MzMgNS41MTY2NyAxMC43MjA3IDYuNTUgMTEuNzEyQzcuNTgzMzMgMTIuNzA0IDguOSAxMy45IDEwLjUgMTUuM0MxMC45MzMzIDE0LjkxNjcgMTEuNDQxNyAxNC40NzUgMTIuMDI1IDEzLjk3NUMxMi42MDgzIDEzLjQ3NSAxMy4wNzUgMTMuMDU4MyAxMy40MjUgMTIuNzI1TDEzLjY1IDEyLjk1TDE0LjEzNyAxMy40MzhMMTQuNjI1IDEzLjkyNUwxNC44NSAxNC4xNUMxNC40ODMzIDE0LjQ4MzMgMTQuMDE2NyAxNC44OTU3IDEzLjQ1IDE1LjM4N0MxMi44ODMzIDE1Ljg3OSAxMi4zODMzIDE2LjMxNjcgMTEuOTUgMTYuN0wxMC41IDE4Wk0xNy41IDE0VjExSDE0LjVWOUgxNy41VjZIMTkuNVY5SDIyLjVWMTFIMTkuNVYxNEgxNy41WiIgZmlsbD0iIzZENzVFNiIvPgo8L3N2Zz4K') center center no-repeat;
}
.player-block .icon-like.active {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTAuOTg0NCAyLjM5MTQxTDExLjQ2MTMgMi45MDcwM0wxMS45NzcgMi4zOTIyN0MxMy40MTY0IDAuOTg5MzM4IDE1LjQxMDIgMC4zNTA4MjIgMTcuMzY5NSAwLjY3Njk1NUMyMC4zMzAxIDEuMTcwMjQgMjIuNSAzLjczMjAzIDIyLjUgNi43MzU1NVY2Ljk4NDc3QzIyLjUgOC43Njc5NyAyMS43NjA5IDEwLjQ3MzggMjAuNDU0NyAxMS42ODk4TDEyLjY5MDIgMTguOTM4N0MxMi4zNjggMTkuMjM5NSAxMS45NDI2IDE5LjQwNyAxMS41IDE5LjQwN0MxMS4wNTc0IDE5LjQwNyAxMC42MzIgMTkuMjM5NSAxMC4zMDk4IDE4LjkzODdMMi41NDQ4OCAxMS42ODk4QzEuMjQwMzUgMTAuNDczOCAwLjUgOC43Njc5NyAwLjUgNi45ODQ3N1Y2LjczNTU1QzAuNSAzLjczMjAzIDIuNjcwNzggMS4xNzAyNCA1LjYzMDQ3IDAuNjc2OTU1QzcuNTUxMTcgMC4zNTA4MjIgOS41ODM1OSAwLjk4OTMzOCAxMC45ODQ0IDIuMzkxNDFDMTAuOTg0NCAyLjM5MTg0IDEwLjk0NTcgMi4zOTE0MSAxMC45ODQ0IDIuMzkxNDFaTTExLjQ2MTMgNS44MjQ2MUw5LjUyNzczIDMuODEzNjdDOC41OTUzMSAyLjkxOTA2IDcuMjcxODcgMi40OTQ1MyA1Ljk2OTkyIDIuNzExMUM0LjAwNDEgMy4wMzg5NSAyLjU2MjUgNC43NDE4IDIuNTYyNSA2LjczNTU1VjYuOTg0NzdDMi41NjI1IDguMTk2NDkgMy4wNjU2NiA5LjM1NjY0IDMuOTUyMTEgMTAuMTgxNkwxMS41IDE3LjIyODVMMTkuMDQ5NiAxMC4xODE2QzE5LjkzNDggOS4zNTY2NCAyMC40Mzc1IDguMTk2NDkgMjAuNDM3NSA2Ljk4NDc3VjYuNzM1NTVDMjAuNDM3NSA0Ljc0MTggMTguOTkzNyAzLjAzODk1IDE3LjAzMDEgMi43MTExQzE1LjcyODEgMi40OTQ1MyAxNC40MDQ3IDIuOTE5MDYgMTMuNDcyMyAzLjgxMzY3TDExLjQ2MTMgNS44MjQ2MVoiIGZpbGw9IiM2RDc1RTYiLz4KICA8cGF0aCBzdHlsZT0iZmlsbDogcmdiKDEwOSwgMTE3LCAyMzApOyBzdHJva2U6IHJnYigxMDksIDExNywgMjMwKTsiIGQ9Ik0gMTEuNDQzIDQuMjU2IEwgMTcuNzAxIDIuMTkgTCAyMS4yNjQgNy40ODYgTCAxMS40NzUgMTcuNzc3IEwgMS43NzggOC4yNzEgTCA0LjYxOSAyLjQxMiBMIDExLjQ0MyA0LjI1NiBaIi8+Cjwvc3ZnPg==') center center no-repeat;
}

.player-block .icon-menu {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxMlYxMEgxMy41VjEySDAuNVpNMTcuMSAxMUwxMi4xIDZMMTcuMSAxTDE4LjUgMi40TDE0LjkgNkwxOC41IDkuNkwxNy4xIDExWk0wLjUgN1Y1SDEwLjVWN0gwLjVaTTAuNSAyVjBIMTMuNVYySDAuNVoiIGZpbGw9IiM2RDc1RTYiLz4KPC9zdmc+Cg==') center center no-repeat;
}
.player-block .icon-prev {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjY2ODUgMTcuNjU1OUMxMC4yMTQ1IDE4LjExOTcgOS40Njg1MyAxOC4xMjEyIDkuMDEyNyAxNy42NTkzTDAuNDY3Mjg1IDguOTk5OTJMOS4wMTI3IDAuMzQwNTdDOS40Njg1MyAtMC4xMjEzMzkgMTAuMjE0NSAtMC4xMTk4MzUgMTAuNjY4NSAwLjM0MzkwOEMxMS4xMTE4IDAuNzk2NzMyIDExLjExIDEuNTIxMzcgMTAuNjY0NSAxLjk3MjAzTDMuNzE3MjggOC45OTk5MkwxMC42NjQ1IDE2LjAyNzhDMTEuMTEgMTYuNDc4NSAxMS4xMTE4IDE3LjIwMzEgMTAuNjY4NSAxNy42NTU5WiIgZmlsbD0iIzZENzVFNiIvPgo8cGF0aCBkPSJNMTcuNjY4NSAxNy42NTU5QzE3LjIxNDUgMTguMTE5NyAxNi40Njg1IDE4LjEyMTIgMTYuMDEyNyAxNy42NTkzTDcuNDY3MjkgOC45OTk5MkwxNi4wMTI3IDAuMzQwNTdDMTYuNDY4NSAtMC4xMjEzMzkgMTcuMjE0NSAtMC4xMTk4MzUgMTcuNjY4NSAwLjM0MzkwOEMxOC4xMTE4IDAuNzk2NzMyIDE4LjExIDEuNTIxMzcgMTcuNjY0NSAxLjk3MjAzTDEwLjcxNzMgOC45OTk5MkwxNy42NjQ1IDE2LjAyNzhDMTguMTEgMTYuNDc4NSAxOC4xMTE4IDE3LjIwMzEgMTcuNjY4NSAxNy42NTU5WiIgZmlsbD0iIzZENzVFNiIvPgo8L3N2Zz4K') center center no-repeat;
}
.player-block .icon-next {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzMxMyAwLjM0MzkwOUM3Ljc4NTI3IC0wLjExOTgzNCA4LjUzMTI1IC0wLjEyMTMzOCA4Ljk4NzA4IDAuMzQwNTcxTDE3LjUzMjUgOC45OTk5Mkw4Ljk4NzA4IDE3LjY1OTNDOC41MzEyNSAxOC4xMjEyIDcuNzg1MjcgMTguMTE5NyA3LjMzMTMgMTcuNjU1OUM2Ljg4ODAyIDE3LjIwMzEgNi44ODk3OSAxNi40Nzg1IDcuMzM1MjcgMTYuMDI3OEwxNC4yODI1IDguOTk5OTJMNy4zMzUyNyAxLjk3MjAzQzYuODg5NzkgMS41MjEzNyA2Ljg4ODAzIDAuNzk2NzMzIDcuMzMxMyAwLjM0MzkwOVoiIGZpbGw9IiM2RDc1RTYiLz4KPHBhdGggZD0iTTAuMzMxMzAyIDAuMzQzOTA4QzAuNzg1MjY3IC0wLjExOTgzNSAxLjUzMTI1IC0wLjEyMTMzOSAxLjk4NzA4IDAuMzQwNTdMMTAuNTMyNSA4Ljk5OTkyTDEuOTg3MDggMTcuNjU5M0MxLjUzMTI1IDE4LjEyMTIgMC43ODUyNjYgMTguMTE5NyAwLjMzMTMwMSAxNy42NTU5Qy0wLjExMTk3NSAxNy4yMDMxIC0wLjExMDIwNyAxNi40Nzg1IDAuMzM1Mjc0IDE2LjAyNzhMNy4yODI0OSA4Ljk5OTkyTDAuMzM1Mjc1IDEuOTcyMDJDLTAuMTEwMjA3IDEuNTIxMzcgLTAuMTExOTc0IDAuNzk2NzMyIDAuMzMxMzAyIDAuMzQzOTA4WiIgZmlsbD0iIzZENzVFNiIvPgo8L3N2Zz4K') center center no-repeat;
}

.player-block .radio-name {
    background: #F5F7F9;
    border-radius: 6px;
    line-height: 34px;
    display: block;
    text-decoration: none;
}

.player-block .radio-name:hover {
    background: #140E1B;
    border-radius: 4px;
}

.player-block .radio-name:hover p {
    color: white;
}

.player-block .radio-name p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    color: #140E1B;
}

.player-block .radio-name p:before {
    content: '';
    display: inline-block;
    position: relative;
    top: -1px;
    width: 6px;
    height: 6px;
    background: var(--third-color);
    border-radius: 50%;
    margin-right: 6px;
    animation: blink 3s linear infinite;
}

.player-block .tags {
    position: absolute;
    top: 103%;
    left: 0;
    right: 0;
    text-align: center;
}

.top-info .tags {
    justify-content: center;
    margin-top: 8px;
    display: none;
}

.top-info .tags p,
.player-block .tags p {
    margin: 0 10px;
    position: relative;
}
.top-info .tags p a,
.player-block .tags p a {
    color: black;
    text-decoration: none;
    font-size: 16px;
}
.top-info .tags p a:hover,
.player-block .tags p a:hover {
    text-decoration: underline;
}
.top-info .tags p:before,
.player-block .tags p:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -2px;
    right: -12px;
    width: 4px;
    height: 4px;
    background: #4956EC;
    border-radius: 50%;
}

.top-info .tags p:last-of-type:before,
.player-block .tags p:last-of-type:before {
    display: none;
}

.rating .stars {
    margin-right: 7px;
}

.rating .stars .item {
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBMMTMuMTc0IDUuNjMxMzFMMTkuNTEwNiA2LjkwOTgzTDE1LjEzNTcgMTEuNjY4N0wxNS44Nzc5IDE4LjA5MDJMMTAgMTUuNEw0LjEyMjE1IDE4LjA5MDJMNC44NjQzIDExLjY2ODdMMC40ODk0MzUgNi45MDk4M0w2LjgyNTk2IDUuNjMxMzFMMTAgMFoiIGZpbGw9IiNGQURCNUYiLz4KPC9zdmc+Cg==') center center no-repeat;
    cursor: pointer;
}
.rating .stars .item.grey {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBMMTMuMTc0IDUuNjMxMzFMMTkuNTEwNiA2LjkwOTgzTDE1LjEzNTcgMTEuNjY4N0wxNS44Nzc5IDE4LjA5MDJMMTAgMTUuNEw0LjEyMjE1IDE4LjA5MDJMNC44NjQzIDExLjY2ODdMMC40ODk0MzUgNi45MDk4M0w2LjgyNTk2IDUuNjMxMzFMMTAgMFoiIGZpbGw9IiNEOUQ5RDkiLz4KPC9zdmc+Cg==') center center no-repeat;
}
.rating .stars:hover > .item {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBMMTMuMTc0IDUuNjMxMzFMMTkuNTEwNiA2LjkwOTgzTDE1LjEzNTcgMTEuNjY4N0wxNS44Nzc5IDE4LjA5MDJMMTAgMTUuNEw0LjEyMjE1IDE4LjA5MDJMNC44NjQzIDExLjY2ODdMMC40ODk0MzUgNi45MDk4M0w2LjgyNTk2IDUuNjMxMzFMMTAgMFoiIGZpbGw9IiNGQURCNUYiLz4KPC9zdmc+Cg==') center center no-repeat;
}
.rating .stars > .item:hover ~ .item {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBMMTMuMTc0IDUuNjMxMzFMMTkuNTEwNiA2LjkwOTgzTDE1LjEzNTcgMTEuNjY4N0wxNS44Nzc5IDE4LjA5MDJMMTAgMTUuNEw0LjEyMjE1IDE4LjA5MDJMNC44NjQzIDExLjY2ODdMMC40ODk0MzUgNi45MDk4M0w2LjgyNTk2IDUuNjMxMzFMMTAgMFoiIGZpbGw9IiNEOUQ5RDkiLz4KPC9zdmc+Cg==') center center no-repeat;
}
.owl-carousel .owl-nav {
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -8px;
    height: 16px;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    vertical-align: top;
    width: 8px;
    height: 16px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjcwNjQ1IDYuNzA2MjRDNy4wOTcwNyA2LjMxNTYxIDcuMDk3MDcgNS42ODEyNCA2LjcwNjQ1IDUuMjkwNjFMMi43MDY0NSAxLjI5MDYxQzIuNDE4OTUgMS4wMDMxMSAxLjk5MDgyIDAuOTE4NzM5IDEuNjE1ODIgMS4wNzQ5OUMxLjI0MDgyIDEuMjMxMjQgMC45OTcwNyAxLjU5Mzc0IDAuOTk3MDcgMS45OTk5OVY5Ljk5OTk5QzAuOTk3MDcgMTAuNDAzMSAxLjI0MDgyIDEwLjc2ODcgMS42MTU4MiAxMC45MjVDMS45OTA4MiAxMS4wODEyIDIuNDE4OTUgMTAuOTkzNyAyLjcwNjQ1IDEwLjcwOTRMNi43MDY0NSA2LjcwOTM2VjYuNzA2MjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') center center no-repeat;
}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
    display: none;
}

.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled {
    opacity: 0.5;
}

.owl-carousel .owl-nav .owl-prev {
    transform: rotate(180deg);
    margin-right: 2px;
}

.radio-info {
    padding-top: 40px;
}

.radio-info .left-content .caption {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 24px;
}

.radio-info .left-content button {
    padding: 0 32px;
}

.radio-info .left-content ul {
    column-count: 2;
}

.radio-info .left-content ul li p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}
.radio-info .left-content ul li a {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    text-decoration: none;
}
.radio-info .left-content ul li a:hover {
    text-decoration: underline;
}

.radio-info .left-content ul li span {
    color: #808486;
    display: inline-block;
    margin-right: 8px;
}

.radio-info .left-content .comments .item {
    margin-bottom: 24px;
}

.radio-info .left-content .comments .item .user img {
    margin-right: 16px;
}

.radio-info .left-content .comments .item .user .name {
    font-weight: 500;
}

.radio-info .left-content .comments .item .user .date {
    font-size: 14px;
    color: #8B8B92;
}

.radio-info .left-content .comments .item .text {
    margin-top: 12px;
}

.radio-info .left-content .form-comment {
    margin: 40px 0 0 0;
    display: none;
}

.radio-info .left-content .form-comment.show {
    display: block;
}

.radio-info .left-content .form-comment .form {
    background: #F5F7F9;
    border-radius: 6px;
    padding: 24px;
}

.radio-info .left-content .form-comment .form input {
    flex-grow: 1;
    margin-bottom: 12px;
}

.radio-info .left-content .form-comment .form input:nth-child(even) {
    margin-left: 12px;
}

.radio-info .left-content .form-comment .form textarea {
    flex-grow: 1;
    margin-bottom: 12px;
    height: 90px;
    padding: 10px 12px;
}
.radio-info .left-content .form-comment .error-text {
    color: red;
    font-size: 12px;
    margin-bottom: 6px;
    display: none;
}
.radio-info .left-content .form-comment .form .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.radio-info .left-content .form-comment .form .rating {
    margin: 0;
}

.radio-info .left-content .form-comment .form .rating p {
    margin-right: 20px;
}

.radio-info .left-content .playlists {
    margin-top: 40px;
}

.radio-info .left-content .frequency {
    margin-bottom: 40px;
}

.radio-info .left-content .programs ul li {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 24px;
}

.radio-info .left-content .programs ul li .text {
    margin-left: 16px;
}

.radio-info .left-content .programs ul li .text .row {
    display: flex;
}

.radio-info .left-content .programs ul li .text .row p {
    width: 50px;
    line-height: 18px;
}

.radio-info .left-content .programs ul li .text .row span {
    font-size: 14px;
    line-height: 18px;
}

.radio-info .sidebar {
    width: 285px;
    margin-left: 35px;
    flex-shrink: 0;
    font-size: 12px;
}

.radio-info .sidebar .linkstree {
    background: #FFFFFF;
    box-shadow: 0 12px 32px rgba(128, 132, 134, 0.15);
    border-radius: 8px;
    padding: 20px 28px;
}
.radio-info .sidebar .linkstree tr td {
    max-width: 150px;
    overflow: hidden;
}
.radio-info .sidebar .linkstree .row {
    margin: 5px 0;
    display: flex;
    align-items: center;
}

.radio-info .sidebar .linkstree .row p,
.radio-info .sidebar .linkstree .row .name {
    font-weight: 500;
    font-size: 14px;
    flex-basis: 72px;
    flex-shrink: 0;
    margin-right: 3px;
}

.radio-info .sidebar .linkstree .row a {
    font-size: 14px;
}

.radio-info .sidebar .linkstree .row span {
    font-size: 14px;
    line-height: 20px;
}
.radio-info .sidebar .linkstree .social {
    padding-left: 4px;
}

footer {
    background: var(--third-color);
    color: white;
    padding: 25px 0;
    margin-top: 60px;
}

footer p {
    color: var(--text-color-white);
    font-size: 12px;
    max-width: 350px;
    line-height: 140%;
}

footer .left .logo {
    display: block;
    width: 135px;
    margin-bottom: 12px;
}

footer .right {
    text-align: right;
}

footer .right p {
    display: inline-block;
}

footer .right ul {
    margin-top: 14px;
    margin-bottom: 12px;
}

footer .right ul li {
    margin-left: 24px;
}

footer .right ul li a,
footer .right ul li p {
    font-size: 12px;
    color: white;
}

footer .right ul li a {
    text-decoration: none;
}
footer .right ul li a:hover {
    text-decoration: underline;
}

.md-show {
    visibility: visible !important;
}

.close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 17px;
    height: 17px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjA1OTUgMy4wNTk0N0MxNS42NDU0IDIuNDczNTQgMTUuNjQ1NCAxLjUyMTk3IDE1LjA1OTUgMC45MzYwMzVDMTQuNDczNSAwLjM1MDA5OCAxMy41MjIgMC4zNTAwOTggMTIuOTM2IDAuOTM2MDM1TDguMDAwMSA1Ljg3NjY2TDMuMDU5NDcgMC45NDA3MjNDMi40NzM1NCAwLjM1NDc4NSAxLjUyMTk3IDAuMzU0Nzg1IDAuOTM2MDM1IDAuOTQwNzIzQzAuMzUwMDk4IDEuNTI2NjYgMC4zNTAwOTggMi40NzgyMiAwLjkzNjAzNSAzLjA2NDE2TDUuODc2NjYgOC4wMDAxTDAuOTQwNzIzIDEyLjk0MDdDMC4zNTQ3ODUgMTMuNTI2NyAwLjM1NDc4NSAxNC40NzgyIDAuOTQwNzIzIDE1LjA2NDJDMS41MjY2NiAxNS42NTAxIDIuNDc4MjIgMTUuNjUwMSAzLjA2NDE2IDE1LjA2NDJMOC4wMDAxIDEwLjEyMzVMMTIuOTQwNyAxNS4wNTk1QzEzLjUyNjcgMTUuNjQ1NCAxNC40NzgyIDE1LjY0NTQgMTUuMDY0MiAxNS4wNTk1QzE1LjY1MDEgMTQuNDczNSAxNS42NTAxIDEzLjUyMiAxNS4wNjQyIDEyLjkzNkwxMC4xMjM1IDguMDAwMUwxNS4wNTk1IDMuMDU5NDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') center center no-repeat;
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}

a.close:hover {
    opacity: 0.95;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.mobile {
    display: none;
}
.player-block.head {
    height: 78px !important;
}
.player-block.head .album-cover{
    background: linear-gradient(180deg, rgba(20, 14, 27, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%), url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QBYRXhpZgAATU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABhqADAAQAAAABAAABpAAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/8IAEQgBpAGGAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAMCBAEFAAYHCAkKC//EAMMQAAEDAwIEAwQGBAcGBAgGcwECAAMRBBIhBTETIhAGQVEyFGFxIweBIJFCFaFSM7EkYjAWwXLRQ5I0ggjhU0AlYxc18JNzolBEsoPxJlQ2ZJR0wmDShKMYcOInRTdls1V1pJXDhfLTRnaA40dWZrQJChkaKCkqODk6SElKV1hZWmdoaWp3eHl6hoeIiYqQlpeYmZqgpaanqKmqsLW2t7i5usDExcbHyMnK0NTV1tfY2drg5OXm5+jp6vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAQIAAwQFBgcICQoL/8QAwxEAAgIBAwMDAgMFAgUCBASHAQACEQMQEiEEIDFBEwUwIjJRFEAGMyNhQhVxUjSBUCSRoUOxFgdiNVPw0SVgwUThcvEXgmM2cCZFVJInotIICQoYGRooKSo3ODk6RkdISUpVVldYWVpkZWZnaGlqc3R1dnd4eXqAg4SFhoeIiYqQk5SVlpeYmZqgo6SlpqeoqaqwsrO0tba3uLm6wMLDxMXGx8jJytDT1NXW19jZ2uDi4+Tl5ufo6ery8/T19vf4+fr/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/2gAMAwEAAhEDEQAAAaT6Hn1atWrVq0dDRwGrR1aorVq1atWrVhatWNq1atWrVqmtWrVoYnQ0dDVq1atWrVq1atWrR0MDq1RWrVq1YWrVq1atWrVq1atWrVq1Y2rVq1TDR1Y2hq1atWrVq1atWrVgdDRitWrC1atWrVqgWrVq1atWrVq1SbVq1atWrG1aprVqxtWhq1atWrR1YDR1RWrC1atWqBatWrVq1atWrCxtWrVq1atWrVJtWrVjatU1oYnVoatWrR0MDq1RWrC1atUC1atWFq1atWrVqmorVq1atWrG1atWqTatWrG1TWrG1atDVqwOqK1asLVqgWrVhTU1NSaa1TUVq1atWqaitWqKgUUmtWNq1SbVqxtU1q0MbVqwOrVFYWrVAtWrCWZVTWqK1YWrVq1atWrVq1asbVNatSaTSRY2rGmtWrGmtWrEasDFasLVqgWrCIZVatUVhatWrVqitWrVq1aprVq1atWNNatSKRWrVJtWNqmtWIwOqKwtWqBalUupqK1YWrVqisLVq1atWrVq1atWrGmtWrVjTWqKHUVqk2rVjTDR1RWFq1QLUqiVqisLVqisLVq1atU1q1Y2Fq1RWrVq1asaa1Y01qih1FapNqxprVqisLVAtU0WtUVhaorC1TUmk2qTatWqKwpNq1atUCioFAtWqTatWNNRQhY2NNasaaisLVAtWEU01FYWqBapMo0m1aoFq1atWrVq1atWrVJtWqBJWisaa1Y00mhixpNqxtWrC1QLCWZdRWFqgWpbUm1aoFq1atWrVq1atWrVq1atUm1akrJFjTWqTahCg2qTasbC1QLVhFNqwtUC1Lak2qBatWrVqworVq1atWqaxtWrVqmsbUkSVsaaxppNDFjY01q1aoFhKohoFqisJTSjaoFq1aoFqmpqamtWrVFaoqKipNq1aprG1IWgWNNY00IUG1SbVqgWrCIaawtUCky2tUC1atWEulGVWrVq1atWrVqiopAk1jatWqTahpapNqkyBIrGxprVAtWEU2FqgWpbUmgWrVhTRTTWrVq1atWrVq1atWrUmhCxtWqaxkrJFjTWqDCFJtUm1QLCmiGworC1EegWrVqkRTTWrVq1atWrVq1atWrVq1RQRY2rVJoEhbVJtWMIWrGk0VhYSqXWqBapMtqBatWEY01q1atWrVq1atWrVq1atWrUihCk2rVJhpapNqxhiisaTQLVAiUqtUC0VESbVqgS6KbVq1atWrVq1atWrVq1atWrVFBFqxtUmQtAtUm1IpFSbGwsKKLU1qgUAkcatWFFGMqtWrVq1atWrVq1atWrVq1atWoYh1JtWqBIBmEm1IpFSbVqwoEU01At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') center center no-repeat;
    background-size: cover;
}
#oframeplayer {
    background-color: transparent !important;
}
.player-container {
    position: relative;
    height: 88px;
}
.player-container .icon-like,
.player-container .icon-prev,
.player-container .icon-next,
.player-container .icon-menu {
    position: absolute;
    top: 19px;
    z-index: 1;
}
.player-container .icon-like {
    left: calc(50% - 89px);
}
.player-container .icon-prev {
    left: calc(50% - 135px);
}
.player-container .icon-next,
.player-container .icon-menu {
    left: calc(50% + 85px);
}
.radio-item {
    position: relative;
}
.icon-subscribe-mobile {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 55px;
    padding: 15px;
    display: none;
    align-items: center;
}
.hide {
    display: none;
}
.menu-link {
    display: block;
    color: white;
    text-decoration: none;
    font-size: 17px;
    margin-bottom: 16px;
}
@keyframes flicker {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}
.preload-item {
    animation: flicker 0.5s ease alternate infinite;
}
.preload-item .img-preload {
    width: 142px;
    height: 94px;
    border-radius: 12px;
    background-color: #f3f3ff;
}
.preload-item .text-preload {
    height: 24px;
    background-color: #f3f3ff;
    margin-top: 6px;
}
.index-title {
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    color: #8B8B92;
}
.index-title h1 {
    font-size: 11px;
    font-weight: 100;
    text-transform: uppercase;
}
.radio-desc {
    margin-bottom: 30px;
}
.radio-desc p,
.radio-desc li,
.radio-desc h1,
.radio-desc h2 {
    margin-bottom: 10px;
}
.radio-desc p,
.radio-desc li {
    font-size: 14px;
}
.radio-desc ul {
    padding-left: 10px;
}
.radio-desc h1 {
    font-size: 22px;
}
.radio-desc h2 {
    font-size: 18px;
}
.radio-desc h3 {
    font-size: 16px;
}
.radio-desc p.warning {
    padding: 10px;
    border-radius: 5px;
    margin-top: 12px;
    background-color: rgba(255, 235, 0, 0.3215686274509804);
    border: 1px solid rgba(255, 235, 0, 0.3215686274509804);
}
.radio-desc .center {
    text-align: center;
}
.radio-container {
    display: flex;
    flex-direction: column;
}
.radio-container .top-info {
    order: 1;
}
.radio-container .radio-widget {
    order: 2;
}
.icon-play {
    transform: scale(2.5);
    position: absolute;
    width: 20px;
    height: 20px;
    left: 109.5px;
    top: 34px;
    display: none;
}
.icon-play.active {
    display: block;
}
.support-form input,
.support-form textarea {
    width: 100%;
    margin-top: 12px;
}
.support-form textarea {
    padding-top: 10px;
}
.blink-animation {
    animation: blink 3s linear infinite;
}
@keyframes blink {
    0%{opacity: 0;}
    50%{opacity: .5;}
    100%{opacity: 1;}
}
.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.md-show {
    visibility: visible;
}
.md-effect-1 .md-content {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.md-content.mute {
    width: 120px;
    height: 120px;
    background: rgba(40,43,49,.8) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiNmZmYiIGhlaWdodD0iNjBweCIgd2lkdGg9IjYwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKCSB2aWV3Qm94PSIwIDAgMjk0Ljg0MyAyOTQuODQzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjUxLjQ4Nyw2OS42MTFjLTIuNjU2LDEuOTgxLTMuMjA0LDUuNzQtMS4yMjQsOC4zOTZjMTUuMDQxLDIwLjE3MiwyMi45OTEsNDQuMTc1LDIyLjk5MSw2OS40MTQKCQljMCw2NC4wOTgtNTIuMTQ3LDExNi4yNDYtMTE2LjI0NSwxMTYuMjQ2Yy0zLjMxMywwLTYsMi42ODctNiw2YzAsMy4zMTQsMi42ODcsNiw2LDZjNzAuNzE1LDAsMTI4LjI0NS01Ny41MzEsMTI4LjI0NS0xMjguMjQ2CgkJYzAtMjcuODQ0LTguNzczLTU0LjMyNy0yNS4zNy03Ni41ODdDMjU3LjkwMyw2OC4xNzcsMjU0LjE0NCw2Ny42MjksMjUxLjQ4Nyw2OS42MTF6Ii8+Cgk8cGF0aCBkPSJNMTU3LjAwOSwzMS4xNzZjMjIuMTEzLDAsNDMuNjIsNi4yMzEsNjIuMTk3LDE4LjAyYzAuOTk3LDAuNjMzLDIuMTA5LDAuOTM1LDMuMjA5LDAuOTM1YzEuOTg2LDAsMy45MjktMC45ODUsNS4wNzItMi43ODYKCQljMS43NzUtMi43OTgsMC45NDYtNi41MDUtMS44NTItOC4yODFjLTIwLjUwMy0xMy4wMTEtNDQuMjMzLTE5Ljg4OC02OC42MjctMTkuODg4Yy0zLjMxMywwLTYsMi42ODctNiw2CgkJUzE1My42OTYsMzEuMTc2LDE1Ny4wMDksMzEuMTc2eiIvPgoJPHBhdGggZD0iTTI5My4wODUsMS43NTdjLTIuMzQyLTIuMzQzLTYuMTQzLTIuMzQzLTguNDg0LDBMMjA2LjE0Nyw4MC4yMWMtMTMuNzg2LTEwLjEwNi0zMC43NzMtMTYuMDkyLTQ5LjEzOC0xNi4wOTIKCQljLTMuMzEzLDAtNiwyLjY4Ny02LDZjMCwzLjMxNCwyLjY4Nyw2LDYsNmMxNS4wNTEsMCwyOS4wMTksNC43LDQwLjUzOCwxMi42OTJsLTIyLjI5MywyMi4yOTNjLTUuNDkxLTIuNzctMTEuNjg3LTQuMzQtMTguMjQ1LTQuMzQKCQljLTMuMzEzLDAtNiwyLjY4Ny02LDZzMi42ODcsNiw2LDZjMy4xOCwwLDYuMjM3LDAuNTI4LDkuMDk3LDEuNDg5bC04OS4zMTUsODkuMzE1bC05LjIyNi05LjIxMgoJCWMtMS4xMjUtMS4xMjMtMi42NDktMS43NTQtNC4yMzktMS43NTRIMTJWOTYuMjQyaDUxLjMyNmMxLjU5LDAsMy4xMTQtMC42MzEsNC4yMzktMS43NTRsNTQuOTI2LTU0Ljg0MnY5Ni43NzZjMCwzLjMxMywyLjY4Nyw2LDYsNgoJCXM2LTIuNjg3LDYtNlYyNS4xNzZjMC0yLjQyNi0xLjQ2MS00LjYxMy0zLjcwMi01LjU0MmMtMi4yNDItMC45MjgtNC44MjEtMC40MTctNi41MzgsMS4yOTZMNjAuODQ0LDg0LjI0Mkg2Yy0zLjMxMywwLTYsMi42ODctNiw2CgkJVjIwNC42YzAsMy4zMTMsMi42ODcsNiw2LDZoNTQuODQ0bDcuNDYyLDcuNDUxTDEuNzU4LDI4NC42Yy0yLjM0MywyLjM0My0yLjM0Myw2LjE0MiwwLDguNDg1YzEuMTcxLDEuMTcxLDIuNzA3LDEuNzU3LDQuMjQzLDEuNzU3CgkJczMuMDcxLTAuNTg2LDQuMjQzLTEuNzU3bDY2LjU1NS02Ni41NTVsNDcuNDU0LDQ3LjM4MmMxLjE0NywxLjE0NiwyLjY4MSwxLjc1NCw0LjI0MSwxLjc1NGMwLjc3MywwLDEuNTU0LTAuMTQ5LDIuMjk3LTAuNDU4CgkJYzIuMjQxLTAuOTI5LDMuNzAyLTMuMTE3LDMuNzAyLTUuNTQydi03NC4yNDZjMC0zLjMxMy0yLjY4Ny02LTYtNnMtNiwyLjY4Ny02LDZ2NTkuNzc2bC0zNy4yMDgtMzcuMTUybDkxLjQxNy05MS40MTgKCQljNS41MTcsNS4yMjcsOC45NjgsMTIuNjEzLDguOTY4LDIwLjc5NGMwLDE1LjgwMy0xMi44NTYsMjguNjYtMjguNjU5LDI4LjY2Yy0zLjMxMywwLTYsMi42ODctNiw2czIuNjg3LDYsNiw2CgkJYzIyLjQyLDAsNDAuNjU5LTE4LjI0LDQwLjY1OS00MC42NmMwLTExLjQ5LTQuNzk4LTIxLjg3NC0xMi40ODctMjkuMjc1bDIxLjY1OS0yMS42NTljMTMuMjM3LDEyLjk1MywyMS40NzMsMzAuOTk2LDIxLjQ3Myw1MC45MzQKCQljMCwzOS4zMTctMzEuOTg2LDcxLjMwMy03MS4zMDQsNzEuMzAzYy0zLjMxMywwLTYsMi42ODYtNiw2YzAsMy4zMTMsMi42ODcsNiw2LDZjNDUuOTM0LDAsODMuMzA0LTM3LjM3LDgzLjMwNC04My4zMDMKCQljMC0yMy4yNDctOS41ODItNDQuMjktMjQuOTkyLTU5LjQxNWw3Ny43NjMtNzcuNzYzQzI5NS40MjgsNy44OTksMjk1LjQyOCw0LjEsMjkzLjA4NSwxLjc1N3oiLz4KPC9nPgo8L3N2Zz4K') center center no-repeat;
    border-radius: 12px;
}
@media (max-width: 940px) {
    footer p {
        max-width: 100%;
    }

    footer .left {
        width: 100%;
        text-align: center;
    }

    footer .left .logo {
        margin: 0 auto 15px auto;
    }

    footer .right {
        width: 100%;
        text-align: center;
    }

    footer .right ul {
        justify-content: center;
    }
}

@media (max-width: 860px) {
    .container {
        min-width: 340px;
        padding: 0 10px;
    }

    .radio-info {
        flex-wrap: wrap !important;
    }
    .radio-info .left-content {
        margin-bottom: 20px;
    }
    .radio-info .sidebar {
        margin-left: 0;
        width: 100%;
    }
    .radio-info .sidebar .linkstree {
        width: 100%;
    }
    .radio-info .sidebar .linkstree tr td {
        max-width: none;
    }
}

@media (max-width: 780px) {
    .mobile-overflow-hidden {
        overflow: hidden;
    }
    .mobile-overflow-hidden .overlay {
        bottom: 0;
        right: 0;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(20,14,27,.6);
        z-index: 3;
    }
    .container {
        padding: 0;
    }

    .mobile {
        display: block;
    }
    .icon-subscribe-mobile {
        display: flex;
        width: 66px;
    }

    .radio-item.active .icon-subscribe-mobile {
        display: none;
    }

    .desctop {
        display: none;
    }

    header {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        position: absolute;
        background-color: transparent;
    }
    header  .logo {
        z-index: 2;
    }

    header .burger {
        width: 30px;
        height: 26px;
        cursor: pointer;
        z-index: 4;
    }

    header .burger .lines {
        width: 31px;
        height: 26px;
        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS40ODQ0IDQuMzkxNDFMMTEuOTYxMyA0LjkwNzAzTDEyLjQ3NyA0LjM5MjI3QzEzLjkxNjQgMi45ODkzNCAxNS45MTAyIDIuMzUwODIgMTcuODY5NSAyLjY3Njk2QzIwLjgzMDEgMy4xNzAyNCAyMyA1LjczMjAzIDIzIDguNzM1NTVDMjMgMTAgMjEgMTAgMjAuOTM3NSA4LjczNTU1QzIwLjgzOTEgNi43NDQyMyAxOS40OTM4IDUuMDM4OTUgMTcuNTMwMSA0LjcxMTFDMTYuMjI4MSA0LjQ5NDUzIDE0LjkwNDcgNC45MTkwNiAxMy45NzIzIDUuODEzNjdDMTMuMDM5OCA2LjcwODI4IDExLjk2MTMgNy44MjQ2MSAxMS45NjEzIDcuODI0NjFMMTAuMDI3NyA1LjgxMzY3QzkuMDk1MzEgNC45MTkwNiA3Ljc3MTg4IDQuNDk0NTMgNi40Njk5MiA0LjcxMTFDNC41MDQxIDUuMDM4OTUgMy4wNjI1IDYuNzQxOCAzLjA2MjUgOC43MzU1NVY4Ljk4NDc3QzMuMDYyNSAxMC4xOTY1IDMuNTY1NjYgMTEuMzU2NiA0LjQ1MjExIDEyLjE4MTZMMTIgMTkuMjI4NUwxNS4yMDIzIDE2LjM5MDhDMTYuNSAxNS41IDE3LjQyNzUgMTcuMTg1NyAxNi41IDE4TDEzLjE5MDIgMjAuOTM4N0MxMi44NjggMjEuMjM5NSAxMi40NDI2IDIxLjQwNyAxMiAyMS40MDdDMTEuNTU3NCAyMS40MDcgMTEuMTMyIDIxLjIzOTUgMTAuODA5OCAyMC45Mzg3TDMuMDQ0ODggMTMuNjg5OEMxLjc0MDM1IDEyLjQ3MzggMSAxMC43NjggMSA4Ljk4NDc3VjguNzM1NTVDMSA1LjczMjAzIDMuMTcwNzggMy4xNzAyNCA2LjEzMDQ3IDIuNjc2OTZDOC4wNTExNyAyLjM1MDgyIDEwLjA4MzYgMi45ODkzNCAxMS40ODQ0IDQuMzkxNDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTggMTJDMTggMTEuNDQ3NyAxOC40NDc3IDExIDE5IDExSDI4QzI4LjU1MjMgMTEgMjkgMTEuNDQ3NyAyOSAxMkMyOSAxMi41NTIzIDI4LjU1MjMgMTMgMjggMTNIMTlDMTguNDQ3NyAxMyAxOCAxMi41NTIzIDE4IDEyWiIgZmlsbD0iI0Q5RDlEOSIvPgo8cGF0aCBkPSJNMTggMTZDMTggMTUuNDQ3NyAxOC40NDc3IDE1IDE5IDE1SDMwQzMwLjU1MjMgMTUgMzEgMTUuNDQ3NyAzMSAxNkMzMSAxNi41NTIzIDMwLjU1MjMgMTcgMzAgMTdIMTlDMTguNDQ3NyAxNyAxOCAxNi41NTIzIDE4IDE2WiIgZmlsbD0iI0Q5RDlEOSIvPgo8cGF0aCBkPSJNMTggMjBDMTggMTkuNDQ3NyAxOC40NDc3IDE5IDE5IDE5SDI4QzI4LjU1MjMgMTkgMjkgMTkuNDQ3NyAyOSAyMEMyOSAyMC41NTIzIDI4LjU1MjMgMjEgMjggMjFIMTlDMTguNDQ3NyAyMSAxOCAyMC41NTIzIDE4IDIwWiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K') center no-repeat;
    }

    header .burger .mobile-menu {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        right: 30%;
        bottom: -1px;
        background: #140E1B;
        color: white;
        padding: 16px;
    }

    header .burger .mobile-menu.active .favorite-container,
    header .burger .mobile-menu.active {
        display: block;
    }

    header .burger .mobile-menu .close {
        position: absolute;
        top: 0;
        right: -50px;
        width: 50px;
        height: 50px;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjA1OTUgMy4wNTk0N0MxNS42NDU0IDIuNDczNTQgMTUuNjQ1NCAxLjUyMTk3IDE1LjA1OTUgMC45MzYwMzVDMTQuNDczNSAwLjM1MDA5OCAxMy41MjIgMC4zNTAwOTggMTIuOTM2IDAuOTM2MDM1TDguMDAwMSA1Ljg3NjY2TDMuMDU5NDcgMC45NDA3MjNDMi40NzM1NCAwLjM1NDc4NSAxLjUyMTk3IDAuMzU0Nzg1IDAuOTM2MDM1IDAuOTQwNzIzQzAuMzUwMDk4IDEuNTI2NjYgMC4zNTAwOTggMi40NzgyMiAwLjkzNjAzNSAzLjA2NDE2TDUuODc2NjYgOC4wMDAxTDAuOTQwNzIzIDEyLjk0MDdDMC4zNTQ3ODUgMTMuNTI2NyAwLjM1NDc4NSAxNC40NzgyIDAuOTQwNzIzIDE1LjA2NDJDMS41MjY2NiAxNS42NTAxIDIuNDc4MjIgMTUuNjUwMSAzLjA2NDE2IDE1LjA2NDJMOC4wMDAxIDEwLjEyMzVMMTIuOTQwNyAxNS4wNTk1QzEzLjUyNjcgMTUuNjQ1NCAxNC40NzgyIDE1LjY0NTQgMTUuMDY0MiAxNS4wNTk1QzE1LjY1MDEgMTQuNDczNSAxNS42NTAxIDEzLjUyMiAxNS4wNjQyIDEyLjkzNkwxMC4xMjM1IDguMDAwMUwxNS4wNTk1IDMuMDU5NDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') center center no-repeat;
        background-color: #1f1629;
    }

    header .search .form.active .category-container {
        color: #ffffff;
    }

    header .search .form.active .category-container ul,
    header .burger .mobile-menu ul {
        display: block;
        padding-left: 10px;
    }

    header .search .form.active .category-container ul li,
    header .burger .mobile-menu ul li {
        margin-top: 10px;
    }

    .menu-link {
        font-size: 20px;
        text-align: center;
        padding-top: 10px;
    }

    header .search .form.active .category-container ul li a,
    header .burger .mobile-menu ul li a {
        color: white;
        text-decoration: none;
        font-size: 18px;
    }

    header .search .form.active .category-container ul li a:hover,
    header .burger .mobile-menu ul li a:hover {
        text-decoration: underline;
    }

    header .top-menu {
        display: none;
    }
    header .search {
        width: 48px;
        margin-right: -15px;
    }

    header .search .form {
        padding-right: 15px;
    }

    header .search .form.active .search-input-container {
        background: #E5E5E5;
        color: #140E1B;
        border-radius: 5px;
        padding: 6px 10px;
        margin-bottom: 16px;
        width: 100%;
    }

    header .search .form.active {
        border-bottom: 0;
        padding: 16px;
        position: fixed;
        top: 0;
        bottom: 0;
        background: #140E1B;
        left: 30%;
    }

    header .search .form.active .search-close-button {
        position: absolute;
        left: -50px;
        width: 50px;
        height: 50px;
        background-color: #1f1629;
        top: 0;
    }

    header .search .form.active .search-content,
    header .burger .mobile-menu .favorite-container {
        padding: 0;
        max-height: calc(100vh - 70px);
    }
    header .burger .mobile-menu .favorite-container ul li a .pic,
    header .search .form .search-container ul li a .pic {
        width: 80px;
        height: 60px;
        border-radius: 10px;
    }
    header .burger .mobile-menu .favorite-container ul li a .pic img,
    header .search .form .search-container ul li a .pic img {
        height: 60px;
        border-radius: 10px;
    }
    header .burger .mobile-menu .favorite-container ul li a .text,
    header .search .form .search-container ul li a .text {
        font-size: 17px;
    }
    header .search .form input {
        height: 26px;
        padding: 0;
        color: #525252;
        flex: 1;
        width: auto;
    }
    header .search .form input::placeholder {
        color: #525252;
        opacity: 1;
    }
    header .search .form.active .search-button {
        width: 32px;
        height: 26px;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC42MjU5IDEzLjA5MTdDMTUuNjczOCAxMS43MjA2IDE2LjI5NjMgMTAuMDA3MSAxNi4yOTYzIDguMTQ4MTVDMTYuMjk2MyAzLjY0ODA1IDEyLjY0ODIgMCA4LjE0ODE1IDBDMy42NDgwNSAwIDAgMy42NDgwNSAwIDguMTQ4MTVDMCAxMi42NDgyIDMuNjQ4MDUgMTYuMjk2MyA4LjE0ODE1IDE2LjI5NjNDMTAuMDA3MSAxNi4yOTYzIDExLjcyMDYgMTUuNjczOCAxMy4wOTE2IDE0LjYyNTlMMTguMTQ4IDE5LjY4MjJDMTguNTcxNiAyMC4xMDU5IDE5LjI1ODUgMjAuMTA1OSAxOS42ODIyIDE5LjY4MjJDMjAuMTA1OSAxOS4yNTg2IDIwLjEwNTkgMTguNTcxNyAxOS42ODIyIDE4LjE0OEwxNC42MjU5IDEzLjA5MTdaTTguMTQ4MDggMTQuMDc0MUMxMS40MjA5IDE0LjA3NDEgMTQuMDc0IDExLjQyMSAxNC4wNzQgOC4xNDgxNkMxNC4wNzQgNC44NzUzNiAxMS40MjA5IDIuMjIyMjMgOC4xNDgwOCAyLjIyMjIzQzQuODc1MjggMi4yMjIyMyAyLjIyMjE1IDQuODc1MzYgMi4yMjIxNSA4LjE0ODE2QzIuMjIyMTUgMTEuNDIxIDQuODc1MjggMTQuMDc0MSA4LjE0ODA4IDE0LjA3NDFaIiBmaWxsPSIjMTQwRTFCIi8+Cjwvc3ZnPgo=') center right no-repeat;
    }
    header .search .form.active .category-container {
        display: block;
        width: 100%;
    }
    .radio-widget .list-radio ul li .pic img {
        height: 75px;
    }
    .top-info h1 {
        font-size: 27px;
    }
    .top-info h1 span {
        font-size: 13px;
    }
    .categories-menu {
        display: none;
    }

    .radio-widget {
        padding-top: 0;
    }

    .radio-widget.inner {
        background: transparent;
    }

    .radio-widget .player-block {
        box-shadow: none;
        height: 560px;
        border-radius: 0;
        padding: 15px;
        background-size: cover;
        float: none;
        width: 100%;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        justify-content: end;
        color: white;
        margin-bottom: 0;
    }

    .radio-widget .player-block .album .img {
        height: 300px;
        padding: 0;
    }
    .player-block .album .name,
    .player-block .album a {
        display: block;
        color: #ffffff;
    }
    .player-block .album #radio-play-now {
        font-weight: 400;
    }
    .player-block .album .album-text {
        height: 50px;
        margin-bottom: 10px;
    }
    .player-block .radio-name {
        display: none;
    }

    .radio-widget .player-block .album .img img {
        border-radius: 0;
    }

    .radio-widget .player-block .icons {
        justify-content: center;
        order: 2;
    }
    .radio-widget .player-block .player-container {
        order: 2;
    }

    .radio-widget .player-block .icons div {
        margin: 0 20px;
    }

    .radio-widget .player-block .icon,
    .radio-widget .player-block .icons div:not(.icon-play) {
        filter: brightness(0) invert(1);
    }

    .radio-widget .list-radio {
        width: 100%;
        margin-right: 0;
    }

    .radio-widget .list-radio ul {
        padding-top: 55px;
        display: block;
    }
    .result-container li.hidden {
        display: none;
    }
    .radio-widget.inner .list-radio ul {
        padding-top: 0;
    }

    .radio-widget .list-radio ul li {
        border-bottom: 1px solid #E5E5E5;
        text-align: left;
        width: 100%;
        margin: 0;
        padding: 10px 15px 10px 0;
    }

    .radio-widget .list-radio ul li .main,
    .radio-widget .list-radio ul li a {
        display: flex;
        align-items: center;
        position: relative;
    }

    .title-tab-mob.active h1 {
        background: var(--third-color);
        color: white;
    }

    .title-tab-mob.active h1:after {
        margin-top: -4px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
    .title-tab-mob h1 {
        background: #F5F7F9;
        color: #140E1B;
        padding: 16px 15px;
        position: relative;
        font-size: 16px;
        line-height: 140%;
        font-weight: 400;
    }
    .title-tab-mob h1 {
        margin: 0;
        text-align: left;
    }
    .title-tab-mob {
        position: absolute;
        top: 560px;
        left: 0;
        right: 0;
        border-bottom: 1px solid #E5E5E5;
        padding: 0 !important;
    }
    .title-tab-mob.no-player {
        top: 77px;
    }

    .radio-widget .list-radio ul li .pic {
        border: 0;
        border-radius: 0;
        width: 90px;
        text-align: center;
        height: auto;
        position: static;
    }

    .radio-widget .list-radio ul li .pic .hint {
        right: 0;
        top: 0;
        line-height: 20px;
        border-radius: 13px;
        font-size: 9px;
        z-index: 1;
        padding: 3px 8px;
    }
    .radio-widget .list-radio ul li .pic .hint.notwork-button {
        bottom: 0;
    }

    .radio-widget .list-radio ul li .pic:hover {
        box-shadow: none;
    }

    .radio-widget .list-radio ul li .icon-subscribe {
        margin-left: auto;
        display: block;
        width: 36px;
        background-size: 30px;
    }

    .radio-widget .list-radio ul li .icon-subscribe.active {
        -webkit-filter: invert(40%) grayscale(100%) brightness(70%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
        filter: grayscale(100%) brightness(70%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
        background-size: 30px;
    }

    .radio-widget .list-radio ul li .text span {
        display: block;
        font-weight: 400;
        font-size: 13px;
    }

    .radio-widget .list-radio ul li .text p {
        margin: 0;
        font-weight: 600;
        text-align: left;
        font-size: 17px;
    }

    .radio-widget .list-radio ul li.more-button {
        padding: 20px;
    }
    .radio-widget .list-radio ul li.more-button a {
        justify-content: center;
        font-size: 18px;
        font-weight: 700;
        color: var(--third-color);
    }

    .top-info {
        background-color: transparent;
        text-align: center;
        padding: 0 15px;
    }

    .top-info .breadcamps {
        display: none;
    }

    .top-info .rating {
        flex-direction: column;
    }

    .top-info .rating .stars {
        margin-bottom: 8px;
    }

    .radio-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .radio-info .left-content ul {
        column-count: 1;
    }

    .radio-info .left-content button {
        width: 100%;
    }

    .radio-info .left-content .form-comment .form .row {
        display: block;
    }

    .radio-info .left-content .form-comment .form .rating {
        margin-bottom: 10px;
    }

    .radio-info .left-content .form-comment .form input {
        width: 100%;
        margin-left: 0 !important;
    }

    .radio-info .left-content .form-comment .form textarea {
        width: 100%;
    }

    footer {
        margin-top: 20px;
    }

    footer p {
        padding: 0 15px;
    }

    footer .right ul li {
        width: 100%;
        margin: 0;
    }
    .player-container .icon-like {
        left: calc(50% - 110px);
    }
    .player-container .icon-prev {
        left: calc(50% - 167px);
    }
    .player-container .icon-next,
    .player-container .icon-menu {
        left: calc(50% + 116px);
    }
    .preload-item {
        display: flex;
    }
    .preload-item .img-preload {
        width: 70px;
        height: 60px;
        margin: 0 10px;
    }
    .preload-item .text-preload {
        width: 145px;
        margin-top: 18px;
    }
    .preload-item:nth-child(2n+1) .text-preload {
        width: 120px;
    }
    .radio-container .top-info {
        order: 2;
    }
    .radio-container .radio-widget {
        order: 1;
    }
    .player-block .tags {
        display: none;
    }
    .top-info .tags {
        display: flex;
    }
    .radio-info .sidebar .linkstree .social a {
        margin-right: 6px;
    }
    .icon-play {
        transform: scale(3.5);
        left: 175px;
        top: 34px;
    }
    .player-block .icon.icon-like,
    .player-block .icon.icon-menu {
        background-size: 30px;
    }
    .player-block .icon.icon-prev,
    .player-block .icon.icon-next {
        background-size: 25px;
    }
    .radio-widget .player-block.fixed {
        position: fixed;
        z-index: 3;
        top: -442px;
    }
    .radio-widget.inner .player-block.fixed div.album,
    .radio-widget .player-block.fixed .album {
        display: none;
    }
    .radio-widget .list-radio.padding {
        padding-top: 560px;
    }
    footer .right ul li a {
        display: block;
        padding: 5px;
    }
    header .search .form .search-close-button {
        background-position-x: center;
    }
}
@media (max-width: 370px) {
    header .search {
        margin-right: 0;
    }
}
.preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3);
    display: none;
    z-index: 10;
}

.sk-folding-cube {
    width: 4em;
    height: 4em;
    position: relative;
    margin: auto;
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--third-color);
    animation: sk-folding-cube-angle 2.4s infinite linear both;
    transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube-1 {
    transform: scale(1.1) rotateZ(0deg);
}

.sk-folding-cube .sk-cube-1:before {
    animation-delay: 0s;
}

.sk-folding-cube .sk-cube-2 {
    transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube-2:before {
    animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube-3 {
    transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube-3:before {
    animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube-4 {
    transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube-4:before {
    animation-delay: 0.9s;
}
@keyframes sk-folding-cube-angle {
    0%,
    10% {
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}