html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

*:after, *:before {
    width: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input, button {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0
}

a {
    text-decoration: none
}

.col-xs-1-12 {
    width: 8.33333%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-2-12 {
    width: 16.66667%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-3-12 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-4-12 {
    width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-5-12 {
    width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-6-12 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-7-12 {
    width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-8-12 {
    width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-9-12 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-10-12 {
    width: 83.33333%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-11-12 {
    width: 91.66667%;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-12-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .col-sm-1-12 {
        width: 8.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-2-12 {
        width: 16.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-3-12 {
        width: 25%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-4-12 {
        width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-5-12 {
        width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-6-12 {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-7-12 {
        width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-8-12 {
        width: 66.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-9-12 {
        width: 75%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-10-12 {
        width: 83.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-11-12 {
        width: 91.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-sm-12-12 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 1200px) {
    .col-md-1-12 {
        width: 8.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-2-12 {
        width: 16.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-3-12 {
        width: 25%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-4-12 {
        width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-5-12 {
        width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-6-12 {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-7-12 {
        width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-8-12 {
        width: 66.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-9-12 {
        width: 75%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-10-12 {
        width: 83.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-11-12 {
        width: 91.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-md-12-12 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 1450px) {
    .col-lg-1-12 {
        width: 8.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-2-12 {
        width: 16.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-3-12 {
        width: 25%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-4-12 {
        width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-5-12 {
        width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-6-12 {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-7-12 {
        width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-8-12 {
        width: 66.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-9-12 {
        width: 75%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-10-12 {
        width: 83.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-11-12 {
        width: 91.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-lg-12-12 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 1800px) {
    .col-xl-1-12 {
        width: 8.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-2-12 {
        width: 16.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-3-12 {
        width: 25%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-4-12 {
        width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-5-12 {
        width: 41.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-6-12 {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-7-12 {
        width: 58.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-8-12 {
        width: 66.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-9-12 {
        width: 75%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-10-12 {
        width: 83.33333%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-11-12 {
        width: 91.66667%;
        padding-left: 15px;
        padding-right: 15px
    }

    .col-xl-12-12 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@font-face {
    font-family: "AvenirNext";
    src: url("../fonts/AvenirNext-Bold.eot"), url("../fonts/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNext-Bold.woff") format("woff"), url("../fonts/AvenirNext-Bold.woff2") format("woff2"), url("../fonts/AvenirNext-Bold.svg") format("svg"), url("../fonts/AvenirNext-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "AvenirNext";
    src: url("../fonts/AvenirNext-Medium.eot"), url("../fonts/AvenirNext-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNext-Medium.woff") format("woff"), url("../fonts/AvenirNext-Medium.woff2") format("woff2"), url("../fonts/AvenirNext-Medium.svg") format("svg"), url("../fonts/AvenirNext-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "AvenirNext";
    src: url("../fonts/AvenirNext-Regular.eot"), url("../fonts/AvenirNext-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNext-Regular.woff") format("woff"), url("../fonts/AvenirNext-Regular.woff2") format("woff2"), url("../fonts/AvenirNext-Regular.svg") format("svg"), url("../fonts/AvenirNext-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FuturaBT";
    src: url("../fonts/FuturaBT-Light.eot"), url("../fonts/FuturaBT-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaBT-Light.woff") format("woff"), url("../fonts/FuturaBT-Light.woff2") format("woff2"), url("../fonts/FuturaBT-Light.svg") format("svg"), url("../fonts/FuturaBT-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/Nexa-XBold.eot"), url("../fonts/Nexa-XBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa-XBold.woff") format("woff"), url("../fonts/Nexa-XBold.woff2") format("woff2"), url("../fonts/Nexa-XBold.svg") format("svg"), url("../fonts/Nexa-XBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "SFProDisplay";
    src: url("../fonts/SFProDisplay-Light.eot"), url("../fonts/SFProDisplay-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Light.woff") format("woff"), url("../fonts/SFProDisplay-Light.woff2") format("woff2"), url("../fonts/SFProDisplay-Light.svg") format("svg"), url("../fonts/SFProDisplay-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "SFProDisplay";
    src: url("../fonts/SFProDisplay-Regular.eot"), url("../fonts/SFProDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Regular.woff") format("woff"), url("../fonts/SFProDisplay-Regular.woff2") format("woff2"), url("../fonts/SFProDisplay-Regular.svg") format("svg"), url("../fonts/SFProDisplay-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before, .slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    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;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    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;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    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;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    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;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    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;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    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;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    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 {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    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;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    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;
    -moz-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;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    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;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    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(50% - 50px);
    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: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(transparent));
    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
}

.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 {
    -webkit-animation: a 1s linear infinite;
    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
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    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;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    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
    }
}

.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;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-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;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    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(100% - 8px);
    max-width: calc(50% - 4px);
    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;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .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(100% - 10px)
    }
}

.jq-checkbox, .jq-radio {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jq-checkbox input, .jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-file {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em
}

.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox, .jq-select-multiple {
    position: relative;
    display: inline-block
}

.jq-selectbox select, .jq-select-multiple select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-selectbox li, .jq-select-multiple li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jq-selectbox {
    z-index: 10
}

.jq-selectbox__select {
    position: relative
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__dropdown {
    position: absolute
}

.jq-selectbox__search input {
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch
}

.jq-select-multiple ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.jq-number {
    display: inline-block
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left
}

.jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.jq-checkbox, .jq-radio {
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #C3C3C3;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E6E6E6));
    background: linear-gradient(#fff, #E6E6E6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #fff, inset 1px -1px #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #fff, inset 1px -1px #fff;
    cursor: pointer
}

.jq-checkbox.focused, .jq-radio.focused {
    border: 1px solid #08C
}

.jq-checkbox.disabled, .jq-radio.disabled {
    opacity: .55
}

.jq-checkbox {
    border-radius: 3px
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 4px;
    margin: 3px 0 0 3px;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.jq-radio {
    border-radius: 50%
}

.jq-radio.checked .jq-radio__div {
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #777;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7)
}

.jq-file {
    width: 270px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}

.jq-file input {
    cursor: pointer
}

.jq-file__name {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 80px 0 10px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: inset 1px 1px #F1F1F1;
    box-shadow: inset 1px 1px #F1F1F1;
    font: 14px/32px Arial, sans-serif;
    color: #333
}

.jq-file__browse {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0 10px;
    border-left: 1px solid #CCC;
    border-radius: 0 4px 4px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E6E6E6));
    background: linear-gradient(#fff, #E6E6E6);
    -webkit-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF
}

.jq-file:hover .jq-file__browse {
    background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E6E6E6));
    background: linear-gradient(#F6F6F6, #E6E6E6)
}

.jq-file:active .jq-file__browse {
    background: #F5F5F5;
    -webkit-box-shadow: inset 1px 1px 3px #DDD;
    box-shadow: inset 1px 1px 3px #DDD
}

.jq-file.focused .jq-file__name {
    border: 1px solid #5794BF
}

.jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse {
    border-color: #CCC;
    background: #F5F5F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #888
}

.jq-number {
    position: relative;
    vertical-align: middle;
    padding: 0 36px 0 0
}

.jq-number__field {
    width: 100px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1)
}

.jq-number__field:hover {
    border-color: #B3B3B3
}

.jq-number__field input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 9px;
    border: none;
    outline: none;
    background: none;
    font: 14px Arial, sans-serif;
    color: #333
}

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 14px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E6E6E6));
    background: linear-gradient(#fff, #E6E6E6);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: 1px 1px #FFF;
    cursor: pointer
}

.jq-number__spin.minus {
    top: auto;
    bottom: 0
}

.jq-number__spin:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E6E6E6));
    background: linear-gradient(#F6F6F6, #E6E6E6)
}

.jq-number__spin:active {
    background: #F5F5F5;
    -webkit-box-shadow: inset 1px 1px 3px #DDD;
    box-shadow: inset 1px 1px 3px #DDD
}

.jq-number__spin:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 11px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #999;
    border-left: 5px solid transparent
}

.jq-number__spin.minus:after {
    top: 5px;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-bottom: none;
    border-left: 5px solid transparent
}

.jq-number__spin.minus:hover:after {
    border-top-color: #000
}

.jq-number__spin.plus:hover:after {
    border-bottom-color: #000
}

.jq-number.focused .jq-number__field {
    border: 1px solid #5794BF
}

.jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin {
    border-color: #CCC;
    background: #F5F5F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #888
}

.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #AAA
}

.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #AAA
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer
}

.jq-selectbox__select {
    height: 32px;
    padding: 0 45px 0 10px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    font: 14px/32px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #CCC;
    background: #F5F5F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #888
}

.jq-selectbox__select-text {
    display: block;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .jq-selectbox__select-text {
        font-size: 12px
    }
}

.jq-selectbox .placeholder {
    color: #888
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    border-left: 1px solid #CCC
}

@media only screen and (max-width: 1199px) {
    .jq-selectbox__trigger:before {
        right: -1px
    }
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #AAA
}

.jq-selectbox__dropdown {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    border-radius: 4px;
    font: 14px/18px Arial, sans-serif;
    left: 0
}

.jq-selectbox__search {
    margin: 5px
}

.jq-selectbox__search input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #CCC;
    border-radius: 3px;
    outline: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==") no-repeat 100% 50%;
    -webkit-box-shadow: inset 1px 1px #F1F1F1;
    box-shadow: inset 1px 1px #F1F1F1;
    color: #333
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #F0F0F0;
    font-size: 13px
}

.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    min-height: 18px;
    color: #231F20
}

.jq-selectbox li.optgroup {
    font-weight: bold
}

.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231F20;
    cursor: default
}

.jq-selectbox li.option {
    padding-left: 25px
}

.jq-select-multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    font: 14px/18px Arial, sans-serif;
    color: #333;
    cursor: default
}

.jq-select-multiple.focused {
    border: 1px solid #5794BF
}

.jq-select-multiple.disabled {
    border-color: #CCC;
    background: #F5F5F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #888
}

.jq-select-multiple ul {
    margin: 0;
    padding: 0
}

.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none
}

.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0
}

.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px
}

.jq-select-multiple li.selected {
    background: #08C;
    color: #FFF
}

.jq-select-multiple li.disabled {
    color: #AAA
}

.jq-select-multiple li.optgroup {
    font-weight: bold
}

.jq-select-multiple li.option {
    padding-left: 25px
}

.jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled {
    background: #CCC;
    color: #FFF
}

input[type='email'].styler, input[type='password'].styler, input[type='search'].styler, input[type='tel'].styler, input[type='text'].styler, input[type='url'].styler, textarea.styler {
    padding: 8px 9px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    font: 14px Arial, sans-serif;
    color: #333
}

input[type='search'].styler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea.styler {
    overflow: auto
}

input[type='email'].styler:hover, input[type='password'].styler:hover, input[type='search'].styler:hover, input[type='tel'].styler:hover, input[type='text'].styler:hover, input[type='url'].styler:hover, textarea.styler:hover {
    border-color: #B3B3B3
}

input[type='email'].styler:hover:focus, input[type='password'].styler:hover:focus, input[type='search'].styler:hover:focus, input[type='tel'].styler:hover:focus, input[type='text'].styler:hover:focus, input[type='url'].styler:hover:focus, textarea.styler:hover:focus {
    border-color: #CCC;
    border-top-color: #B3B3B3;
    outline: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

button.styler, input[type='button'].styler, input[type='submit'].styler, input[type='reset'].styler {
    overflow: visible;
    padding: 8px 11px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    outline: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E6E6E6));
    background: linear-gradient(#fff, #E6E6E6);
    -webkit-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    font: 14px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF;
    cursor: pointer
}

button.styler.styler::-moz-focus-inner, input[type='button'].styler.styler::-moz-focus-inner, input[type='submit'].styler.styler::-moz-focus-inner, input[type='reset'].styler.styler::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.styler:not([disabled]):hover, input[type='button'].styler:not([disabled]):hover, input[type='submit'].styler:not([disabled]):hover, input[type='reset'].styler:not([disabled]):hover, input[type='reset'].styler:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E6E6E6));
    background: linear-gradient(#F6F6F6, #E6E6E6)
}

button.styler:active, input[type='button'].styler:active, input[type='submit'].styler:active, input[type='reset'].styler:active {
    background: #F5F5F5;
    -webkit-box-shadow: inset 1px 1px 3px #DDD;
    box-shadow: inset 1px 1px 3px #DDD
}

button.styler[disabled], input[type='button'].styler[disabled], input[type='submit'].styler[disabled] {
    border-color: #CCC;
    background: #F5F5F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #888
}

html {
    position: relative;
    min-height: 100%
}

html.popup-opened {
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    html.popup-opened {
        height: 100vh
    }
}

.my_overlay {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #16181D;
    opacity: 0.9;
    cursor: pointer;
    display: block
}

.popup {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 5000;
    display: none;
    overflow-x: hidden;
    overflow-y: scroll
}

.popup .popup-wrapper-inner {
    width: 642px;
    padding: 25px 50px 50px;
    margin: 70px auto 50px;
    position: relative;
    z-index: 2;
    background: #EEEEF2
}

.popup .wpcf7-not-valid-tip {
    text-align: left
}

@media only screen and (max-width: 768px) {
    .popup .popup-wrapper-inner {
        margin-top: 40px;
        width: 90% !important;
        padding: 45px 20px
    }
}

@media only screen and (max-width: 768px) and (max-width: 480px) {
    .popup .popup-wrapper-inner {
        width: calc(100% - 20px) !important;
        padding: 70px 20px
    }
}

@media only screen and (max-width: 768px) {
    .popup .popup-wrapper-inner input[type="text"], .popup .popup-wrapper-inner input[type="tel"], .popup .popup-wrapper-inner input[type="email"], .popup .popup-wrapper-inner input[type="number"], .popup .popup-wrapper-inner input[type="password"], .popup .popup-wrapper-inner input[type="file"], .popup .popup-wrapper-inner input[type="date"], .popup .popup-wrapper-inner select, .popup .popup-wrapper-inner textarea {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.popup .in {
    padding: 0;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .popup .in {
        border: none;
        padding-top: 0px
    }
}

.popup button.popup-close {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBvcGFjaXR5PSIwLjIyNjg2NSIgZD0iTTMyIDEuNzY5MjVMMzAuMjMwNyAwTDE2IDE0LjIzMDhMMS43NjkyNSAwTDAgMS43NjkyNUwxNC4yMzA4IDE2TDAgMzAuMjMwN0wxLjc2OTI1IDMyTDE2IDE3Ljc2OTNMMzAuMjMwNyAzMkwzMiAzMC4yMzA3TDE3Ljc2OTMgMTZMMzIgMS43NjkyNVoiIGZpbGw9IndoaXRlIi8+PC9zdmc+) center center no-repeat;
    text-indent: -9999px;
    background-size: 32px auto;
    border: none;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -40px;
    right: -40px;
    padding: 0;
    z-index: 10;
    opacity: 0.9;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .popup button.popup-close {
        width: 20px;
        height: 20px;
        background-size: 15px auto;
        right: 10px;
        top: 10px;
        opacity: 1;
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

.popup button.popup-close:hover {
    opacity: 1
}

div.wpcf7 .ajax-loader {
    position: absolute;
    right: 0
}

.select {
    position: relative;
    border-radius: 30px;
    width: 66px;
    height: 50px;
    margin-left: auto
}

.select_show.select {
    border-radius: 30px 30px 0 0
}

.select__toggle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'FuturaBT', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
    background: linear-gradient(134.72deg, #6C66FE 0%, #7524FF 101.5%);
    -webkit-box-shadow: 0 0 20px rgba(66, 56, 116, 0.479953);
    box-shadow: 0 0 20px rgba(66, 56, 116, 0.479953);
    width: 100%;
    height: 100%;
    border-radius: 30px;
    line-height: 1.4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 16px 32px 16px 9px
}

.select_show .select__toggle {
    border-radius: 25px 25px 0 0
}

.select__toggle::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    width: 12px;
    height: 7px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjgyOTMgNy4zNTIzMUwxMi4zNjQzIDEuMzU3MzNDMTIuNTQ1NSAxLjE2MDkyIDEyLjU0NTIgMC44NDI5MSAxMi4zNjM0IDAuNjQ2ODIxQzEyLjE4MTUgMC40NTA4ODMgMTEuODg2OSAwLjQ1MTM5IDExLjcwNTUgMC42NDc4MzNMNi40OTk5OCA2LjI4NTk3TDEuMjk0NDMgMC42NDc2MzFDMS4xMTMwMyAwLjQ1MTIxMiAwLjgxODYzMSAwLjQ1MDcwNiAwLjYzNjc1NyAwLjY0NjYxOEMwLjU0NTU4NSAwLjc0NDkxNiAwLjUgMC44NzM2OTMgMC41IDEuMDAyNDdDMC41IDEuMTMwOTIgMC41NDUyODEgMS4yNTkxOSAwLjYzNTgxOSAxLjM1NzMxTDYuMTcwNjggNy4zNTIzMUM2LjI1NzgyIDcuNDQ2OTEgNi4zNzY0MiA3LjUgNi40OTk5OCA3LjVDNi42MjM1NCA3LjUgNi43NDE5OSA3LjQ0Njc2IDYuODI5MyA3LjM1MjMxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.select__toggle:focus {
    outline: none
}

.select_show .select__toggle::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 44%
}

.select__dropdown {
    display: none;
    position: absolute;
    top: 2.5rem;
    left: 0;
    right: 0;
    background: linear-gradient(134.72deg, #6C66FE 0%, #7524FF 101.5%);
    max-height: 10rem;
    overflow-y: auto;
    border-radius: 30px;
    z-index: 2
}

.select_show .select__dropdown {
    display: block;
    border-radius: 0 0 30px 30px
}

.select_show .select__backdrop {
    display: block
}

.select__options {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'FuturaBT', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px
}

.select__option {
    color: #fff;
    padding: 0.375rem 0.75rem
}

.select__option:last-child {
    padding-bottom: 10px
}

.select__option_selected {
    color: #131b3c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.select__option:hover {
    color: #131b3c;
    cursor: pointer
}

body {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.5;
    position: relative;
    overflow-x: hidden;
    background: #ffffff;
    scroll-behavior: smooth
}

body.no-scroll {
    overflow: hidden;
    height: 100vh
}

@media only screen and (max-width: 1470px) {
    body {
        font-size: 16px
    }
}

@media only screen and (max-width: 1030px) {
    body {
        font-size: 14px
    }
}

@media only screen and (max-width: 850px) {
    body {
        font-size: 14px
    }
}

@media only screen and (max-width: 480px) {
    body {
        font-size: 13px
    }
}

body * {
    outline: none !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

:root {
    --text-indent: 0;
    --animation-time: 0
}

.hidden {
    display: none !important
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.text-center {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

h1, h2, h3, h4, h5, h5, p {
    line-height: 1.2
}

h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h5:empty, p:empty {
    display: none
}

button {
    cursor: pointer
}

img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

ul, ol, li, a, span {
    list-style: none
}

h1 {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    color: #FFFFFF
}

@media only screen and (max-width: 1199px) {
    h1 {
        font-size: 60px
    }
}

@media only screen and (max-width: 991px) {
    h1 {
        font-size: 50px
    }
}

h2 {
    position: relative;
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 1.2;
    color: #FFFFFF
}

h2:after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: -30px;
    width: 20px;
    height: 6px;
    background-color: #F03C53
}

@media only screen and (max-width: 991px) {
    h2:after {
        width: 13px;
        height: 4px;
        top: 8px;
        left: 6px
    }
}

@media only screen and (max-width: 1030px) {
    h2 {
        font-size: 36px
    }
}

@media only screen and (max-width: 991px) {
    h2 {
        padding-left: 26px;
        font-size: 24px
    }
}

h3 {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    margin-bottom: 15px
}

@media only screen and (max-width: 1030px) {
    h3 {
        font-size: 20px
    }
}

p {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.2;
    color: #FFFFFF;
    margin-bottom: 15px
}

@media only screen and (max-width: 1030px) {
    p {
        font-size: 13px
    }
}

strong, b {
    font-weight: 700
}

.container {
    width: 100%;
    max-width: 1470px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
}

@media only screen and (max-width: 1470px) {
    .container {
        width: 1200px
    }
}

@media only screen and (max-width: 1199px) {
    .container {
        width: 1000px
    }
}

@media only screen and (max-width: 1030px) {
    .container {
        width: 800px
    }
}

@media only screen and (max-width: 991px) {
    .container {
        width: 760px
    }
}

@media only screen and (max-width: 768px) {
    .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 480px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

.player {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 345px
}

@media only screen and (max-width: 480px) {
    .player.red-player {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
        transform: none;
        margin-bottom: 30px;
        margin-top: 0
    }
}

.player.red-player .element-of-your-choice .shikwasa {
    width: 246px
}

@media only screen and (max-width: 480px) {
    .player.red-player .element-of-your-choice .shikwasa {
        bottom: 0;
        height: 49px;
        padding-left: 0
    }
}

.player.red-player .element-of-your-choice .shk-main {
    padding: 13px 0 14px
}

@media only screen and (max-width: 480px) {
    .player.red-player .element-of-your-choice .shk-main {
        padding: 13px 0 14px 60px
    }
}

.player.red-player .element-of-your-choice .shk {
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(240, 60, 83, 0.6) 0%, rgba(255, 39, 120, 0.6) 100%), rgba(240, 61, 85, 0.6);
    -webkit-box-shadow: 0 0 20px 0px #29304F;
    box-shadow: 0 0 20px 0px #29304F
}

.player.red-player .element-of-your-choice .shk-body {
    height: 100%
}

.player.red-player .element-of-your-choice .shk-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.player.red-player .element-of-your-choice .shk-btn_more, .player.red-player .element-of-your-choice .shk-display {
    display: none
}

.player.red-player .element-of-your-choice .shk-artist {
    font-size: 12px;
    font-weight: 300
}

.player.red-player .element-of-your-choice .shk-btn_play {
    width: 58px;
    height: 58px
}

@media only screen and (max-width: 480px) {
    .player.red-player .element-of-your-choice .shk-player {
        height: 100%
    }
}

.player.red-player .element-of-your-choice .shk-btn_toggle {
    width: 58px;
    height: 58px;
    top: 50%;
    z-index: 21;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 480px) {
    .player.red-player .element-of-your-choice .shk-btn_toggle {
        position: absolute
    }
}

.player.red-player .element-of-your-choice .shk-btn_toggle:before {
    width: 73px;
    height: 73px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(253, 58, 132, 0.36)), color-stop(98.95%, rgba(252, 43, 112, 0.36)));
    background: linear-gradient(0deg, rgba(253, 58, 132, 0.36) 0%, rgba(252, 43, 112, 0.36) 98.95%);
    opacity: 1
}

.player.red-player .element-of-your-choice [data-play="playing"] .shk-btn_toggle {
    fill: #00C0FF
}

.player.red-player .element-of-your-choice [data-play="playing"] .shk-btn_toggle:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(85, 136, 255, 0.36)), to(rgba(0, 192, 255, 0.36)));
    background: linear-gradient(0deg, rgba(85, 136, 255, 0.36) 0%, rgba(0, 192, 255, 0.36) 100%)
}

.player.red-player .element-of-your-choice .shk-controls {
    width: 0
}

.player.red-player .select-fix {
    display: none
}

.player__play-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.player__play-icon.spinner {
    pointer-events: none
}

.player__play-icon.spinner .player__loud-icon {
    display: block
}

@media only screen and (max-width: 1030px) {
    .player__play-icon.spinner .player__loud-icon {
        width: 48px;
        height: 48px
    }
}

.player__play-icon .player__loud-icon {
    display: none
}

.player__volume-wrapper {
    padding-top: 8px;
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.17)
}

.player__volume-track-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.player__volume-track-wrapper svg {
    margin-right: 8px
}

.player__volume-icon-on {
    cursor: pointer
}

.player__volume-icon-on path {
    pointer-events: none
}

.player__volume-icon {
    cursor: pointer;
    display: none
}

.player__volume-icon path {
    pointer-events: none
}

.player__volume-icon.off {
    display: block
}

.player__volume-icon.off + .player__volume-icon-on {
    display: none
}

.player__volume-title {
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    text-indent: 30px
}

.player__volume-track {
    -webkit-appearance: none;
    width: 136px;
    height: 2px;
    background: rgba(154, 161, 249, 0.44);
    border-radius: 0.5px;
    outline: none;
    -webkit-transition: .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.player__volume-track::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#FD3A84), color-stop(98.95%, #FC2B70));
    background: linear-gradient(0deg, #FD3A84 0%, #FC2B70 98.95%);
    -webkit-box-shadow: 0 0 4px rgba(41, 50, 89, 0.260962);
    box-shadow: 0 0 4px rgba(41, 50, 89, 0.260962);
    cursor: pointer
}

.player__volume-track::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer
}

.player__select-rate {
    font-family: 'FuturaBT', sans-serif;
    font-style: normal;
    border: none;
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    padding: 16px 13px 16px 9px;
    width: 68px;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0 0 20px rgba(66, 56, 116, 0.479953);
    box-shadow: 0 0 20px rgba(66, 56, 116, 0.479953);
    border-radius: 24.5px;
    background: linear-gradient(134.72deg, #6C66FE 0%, #7524FF 101.5%), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjgyOTMgNy4zNTIzMUwxMi4zNjQzIDEuMzU3MzNDMTIuNTQ1NSAxLjE2MDkyIDEyLjU0NTIgMC44NDI5MSAxMi4zNjM0IDAuNjQ2ODIxQzEyLjE4MTUgMC40NTA4ODMgMTEuODg2OSAwLjQ1MTM5IDExLjcwNTUgMC42NDc4MzNMNi40OTk5OCA2LjI4NTk3TDEuMjk0NDMgMC42NDc2MzFDMS4xMTMwMyAwLjQ1MTIxMiAwLjgxODYzMSAwLjQ1MDcwNiAwLjYzNjc1NyAwLjY0NjYxOEMwLjU0NTU4NiAwLjc0NDkxNiAwLjUgMC44NzM2OTMgMC41IDEuMDAyNDdDMC41IDEuMTMwOTIgMC41NDUyOCAxLjI1OTE5IDAuNjM1ODE5IDEuMzU3MzFMNi4xNzA2OCA3LjM1MjMxQzYuMjU3ODIgNy40NDY5MSA2LjM3NjQyIDcuNSA2LjQ5OTk4IDcuNUM2LjYyMzU0IDcuNSA2Ljc0MTk5IDcuNDQ2NzYgNi44MjkzIDcuMzUyMzFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) center no-repeat
}

.play-icon {
    cursor: pointer;
    position: relative;
    z-index: 2;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#FD3A84), color-stop(98.95%, #FC2B70));
    background: linear-gradient(0deg, #FD3A84 0%, #FC2B70 98.95%)
}

@media only screen and (max-width: 1030px) {
    .play-icon {
        width: 42px;
        height: 42px
    }
}

.play-icon * {
    pointer-events: none
}

.play-icon.active {
    background: -webkit-gradient(linear, left bottom, left top, from(#58f), to(#00C0FF));
    background: linear-gradient(0deg, #58f 0%, #00C0FF 100%)
}

.play-icon.active:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNTQ5OTIgMC40NjE1NDhINS41ODU1M0M2LjE0MjcyIDAuNDYxNTQ4IDYuNTk0NDQgMC45MTE3NDEgNi41OTQ0NCAxLjQ2NzA0VjEzLjUzM0M2LjU5NDQ0IDE0LjA4ODMgNi4xNDI3MiAxNC41Mzg1IDUuNTg1NTMgMTQuNTM4NUgxLjU0OTkyQzAuOTkyNzM1IDE0LjUzODUgMC41NDEwMTYgMTQuMDg4MyAwLjU0MTAxNiAxMy41MzNWMS40NjcwNEMwLjU0MTAxNiAwLjkxMTc0MSAwLjk5MjczNSAwLjQ2MTU0OCAxLjU0OTkyIDAuNDYxNTQ4Wk05LjYyMTE1IDAuNDYxNTQ4SDEzLjY1NjhDMTQuMjEzOSAwLjQ2MTU0OCAxNC42NjU3IDAuOTExNzQxIDE0LjY2NTcgMS40NjcwNFYxMy41MzNDMTQuNjY1NyAxNC4wODgzIDE0LjIxMzkgMTQuNTM4NSAxMy42NTY4IDE0LjUzODVIOS42MjExNUM5LjA2Mzk2IDE0LjUzODUgOC42MTIyNCAxNC4wODgzIDguNjEyMjQgMTMuNTMzVjEuNDY3MDRDOC42MTIyNCAwLjkxMTc0MSA5LjA2Mzk2IDAuNDYxNTQ4IDkuNjIxMTUgMC40NjE1NDhaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMF81MDM3KSIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8wXzUwMzciIHgxPSIxNC42NjU3IiB5MT0iMTQuNTM4NSIgeDI9IjE0LjY2NTciIHkyPSIwLjQ2MTU0OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNBRERDRkYiLz48c3RvcCBvZmZzZXQ9IjAuNTAyOCIgc3RvcC1jb2xvcj0iI0VBRjZGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VBRjZGRiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==) center center no-repeat;
    width: 25px;
    height: 25px;
    left: 19px;
    background-size: contain
}

@media only screen and (max-width: 1030px) {
    .play-icon.active:before {
        left: 17px
    }
}

.play-icon:before {
    content: '';
    width: 18px;
    height: 23px;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 42%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: cover;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDU4NTkzOCAyMi40NDQ3VjEuODczODhDMC4wNTg1OTM4IDEuMzk5NzMgMC4zMTk1OTQgMC45NjQwNTIgMC43Mzc2MjIgMC43NDAzNDRDMS4xNTU2NSAwLjUxNjYzNiAxLjY2Mjk5IDAuNTQxMTUgMi4wNTc0NSAwLjgwNDExNEwxNy40ODYgMTEuMDg5NUMxNy44NDM3IDExLjMyOCAxOC4wNTg2IDExLjcyOTQgMTguMDU4NiAxMi4xNTkzQzE4LjA1ODYgMTIuNTg5MiAxNy44NDM4IDEyLjk5MDYgMTcuNDg2IDEzLjIyOTFMMi4wNTc0NSAyMy41MTQ1QzEuMjEyNzQgMjQuMDc3NyAwLjA1ODU5MzggMjMuNDc5NSAwLjA1ODU5MzggMjIuNDQ0N1oiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8wXzUyNykiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8wXzUyNyIgeDE9IjE4LjA1ODYiIHkxPSIyMy43MzEiIHgyPSIxOC4wNTg2IiB5Mj0iMC41ODgyMDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGQzJDQyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkYyRjQiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center no-repeat
}

@media only screen and (max-width: 1030px) {
    .play-icon:before {
        width: 12px;
        height: 15px;
        background-size: cover
    }
}

.play-icon:after {
    content: '';
    display: block;
    z-index: 3;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: inherit;
    opacity: 0.36;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1030px) {
    .play-icon:after {
        width: 53px;
        height: 53px
    }
}

.play-icon span {
    z-index: 1;
    width: 111px;
    height: 111px;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(23, 26, 41, 0.36)
}

@media only screen and (max-width: 1030px) {
    .play-icon span {
        width: 75px;
        height: 75px
    }
}

.play-icon.small {
    width: 34px;
    height: 34px
}

.play-icon.small:before {
    width: 10px;
    height: 13px;
    background-size: cover
}

.play-icon.small:after {
    width: 42px;
    height: 42px
}

.play-icon.small span {
    width: 60px;
    height: 60px
}

.play-icon.small.pause:before {
    width: 10px;
    height: 13px
}

.play-icon audio {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.playing .play-icon {
    background: -webkit-gradient(linear, left bottom, left top, from(#58f), to(#00C0FF));
    background: linear-gradient(0deg, #58f 0%, #00C0FF 100%)
}

.playing .play-icon:before {
    width: 14px;
    height: 14px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjU0OTkyIDAuNDYxNTQ4SDUuNTg1NTNDNi4xNDI3MiAwLjQ2MTU0OCA2LjU5NDQ0IDAuOTExNzQxIDYuNTk0NDQgMS40NjcwNFYxMy41MzNDNi41OTQ0NCAxNC4wODgzIDYuMTQyNzIgMTQuNTM4NSA1LjU4NTUzIDE0LjUzODVIMS41NDk5MkMwLjk5MjczNSAxNC41Mzg1IDAuNTQxMDE2IDE0LjA4ODMgMC41NDEwMTYgMTMuNTMzVjEuNDY3MDRDMC41NDEwMTYgMC45MTE3NDEgMC45OTI3MzUgMC40NjE1NDggMS41NDk5MiAwLjQ2MTU0OFpNOS42MjExNSAwLjQ2MTU0OEgxMy42NTY4QzE0LjIxMzkgMC40NjE1NDggMTQuNjY1NyAwLjkxMTc0MSAxNC42NjU3IDEuNDY3MDRWMTMuNTMzQzE0LjY2NTcgMTQuMDg4MyAxNC4yMTM5IDE0LjUzODUgMTMuNjU2OCAxNC41Mzg1SDkuNjIxMTVDOS4wNjM5NiAxNC41Mzg1IDguNjEyMjQgMTQuMDg4MyA4LjYxMjI0IDEzLjUzM1YxLjQ2NzA0QzguNjEyMjQgMC45MTE3NDEgOS4wNjM5NiAwLjQ2MTU0OCA5LjYyMTE1IDAuNDYxNTQ4WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzBfNTAzNykiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8wXzUwMzciIHgxPSIxNC42NjU3IiB5MT0iMTQuNTM4NSIgeDI9IjE0LjY2NTciIHkyPSIwLjQ2MTU0OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQUREQ0ZGIi8+CjxzdG9wIG9mZnNldD0iMC41MDI4IiBzdG9wLWNvbG9yPSIjRUFGNkZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VBRjZGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat
}

.playing .play-icon.small:before {
    width: 10px;
    height: 13px
}

.red-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 14px 35px 12px;
    background: linear-gradient(134.72deg, #F03C53 0%, #FF2778 101.5%), #F03C53;
    -webkit-box-shadow: 0 0 20px rgba(26, 31, 51, 0.139366);
    box-shadow: 0 0 20px rgba(26, 31, 51, 0.139366);
    border-radius: 25px;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer
}

.red-btn:hover {
    background: #303B6C;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-shadow: 0 0 0 #4a5897;
    box-shadow: 0 0 0 #4a5897
}

.track-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 992px;
    width: 100%
}

.track-blocks__item-wrap {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 1470px) {
    .track-blocks__item-wrap {
        width: 33%
    }
}

@media only screen and (max-width: 1199px) {
    .track-blocks__item-wrap {
        width: 50%
    }
}

@media only screen and (max-width: 768px) {
    .track-blocks__item-wrap {
        width: 25%
    }
}

@media only screen and (max-width: 570px) {
    .track-blocks__item-wrap {
        width: 33%
    }
}

@media only screen and (max-width: 480px) {
    .track-blocks__item-wrap {
        width: 50%
    }
}

.track-blocks__item {
    position: relative;
    max-width: 211px;
    width: 100%
}

@media only screen and (max-width: 1030px) {
    .track-blocks__item {
        max-width: 144px;
        margin: 0 10px
    }
}

@media only screen and (max-width: 1470px) {
    body.home .track-blocks__item {
        margin-bottom: 25px
    }
}

.track-blocks__item.in-favorite .favorite-btn {
    background: linear-gradient(134.72deg, rgba(240, 60, 83, 0.2) 0%, rgba(255, 39, 120, 0.2) 101.5%), rgba(240, 60, 83, 0.2)
}

.track-blocks__item.in-favorite .favorite-btn:after {
    width: 100%;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2NCA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8wXzI3NTApIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Mi4wOTYxIDIyLjE1M0M0MC44NTM3IDIwLjc2NDYgMzkuMTQ5IDIwIDM3LjI5NTYgMjBDMzUuOTEwMiAyMCAzNC42NDE1IDIwLjQ1MTMgMzMuNTI0NSAyMS4zNDEyQzMyLjk2MDkgMjEuNzkwNCAzMi40NTAzIDIyLjMzOTkgMzIgMjIuOTgxNEMzMS41NDk5IDIyLjM0MDEgMzEuMDM5MSAyMS43OTA0IDMwLjQ3NTMgMjEuMzQxMkMyOS4zNTg1IDIwLjQ1MTMgMjguMDg5OCAyMCAyNi43MDQ0IDIwQzI0Ljg1MSAyMCAyMy4xNDYxIDIwLjc2NDYgMjEuOTAzNyAyMi4xNTNDMjAuNjc2MiAyMy41MjUxIDIwIDI1LjM5OTYgMjAgMjcuNDMxNUMyMCAyOS41MjI4IDIwLjc1NjQgMzEuNDM3MSAyMi4zODA0IDMzLjQ1NjJDMjMuODMzMSAzNS4yNjIyIDI1LjkyMTEgMzcuMDk1NiAyOC4zMzkgMzkuMjE4NkMyOS4xNjQ2IDM5Ljk0MzYgMzAuMTAwNSA0MC43NjU0IDMxLjA3MjIgNDEuNjQwOEMzMS4zMjg5IDQxLjg3MjUgMzEuNjU4MyA0MiAzMiA0MkMzMi4zNDE1IDQyIDMyLjY3MTEgNDEuODcyNSAzMi45Mjc0IDQxLjY0MTJDMzMuODk5MiA0MC43NjU2IDM0LjgzNTYgMzkuOTQzNCAzNS42NjE2IDM5LjIxOEMzOC4wNzkxIDM3LjA5NTQgNDAuMTY3MSAzNS4yNjIyIDQxLjYxOTggMzMuNDU2QzQzLjI0MzggMzEuNDM3MSA0NCAyOS41MjI4IDQ0IDI3LjQzMTNDNDQgMjUuMzk5NiA0My4zMjM4IDIzLjUyNTEgNDIuMDk2MSAyMi4xNTNaIiBmaWxsPSIjRjAzQzUzIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDIuMDk2MSAyMi4xNTNDNDAuODUzNyAyMC43NjQ2IDM5LjE0OSAyMCAzNy4yOTU2IDIwQzM1LjkxMDIgMjAgMzQuNjQxNSAyMC40NTEzIDMzLjUyNDUgMjEuMzQxMkMzMi45NjA5IDIxLjc5MDQgMzIuNDUwMyAyMi4zMzk5IDMyIDIyLjk4MTRDMzEuNTQ5OSAyMi4zNDAxIDMxLjAzOTEgMjEuNzkwNCAzMC40NzUzIDIxLjM0MTJDMjkuMzU4NSAyMC40NTEzIDI4LjA4OTggMjAgMjYuNzA0NCAyMEMyNC44NTEgMjAgMjMuMTQ2MSAyMC43NjQ2IDIxLjkwMzcgMjIuMTUzQzIwLjY3NjIgMjMuNTI1MSAyMCAyNS4zOTk2IDIwIDI3LjQzMTVDMjAgMjkuNTIyOCAyMC43NTY0IDMxLjQzNzEgMjIuMzgwNCAzMy40NTYyQzIzLjgzMzEgMzUuMjYyMiAyNS45MjExIDM3LjA5NTYgMjguMzM5IDM5LjIxODZDMjkuMTY0NiAzOS45NDM2IDMwLjEwMDUgNDAuNzY1NCAzMS4wNzIyIDQxLjY0MDhDMzEuMzI4OSA0MS44NzI1IDMxLjY1ODMgNDIgMzIgNDJDMzIuMzQxNSA0MiAzMi42NzExIDQxLjg3MjUgMzIuOTI3NCA0MS42NDEyQzMzLjg5OTIgNDAuNzY1NiAzNC44MzU2IDM5Ljk0MzQgMzUuNjYxNiAzOS4yMThDMzguMDc5MSAzNy4wOTU0IDQwLjE2NzEgMzUuMjYyMiA0MS42MTk4IDMzLjQ1NkM0My4yNDM4IDMxLjQzNzEgNDQgMjkuNTIyOCA0NCAyNy40MzEzQzQ0IDI1LjM5OTYgNDMuMzIzOCAyMy41MjUxIDQyLjA5NjEgMjIuMTUzWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzBfMjc1MCkiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzBfMjc1MCIgeD0iMCIgeT0iMCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjYyIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjMyOTAxOCAwIDAgMCAwIDAuMTAyMTc1IDAgMCAwIDAgMC4yMDkyOTUgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzBfMjc1MCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18wXzI3NTAiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8wXzI3NTAiIHgxPSI3Ljg4IiB5MT0iMzEuMjIiIHgyPSIzMC4yNTQ1IiB5Mj0iNTUuMzg5MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjAzQzUzIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMjc3OCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.track-blocks__item-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.track-blocks__item-image {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #171A29;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    border-radius: 28px;
    position: relative;
    height: 211px;
    margin-bottom: 20px
}

@media only screen and (max-width: 1030px) {
    .track-blocks__item-image {
        max-height: 144px;
        margin-bottom: 11px
    }
}

@media only screen and (max-width: 768px) {
    .track-blocks__item-image {
        height: 130px
    }
}

.track-blocks__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.track-blocks__item-name {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    margin-bottom: 0
}

@media only screen and (max-width: 1030px) {
    .track-blocks__item-name {
        font-size: 10px
    }
}

.track-blocks .favorite-btn {
    position: absolute;
    top: 10px;
    right: 10px
}

.favorite-btn {
    position: relative;
    background-color: unset;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    cursor: pointer
}

@media only screen and (max-width: 1030px) {
    .favorite-btn {
        width: 39px;
        height: 39px
    }
}

.favorite-btn.is-favorite:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIyLjA5NjEgMi4xNTI5OUMyMC44NTM3IDAuNzY0NjM4IDE5LjE0OSAwIDE3LjI5NTYgMEMxNS45MTAyIDAgMTQuNjQxNSAwLjQ1MTI3NCAxMy41MjQ1IDEuMzQxMThDMTIuOTYwOSAxLjc5MDM4IDEyLjQ1MDMgMi4zMzk5NSAxMiAyLjk4MTM5QzExLjU0OTkgMi4zNDAxNCAxMS4wMzkxIDEuNzkwMzggMTAuNDc1MyAxLjM0MTE4QzkuMzU4NTIgMC40NTEyNzQgOC4wODk3OCAwIDYuNzA0NDEgMEM0Ljg1MTAxIDAgMy4xNDYxMiAwLjc2NDYzOCAxLjkwMzc1IDIuMTUyOTlDMC42NzYyMDggMy41MjUxMSAwIDUuMzk5NjMgMCA3LjQzMTVDMCA5LjUyMjc5IDAuNzU2NDA5IDExLjQzNzEgMi4zODAzNyAxMy40NTYyQzMuODMzMTMgMTUuMjYyMiA1LjkyMTA4IDE3LjA5NTYgOC4zMzg5OSAxOS4yMTg2QzkuMTY0NjEgMTkuOTQzNiAxMC4xMDA1IDIwLjc2NTQgMTEuMDcyMiAyMS42NDA4QzExLjMyODkgMjEuODcyNSAxMS42NTgzIDIyIDEyIDIyQzEyLjM0MTUgMjIgMTIuNjcxMSAyMS44NzI1IDEyLjkyNzQgMjEuNjQxMkMxMy44OTkyIDIwLjc2NTYgMTQuODM1NiAxOS45NDM0IDE1LjY2MTYgMTkuMjE4QzE4LjA3OTEgMTcuMDk1NCAyMC4xNjcxIDE1LjI2MjIgMjEuNjE5OCAxMy40NTZDMjMuMjQzOCAxMS40MzcxIDI0IDkuNTIyNzkgMjQgNy40MzEzMUMyNCA1LjM5OTYzIDIzLjMyMzggMy41MjUxMSAyMi4wOTYxIDIuMTUyOTlaIiBmaWxsPSIjRjAzQzUzIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi4wOTYxIDIuMTUyOTlDMjAuODUzNyAwLjc2NDYzOCAxOS4xNDkgMCAxNy4yOTU2IDBDMTUuOTEwMiAwIDE0LjY0MTUgMC40NTEyNzQgMTMuNTI0NSAxLjM0MTE4QzEyLjk2MDkgMS43OTAzOCAxMi40NTAzIDIuMzM5OTUgMTIgMi45ODEzOUMxMS41NDk5IDIuMzQwMTQgMTEuMDM5MSAxLjc5MDM4IDEwLjQ3NTMgMS4zNDExOEM5LjM1ODUyIDAuNDUxMjc0IDguMDg5NzggMCA2LjcwNDQxIDBDNC44NTEwMSAwIDMuMTQ2MTIgMC43NjQ2MzggMS45MDM3NSAyLjE1Mjk5QzAuNjc2MjA4IDMuNTI1MTEgMCA1LjM5OTYzIDAgNy40MzE1QzAgOS41MjI3OSAwLjc1NjQwOSAxMS40MzcxIDIuMzgwMzcgMTMuNDU2MkMzLjgzMzEzIDE1LjI2MjIgNS45MjEwOCAxNy4wOTU2IDguMzM4OTkgMTkuMjE4NkM5LjE2NDYxIDE5Ljk0MzYgMTAuMTAwNSAyMC43NjU0IDExLjA3MjIgMjEuNjQwOEMxMS4zMjg5IDIxLjg3MjUgMTEuNjU4MyAyMiAxMiAyMkMxMi4zNDE1IDIyIDEyLjY3MTEgMjEuODcyNSAxMi45Mjc0IDIxLjY0MTJDMTMuODk5MiAyMC43NjU2IDE0LjgzNTYgMTkuOTQzNCAxNS42NjE2IDE5LjIxOEMxOC4wNzkxIDE3LjA5NTQgMjAuMTY3MSAxNS4yNjIyIDIxLjYxOTggMTMuNDU2QzIzLjI0MzggMTEuNDM3MSAyNCA5LjUyMjc5IDI0IDcuNDMxMzFDMjQgNS4zOTk2MyAyMy4zMjM4IDMuNTI1MTEgMjIuMDk2MSAyLjE1Mjk5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzBfMjg5OCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMF8yODk4IiB4MT0iLTEyLjEyIiB5MT0iMTEuMjIiIHgyPSIxMC4yNTQ1IiB5Mj0iMzUuMzg5MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGMDNDNTMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjI3NzgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=) center center no-repeat;
    background-size: 24px 22px;
    background-color: rgba(240, 60, 83, 0.2)
}

.favorite-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA2NCA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8wXzI1MCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDQyLjEwMjNDMzEuNjU4MyA0Mi4xMDIzIDMxLjMyODkgNDEuOTc4NSAzMS4wNzIyIDQxLjc1MzdDMzAuMTAyNyA0MC45MDU5IDI5LjE2NzkgNDAuMTA5MiAyOC4zNDMyIDM5LjQwNjRMMjguMzM5IDM5LjQwMjhDMjUuOTIxMSAzNy4zNDIzIDIzLjgzMzEgMzUuNTYyOSAyMi4zODA0IDMzLjgxQzIwLjc1NjQgMzEuODUwNCAyMCAyOS45OTI0IDIwIDI3Ljk2MjdDMjAgMjUuOTkwNyAyMC42NzYyIDI0LjE3MTMgMjEuOTAzOSAyMi44Mzk2QzIzLjE0NjMgMjEuNDkyMSAyNC44NTEgMjAuNzUgMjYuNzA0NiAyMC43NUMyOC4wOSAyMC43NSAyOS4zNTg3IDIxLjE4OCAzMC40NzU1IDIyLjA1MTdDMzEuMDM5MSAyMi40ODc3IDMxLjU0OTkgMjMuMDIxMiAzMiAyMy42NDM2QzMyLjQ1MDMgMjMuMDIxMiAzMi45NjA5IDIyLjQ4NzcgMzMuNTI0NyAyMi4wNTE3QzM0LjY0MTUgMjEuMTg4IDM1LjkxMDIgMjAuNzUgMzcuMjk1NiAyMC43NUMzOS4xNDkgMjAuNzUgNDAuODUzOSAyMS40OTIxIDQyLjA5NjMgMjIuODM5NkM0My4zMjQgMjQuMTcxMyA0NCAyNS45OTA3IDQ0IDI3Ljk2MjdDNDQgMjkuOTkyNCA0My4yNDM4IDMxLjg1MDQgNDEuNjE5OCAzMy44MDk4QzQwLjE2NzEgMzUuNTYyOSAzOC4wNzkzIDM3LjM0MjEgMzUuNjYxNyAzOS40MDI0QzM0LjgzNTYgNDAuMTA2MyAzMy44OTk0IDQwLjkwNDIgMzIuOTI3NiA0MS43NTRDMzIuNjcxMSA0MS45Nzg1IDMyLjM0MTUgNDIuMTAyMyAzMiA0Mi4xMDIzWk0yNi43MDQ2IDIyLjE1NTlDMjUuMjQ4NCAyMi4xNTU5IDIzLjkxMDYgMjIuNzM3MSAyMi45Mzc0IDIzLjc5MjVDMjEuOTQ5NyAyNC44NjM4IDIxLjQwNTcgMjYuMzQ0OCAyMS40MDU3IDI3Ljk2MjdDMjEuNDA1NyAyOS42Njk4IDIyLjA0MDIgMzEuMTk2NSAyMy40NjI3IDMyLjkxM0MyNC44Mzc2IDM0LjU3MjEgMjYuODgyOCAzNi4zMTQ5IDI5LjI1MDcgMzguMzMyOUwyOS4yNTUxIDM4LjMzNjVDMzAuMDgyOSAzOS4wNDIxIDMxLjAyMTMgMzkuODQxOSAzMS45OTggNDAuNjk1OUMzMi45ODA1IDM5Ljg0MDIgMzMuOTIwNCAzOS4wMzkxIDM0Ljc0OTkgMzguMzMyNUMzNy4xMTc2IDM2LjMxNDUgMzkuMTYyNSAzNC41NzIxIDQwLjUzNzUgMzIuOTEzQzQxLjk1OTggMzEuMTk2NSA0Mi41OTQzIDI5LjY2OTggNDIuNTk0MyAyNy45NjI3QzQyLjU5NDMgMjYuMzQ0OCA0Mi4wNTAzIDI0Ljg2MzggNDEuMDYyNiAyMy43OTI1QzQwLjA4OTYgMjIuNzM3MSAzOC43NTE2IDIyLjE1NTkgMzcuMjk1NiAyMi4xNTU5QzM2LjIyODggMjIuMTU1OSAzNS4yNDk0IDIyLjQ5NSAzNC4zODQ2IDIzLjE2MzdDMzMuNjEzOSAyMy43NTk5IDMzLjA3NyAyNC41MTM1IDMyLjc2MjMgMjUuMDQwOUMzMi42MDA0IDI1LjMxMjEgMzIuMzE1NSAyNS40NzM5IDMyIDI1LjQ3MzlDMzEuNjg0NSAyNS40NzM5IDMxLjM5OTYgMjUuMzEyMSAzMS4yMzc3IDI1LjA0MDlDMzAuOTIzMiAyNC41MTM1IDMwLjM4NjMgMjMuNzU5OSAyOS42MTU0IDIzLjE2MzdDMjguNzUwNiAyMi40OTUgMjcuNzcxMiAyMi4xNTU5IDI2LjcwNDYgMjIuMTU1OVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8wXzI1MCkiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzBfMjUwIiB4PSIwIiB5PSIwLjc1IiB3aWR0aD0iNjQiIGhlaWdodD0iNjEuMzUyMyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTAiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC4yNTc4OTcgMCAwIDAgMCAwLjIxOTI3MiAwIDAgMCAwIDAuNDU1ODUgMCAwIDAgMC40Nzk5NTMgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18wXzI1MCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18wXzI1MCIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzBfMjUwIiB4MT0iNy44OCIgeTE9IjMxLjYzOTciIHgyPSIyOS41MzYyIiB5Mj0iNTUuNzQyNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNkM2NkZFIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzc1MjRGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-color: rgba(108, 102, 254, 0.13);
    border-radius: 30px
}

@media only screen and (max-width: 1030px) {
    .favorite-btn:after {
        top: 43%;
        right: 44%
    }
}

.favorite-btn:after.active:after {
    background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTMuMDY2IDEzLjA2NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMuMDY2IDEzLjA2NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJPGc+DQoJCQkJPHBhdGggc3R5bGU9ImZpbGw6Izc0MzdmZjsiIGQ9Ik02LjU1NSwxMi41NThjLTAuMDk4LDAtMC4xOTUtMC4wMzQtMC4yNzMtMC4xMDNjLTAuMjMzLTAuMi01LjcxOC00Ljk1NC02LjE5OS03Ljg4NQ0KCQkJCQlDLTAuMTMzLDMuMjQzLDAuMDcxLDIuMjAxLDAuNjksMS40NzRDMS4yMiwwLjg1LDIuMDM0LDAuNTA3LDIuOTgyLDAuNTA3YzAuMDgyLDAsMC4xNjUsMC4wMDIsMC4yNDcsMC4wMDgNCgkJCQkJYzAuMDU4LTAuMDAzLDAuMTE1LTAuMDA0LDAuMTcyLTAuMDA0YzEuMDQ4LDAsMi4zNDMsMC40NjEsMy4xMDksMi40MjFjMC40My0xLjE5NiwxLjMxMS0yLjQxNywzLjMyOC0yLjQxNw0KCQkJCQljMS4xMzUsMCwyLjAyMywwLjM0MiwyLjU3MSwwLjk4N2MwLjU5NywwLjcwMSwwLjc4NywxLjczMywwLjU2OSwzLjA2OGMtMC40NzksMi45MjktNS45MTgsNy42ODQtNi4xNDksNy44ODQNCgkJCQkJQzYuNzUxLDEyLjUyNCw2LjY1MywxMi41NTgsNi41NTUsMTIuNTU4eiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=");
    background-size: 20px
}

@media screen and (max-width: 991px) {
    .favorite-btn:after.active:after {
        background-size: 14px
    }
}

.playlist {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 359px;
    height: 596px
}

@media only screen and (max-width: 1030px) {
    .playlist {
        width: 300px;
        height: 466px
    }
}

.playlist .play-icon {
    position: absolute;
    -webkit-transform: none;
    transform: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

@media only screen and (max-width: 1030px) {
    .playlist__title {
        margin-bottom: 0
    }
}

.playlist__inner {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 39px 15px 43px;
    background: linear-gradient(134.72deg, rgba(48, 43, 162, 0.85) 0%, rgba(55, 16, 120, 0.85) 101.5%);
    border-radius: 24px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 1030px) {
    .playlist__inner {
        padding: 23px 7px 30px 12px
    }
}

.playlist__title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px;
    width: 100%;
    padding: 0 18px 0 30px
}

@media only screen and (max-width: 1030px) {
    .playlist__title-wrapper {
        margin-bottom: 17px;
        padding: 0 18px 0 19px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (max-width: 1030px) {
    .playlist__title-wrapper svg {
        width: 42px;
        height: 45px
    }
}

.playlist__bg {
    position: absolute;
    top: 49%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    max-width: 120%;
    max-height: 120%;
    z-index: -1
}

@media only screen and (max-width: 1030px) {
    .playlist__bg {
        display: none
    }
}

.playlist__bg.mob {
    display: none
}

@media only screen and (max-width: 1030px) {
    .playlist__bg.mob {
        display: block;
        max-width: calc(100% + 18px);
        max-height: calc(100% + 22px)
    }
}

.playlist__tracks-wrapper {
    width: 100%;
    height: 325px;
    overflow-y: auto;
    overflow-x: hidden
}

@media only screen and (max-width: 1030px) {
    .playlist__tracks-wrapper {
        height: 280px
    }
}

.playlist__track {
    position: relative;
    font-family: "Mulish", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #C9CCDC;
    padding-left: 53px;
    padding-right: 40px;
    cursor: unset;
    width: 330px
}

@media only screen and (max-width: 480px) {
    .playlist__track {
        padding-left: 43px
    }
}

.playlist__track .play-icon {
    cursor: unset
}

.playlist__track span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    -webkit-animation: text-shift infinite var(--animation-time) ease-in-out;
    animation: text-shift infinite var(--animation-time) ease-in-out
}

@media only screen and (max-width: 1030px) {
    .playlist__track span {
        max-width: 190px
    }
}

.playlist__track span.js-track-name {
    font-family: "Mulish", sans-serif;
    font-style: normal
}

@media only screen and (max-width: 480px) {
    .playlist__track span.js-track-name {
        font-weight: 300;
        font-size: 14px;
        line-height: 1.29;
        color: #C9CCDC
    }
}

.playlist__track:not(:last-child) {
    margin-bottom: 30px
}

@media only screen and (max-width: 1030px) {
    .playlist__track:not(:last-child) {
        margin-bottom: 22px
    }
}

.playlist__track:after {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #C9CCDC;
    border-radius: 50%;
    top: 10px;
    left: 31px;
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 480px) {
    .playlist__track:after {
        left: 29px;
        width: 5px;
        height: 5px;
        top: 7px
    }
}

.playlist__track.playing {
    padding: 15px 50px;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 17px;
    background: linear-gradient(134.72deg, #F03C53 0%, #FF2778 101.5%), #F03C53;
    border-radius: 27.5px
}

@media only screen and (max-width: 1030px) {
    .playlist__track.playing {
        padding: 12px 0 12px 43px;
        font-size: 14px;
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .playlist__track.playing {
        padding-right: 0;
        width: 100%
    }
}

.playlist__track.playing:after {
    top: 19px;
    left: 20px;
    width: 24px;
    height: 17px;
    background-color: transparent;
    border-radius: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi42MTU0IDBDMTYuMzYwNSAwIDE2LjE1MzggMC4yMDY2NTQgMTYuMTUzOCAwLjQ2MTUzOFYxNy4wNzY5QzE2LjE1MzggMTcuMzMxOCAxNi4zNjA1IDE3LjUzODUgMTYuNjE1NCAxNy41Mzg1QzE2Ljg3MDMgMTcuNTM4NSAxNy4wNzY5IDE3LjMzMTggMTcuMDc2OSAxNy4wNzY5VjAuNDYxNTM4QzE3LjA3NjkgMC4yMDY2NTQgMTYuODcwMyAwIDE2LjYxNTQgMFpNNC42MTUzOCAyLjMwNzY5QzQuNjE1MzggMi4wNTI4MSA0LjgyMjA0IDEuODQ2MTUgNS4wNzY5MiAxLjg0NjE1QzUuMzMxODEgMS44NDYxNSA1LjUzODQ2IDIuMDUyODEgNS41Mzg0NiAyLjMwNzY5VjE1LjIzMDhDNS41Mzg0NiAxNS40ODU3IDUuMzMxODEgMTUuNjkyMyA1LjA3NjkyIDE1LjY5MjNDNC44MjIwNCAxNS42OTIzIDQuNjE1MzggMTUuNDg1NyA0LjYxNTM4IDE1LjIzMDhWMi4zMDc2OVpNMi43NzA4NSA1LjAzMzQyQzIuNTE1OTYgNS4wMzM0MiAyLjMwOTMxIDUuMjQwMDggMi4zMDkzMSA1LjQ5NDk2VjExLjg4NTFDMi4zMDkzMSAxMi4xNCAyLjUxNTk2IDEyLjM0NjYgMi43NzA4NSAxMi4zNDY2QzMuMDI1NzMgMTIuMzQ2NiAzLjIzMjM4IDEyLjE0IDMuMjMyMzggMTEuODg1MVY1LjQ5NDk2QzMuMjMyMzggNS4yNDAwOCAzLjAyNTczIDUuMDMzNDIgMi43NzA4NSA1LjAzMzQyWk0wLjkyMzA3NyA3LjM4NDYyVjkuNjkyMzFDMC45MjMwNzcgOS45NDcxOSAwLjcxNjQyMyAxMC4xNTM4IDAuNDYxNTM4IDEwLjE1MzhDMC4yMDY2NTQgMTAuMTUzOCAwIDkuOTQ3MTkgMCA5LjY5MjMxVjcuMzg0NjJDMCA3LjEyOTczIDAuMjA2NjU0IDYuOTIzMDggMC40NjE1MzggNi45MjMwOEMwLjcxNjQyMyA2LjkyMzA4IDAuOTIzMDc3IDcuMTI5NzMgMC45MjMwNzcgNy4zODQ2MlpNNy4zODQ2MiA0LjE1Mzg1QzcuMTI5NzMgNC4xNTM4NSA2LjkyMzA4IDQuMzYwNSA2LjkyMzA4IDQuNjE1MzhWMTIuNDYxNUM2LjkyMzA4IDEyLjcxNjQgNy4xMjk3MyAxMi45MjMxIDcuMzg0NjIgMTIuOTIzMUM3LjYzOTUgMTIuOTIzMSA3Ljg0NjE1IDEyLjcxNjQgNy44NDYxNSAxMi40NjE1VjQuNjE1MzhDNy44NDYxNSA0LjM2MDUgNy42Mzk1IDQuMTUzODUgNy4zODQ2MiA0LjE1Mzg1Wk0xMy44OTEzIDMuNDk4QzEzLjg5MTMgMy4yNDMxMiAxNC4wOTc5IDMuMDM2NDYgMTQuMzUyOCAzLjAzNjQ2QzE0LjYwNzcgMy4wMzY0NiAxNC44MTQzIDMuMjQzMTIgMTQuODE0MyAzLjQ5OFYxMy44ODE5QzE0LjgxNDMgMTQuMTM2OCAxNC42MDc3IDE0LjM0MzUgMTQuMzUyOCAxNC4zNDM1QzE0LjA5NzkgMTQuMzQzNSAxMy44OTEzIDE0LjEzNjggMTMuODkxMyAxMy44ODE5VjMuNDk4Wk0xOC45MjMxIDMuNjkyMzFDMTguNjY4MiAzLjY5MjMxIDE4LjQ2MTUgMy44OTg5NiAxOC40NjE1IDQuMTUzODVWMTMuMzg0NkMxOC40NjE1IDEzLjYzOTUgMTguNjY4MiAxMy44NDYyIDE4LjkyMzEgMTMuODQ2MkMxOS4xNzggMTMuODQ2MiAxOS4zODQ2IDEzLjYzOTUgMTkuMzg0NiAxMy4zODQ2VjQuMTUzODVDMTkuMzg0NiAzLjg5ODk2IDE5LjE3OCAzLjY5MjMxIDE4LjkyMzEgMy42OTIzMVpNMjAuNzY5MiA2LjQ2MTU0QzIwLjc2OTIgNi4yMDY2NSAyMC45NzU5IDYgMjEuMjMwOCA2QzIxLjQ4NTcgNiAyMS42OTIzIDYuMjA2NjUgMjEuNjkyMyA2LjQ2MTU0VjExLjA3NjlDMjEuNjkyMyAxMS4zMzE4IDIxLjQ4NTcgMTEuNTM4NSAyMS4yMzA4IDExLjUzODVDMjAuOTc1OSAxMS41Mzg1IDIwLjc2OTIgMTEuMzMxOCAyMC43NjkyIDExLjA3NjlWNi40NjE1NFpNOS4yMzA3NyA3Ljg0NjE1QzkuMjMwNzcgNy41OTEyNyA5LjQzNzQyIDcuMzg0NjIgOS42OTIzMSA3LjM4NDYyQzkuOTQ3MTkgNy4zODQ2MiAxMC4xNTM4IDcuNTkxMjcgMTAuMTUzOCA3Ljg0NjE1VjkuNjkyMzFDMTAuMTUzOCA5Ljk0NzE5IDkuOTQ3MTkgMTAuMTUzOCA5LjY5MjMxIDEwLjE1MzhDOS40Mzc0MiAxMC4xNTM4IDkuMjMwNzcgOS45NDcxOSA5LjIzMDc3IDkuNjkyMzFWNy44NDYxNVpNMjMuNTM4NSA3LjIzQzIzLjI4MzYgNy4yMyAyMy4wNzY5IDcuNDM2NjUgMjMuMDc2OSA3LjY5MTU0VjkuNjg4NUMyMy4wNzY5IDkuOTQzMzggMjMuMjgzNiAxMC4xNSAyMy41Mzg1IDEwLjE1QzIzLjc5MzMgMTAuMTUgMjQgOS45NDMzOCAyNCA5LjY4ODVWNy42OTE1NEMyNCA3LjQzNjY1IDIzLjc5MzMgNy4yMyAyMy41Mzg1IDcuMjNaTTExLjQ5NSA2LjgxMTVDMTEuNDk1IDYuNTU2NjIgMTEuNzAxNiA2LjM0OTk2IDExLjk1NjUgNi4zNDk5NkMxMi4yMTE0IDYuMzQ5OTYgMTIuNDE4IDYuNTU2NjIgMTIuNDE4IDYuODExNVYxMC41Njg1QzEyLjQxOCAxMC44MjM0IDEyLjIxMTQgMTEuMDMwMSAxMS45NTY1IDExLjAzMDFDMTEuNzAxNiAxMS4wMzAxIDExLjQ5NSAxMC44MjM0IDExLjQ5NSAxMC41Njg1VjYuODExNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
}

@media only screen and (max-width: 1030px) {
    .playlist__track.playing:after {
        top: 15px;
        width: 20px;
        height: 14px;
        left: 17px
    }
}

@media only screen and (max-width: 480px) {
    .playlist__track.playing .js-track-name {
        font-weight: 500;
        color: #FFFFFF
    }
}

.playlist__track:hover {
    color: #6C66FE
}

.playlist__white-btn {
    margin-top: auto;
    margin-left: 24px
}

@media only screen and (max-width: 480px) {
    .playlist__white-btn {
        margin-left: 20px
    }
}

@-webkit-keyframes text-shift {
    from {
        text-indent: 0
    }
    to {
        text-indent: var(--text-indent)
    }
}

@keyframes text-shift {
    from {
        text-indent: 0
    }
    to {
        text-indent: var(--text-indent)
    }
}

.purple-btn {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    text-align: center;
    color: #AA95FF;
    padding: 8px 43px 9px;
    border: 1px solid #AA95FF;
    border-radius: 23.5px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    display: inline-block;
    background-color: transparent
}

.purple-btn:hover {
    background-color: #AA95FF;
    color: #1A1F33
}

@media only screen and (max-width: 480px) {
    .purple-btn {
        font-size: 15px;
        padding: 7px 35px 7px;
        min-width: 155px
    }
}

.white-btn {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: #FFFFFF;
    border: 1px solid #fff;
    border-radius: 23.5px;
    padding: 8px 42px 7px;
    display: inline-block;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media only screen and (max-width: 1030px) {
    .white-btn {
        padding: 8px 27px 4px;
        font-size: 16px
    }
}

.white-btn:hover {
    background-color: #AA95FF;
    color: #1A1F33;
    border: 1px solid #AA95FF
}

.scroll-up {
    position: fixed;
    z-index: 100;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 120px;
    bottom: 20px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: linear-gradient(134.72deg, #F03C53 0%, #FF2778 101.5%), #F03C53;
    opacity: 0.29;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

@media only screen and (max-width: 991px) {
    .scroll-up {
        right: 50px
    }
}

@media only screen and (max-width: 480px) {
    .scroll-up {
        right: 10px;
        width: 38px;
        height: 38px
    }
}

.scroll-up:hover {
    opacity: 0.8
}

.scroll-up.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.scroll-up svg {
    pointer-events: none
}

@media only screen and (max-width: 480px) {
    .scroll-up svg {
        width: 17px;
        height: 9px
    }
}

.track-list {
    max-width: 992px;
    width: 100%
}

@media screen and (max-width: 1124px) {
    .track-list {
        padding-left: 70px
    }
}

@media screen and (max-width: 1124px) {
    .track-list {
        padding-left: 40px
    }
}

.track-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px dashed rgba(253, 48, 119, 0.18);
    padding: 0 6px 12px 0;
    cursor: pointer;
    position: relative
}

.track-list__item:not(:last-child) {
    margin-bottom: 9px
}

@media only screen and (max-width: 768px) {
    .track-list__item:not(:last-child) {
        margin-bottom: 17px
    }
}

.track-list__position {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 22px;
    color: #E22E72;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    position: absolute;
    left: -70px;
    top: 1px
}

@media screen and (max-width: 768px) {
    .track-list__position {
        left: -40px
    }

    .track-list__position svg {
        width: 20px;
        height: 20px
    }
}

.track-list__count {
    font-family: 'Nexa', sans-serif;
    font-weight: bold;
    font-size: 40px;
    color: rgba(151, 132, 224, 0.95);
    min-width: 50px;
    margin-right: 10px
}

@media only screen and (max-width: 768px) {
    .track-list__count {
        font-size: 20px;
        min-width: 22px
    }
}

.track-list__name {
    margin-bottom: 0;
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF
}

@media only screen and (max-width: 1030px) {
    .track-list__name {
        font-size: 16px
    }
}

@media only screen and (max-width: 570px) {
    .track-list__name {
        font-size: 12px
    }
}

.track-list__play-icon.small {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 768px) {
    .track-list__play-icon.small {
        width: 21px;
        height: 21px
    }
}

@media only screen and (max-width: 768px) {
    .track-list__play-icon.small span {
        width: 37px;
        height: 37px
    }
}

@media only screen and (max-width: 768px) {
    .track-list__play-icon.small:after {
        width: 26px;
        height: 26px
    }
}

@media only screen and (max-width: 768px) {
    .track-list__play-icon.small:before {
        width: 6px;
        height: 8px
    }
}

.track-list__image {
    position: relative;
    width: 79px;
    height: 79px;
    border: 1px solid #171A29;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    border-radius: 17px;
    margin-right: 38px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 768px) {
    .track-list__image {
        width: 50px;
        height: 50px;
        border-radius: 8px
    }
}

@media only screen and (max-width: 1030px) {
    .track-list__image {
        margin-right: 11px
    }
}

.track-list__image img {
    border-radius: inherit
}

.track-list .favorite-btn {
    margin-left: auto;
    position: relative;
    top: 1px
}

.news-list {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 0 32px;
    width: 100%
}

@media only screen and (max-width: 1199px) {
    .news-list {
        gap: 0 20px
    }
}

@media only screen and (max-width: 570px) {
    .news-list {
        grid-template-columns:1fr
    }
}

.news-list__item {
    margin-top: 57px;
    max-width: 472px;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .news-list__item {
        margin: 32px 0 0;
        max-width: 300px
    }
}

@media only screen and (max-width: 480px) {
    .news-list__item {
        max-width: 300px;
        margin: 30px 0 0
    }
}

@media only screen and (max-width: 480px) {
    body.home .news-list__item {
        max-width: unset
    }
}

body.category-novosti-novoline .news-list__item {
    margin-top: 0;
    margin-bottom: 70px
}

body.news-page .news-list__item {
    margin-top: 0;
    margin-bottom: 70px
}

body.news-page .news-list__item.not-visible {
    display: none
}

@media only screen and (max-width: 480px) {
    body.news-page .news-list__item {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 32px
    }
}

.news-list__image {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 18px;
    max-height: 258px
}

.news-list__image a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media only screen and (max-width: 768px) {
    .news-list__image {
        margin-bottom: 13px
    }
}

.news-list__category {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    color: #907ED6
}

@media only screen and (max-width: 768px) {
    .news-list__category {
        font-size: 10px;
        margin-bottom: 4px
    }
}

.news-list__title {
    font-weight: 700;
    font-size: 24px;
    color: #fff
}

@media only screen and (max-width: 768px) {
    .news-list__title {
        font-size: 16px;
        margin-bottom: 0
    }
}

.pagination {
    width: 100%;
    margin-top: 46px
}

body.news-page .pagination {
    margin-top: 0
}

@media only screen and (max-width: 480px) {
    body.news-page .pagination {
        margin-top: 16px
    }
}

.pagination .nav-links {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pagination .page-numbers {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'SFProDisplay', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    color: #AA95FF;
    border: 1px solid #AA95FF;
    opacity: .46;
    margin: 0 3px
}

@media only screen and (max-width: 480px) {
    .pagination .page-numbers {
        width: 40px;
        height: 40px
    }
}

.pagination .page-numbers.current {
    opacity: 1;
    background-color: #AA95FF;
    color: #1A1F33
}

.pagination .page-numbers.next, .pagination .page-numbers.prev {
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjA3MzIzIDkuNDkzOTVMOC42MTU4NiAxNy43OTY0QzguODkxMzYgMTguMDY4MyA5LjMzNzM5IDE4LjA2NzkgOS42MTI0MyAxNy43OTVDOS44ODcyNSAxNy41MjIzIDkuODg2NTQgMTcuMDgwNCA5LjYxMTAxIDE2LjgwODNMMS43MDI5NyA4Ljk5OTk3TDkuNjExMjkgMS4xOTE2NUM5Ljg4Njc5IDAuOTE5NTQ0IDkuODg3NSAwLjQ3Nzk0NyA5LjYxMjcxIDAuMjA1MTM1QzkuNDc0ODQgMC4wNjgzNzggOS4yOTQyMiAwIDkuMTEzNiAwQzguOTMzNDQgMCA4Ljc1MzUyIDAuMDY3OTIxNSA4LjYxNTkgMC4yMDM3M0wwLjIwNzMyMyA4LjUwNjAyQzAuMDc0NjM0OCA4LjYzNjczIDAuMDAwMTc3MzgzIDguODE0NjIgMC4wMDAxNzczODMgOC45OTk5N0MwLjAwMDE3NzM4MyA5LjE4NTMxIDAuMDc0ODQ3OCA5LjM2Mjk5IDAuMjA3MzIzIDkuNDkzOTVaIiBmaWxsPSIjQUE5NUZGIi8+Cjwvc3ZnPgo=)
}

@media only screen and (max-width: 480px) {
    .pagination .page-numbers.next, .pagination .page-numbers.prev {
        background-size: 9px 16px
    }
}

.pagination .page-numbers.next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.days-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 480px) {
    .days-filter {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.days-filter__day {
    background-color: transparent;
    color: #fff;
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    padding: 11px 20px 9px;
    margin-right: 18px;
    border-radius: 20px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 1030px) {
    .days-filter__day {
        width: 40px;
        height: 40px;
        border: 1px solid #AA95FF;
        border-radius: 50%;
        padding: 7px 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.days-filter__day.with-date {
    padding: 11px 20px 9px
}

@media only screen and (max-width: 1030px) {
    .days-filter__day.with-date {
        padding: 7px 0 0 0
    }
}

.days-filter__day.with-date .full-name:after {
    content: ',';
    display: none;
    width: 6px
}

body.page-template-template-playlist .days-filter__day.with-date .full-name:after {
    display: block
}

.days-filter__day.with-date .date {
    display: none
}

body.page-template-template-playlist .days-filter__day.with-date .date {
    display: inline-block
}

@media only screen and (max-width: 1030px) {
    .days-filter__day.with-date .date {
        display: inline-block
    }
}

.days-filter__day:not(:last-child) {
    margin-right: 18px
}

@media only screen and (max-width: 480px) {
    .days-filter__day:not(:last-child) {
        margin-right: 4px
    }
}

.days-filter__day:hover, .days-filter__day.active {
    background-color: #AA95FF;
    color: #1A1F33
}

.days-filter__day:hover .short-name, .days-filter__day.active .short-name {
    color: #1A1F33
}

.days-filter__day:hover .date, .days-filter__day.active .date {
    color: #1A1F33
}

.days-filter__day .full-name {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.days-filter__day .full-name:after {
    display: none
}

@media only screen and (max-width: 1030px) {
    .days-filter__day .full-name {
        display: none
    }
}

.days-filter__day .short-name {
    display: none
}

@media only screen and (max-width: 1030px) {
    .days-filter__day .short-name {
        display: block;
        font-weight: 300;
        font-size: 10px;
        color: #AA95FF;
        line-height: 1.1
    }
}

.days-filter__day .date {
    display: none
}

@media only screen and (max-width: 1030px) {
    .days-filter__day .date {
        display: block;
        font-weight: 700;
        font-size: 10px;
        color: #AA95FF;
        line-height: 1.1
    }
}

@media only screen and (max-width: 670px) {
    .wpcf7-not-valid-tip {
        margin-top: 4px;
        font-size: 12px
    }
}

.element-of-your-choice [data-play="playing"] .shk-btn_toggle {
    fill: #00C0FF
}

.element-of-your-choice [data-play="playing"] .shk-btn_toggle:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#58f), to(#00C0FF));
    background: linear-gradient(0deg, #58f 0%, #00C0FF 100%)
}

.element-of-your-choice .shk-btn_toggle {
    position: absolute;
    left: -16px;
    top: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    background-color: #dae0e7
}

.element-of-your-choice .shk-btn_toggle svg {
    width: 100%;
    height: 100%
}

.element-of-your-choice .shk-btn_toggle:before {
    content: '';
    display: block;
    z-index: -1;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#FD3A84), color-stop(98.95%, #FC2B70));
    background: linear-gradient(0deg, #FD3A84 0%, #FC2B70 98.95%);
    opacity: 0.36;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.element-of-your-choice .shk-controls > div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 22px
}

.element-of-your-choice .shk .shk-live {
    font-size: 8px
}

.element-of-your-choice .shk-display {
    left: 40px;
    top: -6px
}

.element-of-your-choice .shk .shk-controls_extra {
    padding: 0;
    margin-right: 35px
}

.element-of-your-choice .shk-controls_extra {
    background-color: transparent
}

.element-of-your-choice .shk-btn_more {
    padding: 0
}

.element-of-your-choice .shk {
    background: #102D63;
    mix-blend-mode: normal;
    border-radius: 30px;
    border: 0;
    padding: 0 10px;
    -webkit-box-shadow: 0 0 20px rgba(66, 56, 116, 0.48);
    box-shadow: 0 0 20px rgba(66, 56, 116, 0.48)
}

.element-of-your-choice .shk-player {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    background: transparent
}

.element-of-your-choice .shk-cover {
    display: none
}

.element-of-your-choice .shk-text {
    opacity: 1
}

.element-of-your-choice .shk-text .shk-title_wrap {
    display: none
}

.element-of-your-choice .shk-text .shk-artist {
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400
}

.element-of-your-choice .shk-controls {
    position: static;
    width: 100px
}

.element-of-your-choice .shk-main {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 0;
    padding-left: 40px;
    --color-button: #FC2B70
}

.element-of-your-choice .shk-main .shk-btn_speed, .element-of-your-choice .shk-main .shk-btn_forward, .element-of-your-choice .shk-main .shk-btn_backward {
    display: none
}

.element-of-your-choice .shk-bar {
    display: none
}

@media screen and (max-width: 640px) {
    .element-of-your-choice .shk[data-fixed-type=auto] {
        position: relative
    }

    .element-of-your-choice .shk-main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .element-of-your-choice .shk-text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .element-of-your-choice .shk-bar_wrap {
        display: none
    }

    .element-of-your-choice .shk-live {
        right: initial;
        top: initial
    }

    .element-of-your-choice .shk-display {
        top: 2px
    }

    .element-of-your-choice .shk-time {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .element-of-your-choice .shk-live, .element-of-your-choice .shk-btn_more, .element-of-your-choice .shk-text {
        display: none !important
    }

    .element-of-your-choice .shk-main {
        padding: 0
    }

    .element-of-your-choice .shk-controls .shk-btn {
        position: relative
    }

    .element-of-your-choice .shk-btn_toggle {
        left: 0;
        width: 30px;
        height: 30px
    }

    .element-of-your-choice .shk-btn_toggle:before {
        width: 38px;
        height: 38px
    }

    .element-of-your-choice .shk-controls {
        width: 74px
    }

    .element-of-your-choice .shk[data-fixed-type=auto] {
        background: no-repeat;
        -webkit-box-shadow: none;
        box-shadow: none;
        bottom: -33px
    }

    .element-of-your-choice .shk-loader {
        left: -19px;
        position: absolute;
        top: -4px
    }

    .element-of-your-choice .shk-loader svg {
        width: 32px;
        height: 32px
    }
}

.player.red-player .new-player-wrapper--range .element-of-your-choice .shikwasa {
    width: 345px;
    background: #171A29;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(20, 21, 30, 0.53);
    box-shadow: 0px 0px 20px 0px rgba(20, 21, 30, 0.53);
    height: 50px
}

.new-player-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 50px
}

.new-player-wrapper--range .shk-player, .new-player-wrapper--range .shk-bar_wrap {
    height: 50px
}

.new-player-wrapper--range .element-of-your-choice .shk-text {
    display: none !important
}

.new-player-wrapper__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    height: 50px;
    position: absolute;
    left: 70px;
    z-index: 20;
    top: 4px;
    padding-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.15)
}

@media screen and (max-width: 480px) {
    .new-player-wrapper__controls {
        top: 0
    }
}

.new-player-wrapper__mute {
    background-color: transparent
}

.new-player-wrapper__mute .unmute-icon {
    display: block
}

.new-player-wrapper__mute .mute-icon {
    display: none
}

.new-player-wrapper__mute.muted .unmute-icon {
    display: none
}

.new-player-wrapper__mute.muted .mute-icon {
    display: block
}

.new-player-wrapper__mute svg {
    pointer-events: none
}

.new-player-wrapper__volume {
    height: 2px;
    width: 180px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(154, 161, 249, 0.5)
}

.new-player-wrapper__volume::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background-color: #FD3A84;
    border-radius: 50%;
    cursor: pointer
}

.new-player-wrapper .select-fix {
    margin-left: -26px;
    margin-top: 2px
}

@media screen and (max-width: 640px) {
    .new-player-wrapper .select-fix {
        margin-top: -3px
    }
}

@media screen and (max-width: 480px) {
    .new-player-wrapper .select-fix {
        display: none
    }
}

.widget-spoty {
    margin-bottom: 20px
}

.fill-bg {
    background-color: #1A1F33;
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center top
}

@media screen and (max-width: 768px) {
    .fill-bg {
        background-size: auto 769px
    }
}

.fill-bg .site-header__content {
    display: none
}

.fill-bg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1A1F33;
    opacity: 0.92;
    position: absolute;
    z-index: 0
}

.fill-bg .site-header, .fill-bg .site-header.small {
    background-color: transparent;
    position: relative
}

.fill-bg .breadcrumbs {
    background-color: transparent;
    z-index: 2
}

.fill-bg .site-footer {
    position: relative;
    z-index: 2
}

.language-switcher-container {
    margin-left: 65px;
    position: relative;
    width: 74px;
    height: 29px
}

@media screen and (max-width: 1024px) {
    .language-switcher-container {
        margin-left: 0
    }
}

.language-switcher-my {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTk5OSA0LjM2MzY0QzMuODU2NjEgNC4zNjM2NCAzLjcxMzI1IDQuMzExMjUgMy42MDM5NCA0LjIwNjdMMC4xNjQxMTMgMC45MTUxMzlDLTAuMDU0NzA0NSAwLjcwNTc1NSAtMC4wNTQ3MDQ1IDAuMzY2Mjc0IDAuMTY0MTEzIDAuMTU2OTc1QzAuMzgyODQzIC0wLjA1MjMyNDkgMC43Mzc1NDggLTAuMDUyMzI0OSAwLjk1NjM4MyAwLjE1Njk3NUwzLjk5OTk5IDMuMDY5NTNMNy4wNDM2MSAwLjE1NzA3NkM3LjI2MjQzIC0wLjA1MjIyMzMgNy42MTcxIC0wLjA1MjIyMzMgNy44MzU4MSAwLjE1NzA3NkM4LjA1NDczIDAuMzY2Mzc2IDguMDU0NzMgMC43MDU4NTcgNy44MzU4MSAwLjkxNTI0MUw0LjM5NjAzIDQuMjA2ODFDNC4yODY2NyA0LjMxMTM3IDQuMTQzMzEgNC4zNjM2NCAzLjk5OTk5IDQuMzYzNjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: top 12px right 9px;
    padding: 0 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 74px;
    max-height: 29px;
    overflow: hidden;
    border-radius: 14.5px;
    border: 1px solid #FFF
}

@media screen and (max-width: 1024px) {
    .language-switcher-my.open {
        max-height: 200px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC4wMDAwMSAtMS45NTUwM2UtMDVDNC4xNDMzOSAtMS45NTUwM2UtMDUgNC4yODY3NSAwLjA1MjM2NDYgNC4zOTYwNiAwLjE1NjkxM0w3LjgzNTg5IDMuNDQ4NDhDOC4wNTQ3IDMuNjU3ODYgOC4wNTQ3IDMuOTk3MzQgNy44MzU4OSA0LjIwNjY0QzcuNjE3MTYgNC40MTU5NCA3LjI2MjQ1IDQuNDE1OTQgNy4wNDM2MiA0LjIwNjY0TDQuMDAwMDEgMS4yOTQwOEwwLjk1NjM5MiA0LjIwNjU0QzAuNzM3NTc0IDQuNDE1ODQgMC4zODI5MDUgNC40MTU4NCAwLjE2NDE5MyA0LjIwNjU0Qy0wLjA1NDczMSAzLjk5NzI0IC0wLjA1NDczMSAzLjY1Nzc2IDAuMTY0MTkzIDMuNDQ4MzhMMy42MDM5NyAwLjE1NjgxMUMzLjcxMzMzIDAuMDUyMjQ2MSAzLjg1NjY5IC0xLjk1NTAzZS0wNSA0LjAwMDAxIC0xLjk1NTAzZS0wNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=")
    }
}

@media screen and (min-width: 1025px) {
    .language-switcher-my:hover {
        max-height: 200px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC4wMDAwMSAtMS45NTUwM2UtMDVDNC4xNDMzOSAtMS45NTUwM2UtMDUgNC4yODY3NSAwLjA1MjM2NDYgNC4zOTYwNiAwLjE1NjkxM0w3LjgzNTg5IDMuNDQ4NDhDOC4wNTQ3IDMuNjU3ODYgOC4wNTQ3IDMuOTk3MzQgNy44MzU4OSA0LjIwNjY0QzcuNjE3MTYgNC40MTU5NCA3LjI2MjQ1IDQuNDE1OTQgNy4wNDM2MiA0LjIwNjY0TDQuMDAwMDEgMS4yOTQwOEwwLjk1NjM5MiA0LjIwNjU0QzAuNzM3NTc0IDQuNDE1ODQgMC4zODI5MDUgNC40MTU4NCAwLjE2NDE5MyA0LjIwNjU0Qy0wLjA1NDczMSAzLjk5NzI0IC0wLjA1NDczMSAzLjY1Nzc2IDAuMTY0MTkzIDMuNDQ4MzhMMy42MDM5NyAwLjE1NjgxMUMzLjcxMzMzIDAuMDUyMjQ2MSAzLjg1NjY5IC0xLjk1NTAzZS0wNSA0LjAwMDAxIC0xLjk1NTAzZS0wNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=")
    }
}

.language-switcher-my__item {
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.language-switcher-my__item.current {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.language-switcher-my__link {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.form-box__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .form-box__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }
}

.form-box__form-control {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.form-box__form-control.w50 {
    width: calc(50% - 10px)
}

.form-box__form-control.w50:not(:last-child) {
    margin-right: 20px
}

@media only screen and (max-width: 670px) {
    .form-box__form-control.w50:not(:last-child) {
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (max-width: 768px) {
    .form-box__form-control.w50 {
        width: 100%
    }
}

@media only screen and (max-width: 1030px) {
    .form-box__form-control {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .form-box__form-control {
        margin-bottom: 16px
    }
}

.form-box__form-control input[type="text"], .form-box__form-control input[type="email"], .form-box__form-control input[type="number"], .form-box__form-control input[type="tel"], .form-box__form-control textarea, .form-box__form-control input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.25;
    color: #3F4144;
    height: 48px;
    background: none;
    border: 1px solid transparent;
    background: #FFFFFF;
    border-radius: 25px;
    padding: 0 25px
}

.form-box__form-control input[type="text"]:-webkit-autofill, .form-box__form-control input[type="text"]:-webkit-autofill:hover, .form-box__form-control input[type="text"]:-webkit-autofill:focus, .form-box__form-control input[type="text"]:-webkit-autofill:active, .form-box__form-control input[type="email"]:-webkit-autofill, .form-box__form-control input[type="email"]:-webkit-autofill:hover, .form-box__form-control input[type="email"]:-webkit-autofill:focus, .form-box__form-control input[type="email"]:-webkit-autofill:active, .form-box__form-control input[type="number"]:-webkit-autofill, .form-box__form-control input[type="number"]:-webkit-autofill:hover, .form-box__form-control input[type="number"]:-webkit-autofill:focus, .form-box__form-control input[type="number"]:-webkit-autofill:active, .form-box__form-control input[type="tel"]:-webkit-autofill, .form-box__form-control input[type="tel"]:-webkit-autofill:hover, .form-box__form-control input[type="tel"]:-webkit-autofill:focus, .form-box__form-control input[type="tel"]:-webkit-autofill:active, .form-box__form-control textarea:-webkit-autofill, .form-box__form-control textarea:-webkit-autofill:hover, .form-box__form-control textarea:-webkit-autofill:focus, .form-box__form-control textarea:-webkit-autofill:active, .form-box__form-control input[type="password"]:-webkit-autofill, .form-box__form-control input[type="password"]:-webkit-autofill:hover, .form-box__form-control input[type="password"]:-webkit-autofill:focus, .form-box__form-control input[type="password"]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #FFFFFF inset !important
}

.form-box__form-control input[type="text"]::-webkit-input-placeholder, .form-box__form-control input[type="email"]::-webkit-input-placeholder, .form-box__form-control input[type="number"]::-webkit-input-placeholder, .form-box__form-control input[type="tel"]::-webkit-input-placeholder, .form-box__form-control textarea::-webkit-input-placeholder, .form-box__form-control input[type="password"]::-webkit-input-placeholder {
    color: #011826
}

.form-box__form-control input[type="text"]::-moz-placeholder, .form-box__form-control input[type="email"]::-moz-placeholder, .form-box__form-control input[type="number"]::-moz-placeholder, .form-box__form-control input[type="tel"]::-moz-placeholder, .form-box__form-control textarea::-moz-placeholder, .form-box__form-control input[type="password"]::-moz-placeholder {
    color: #011826
}

.form-box__form-control input[type="text"]:-ms-input-placeholder, .form-box__form-control input[type="email"]:-ms-input-placeholder, .form-box__form-control input[type="number"]:-ms-input-placeholder, .form-box__form-control input[type="tel"]:-ms-input-placeholder, .form-box__form-control textarea:-ms-input-placeholder, .form-box__form-control input[type="password"]:-ms-input-placeholder {
    color: #011826
}

.form-box__form-control input[type="text"]::-ms-input-placeholder, .form-box__form-control input[type="email"]::-ms-input-placeholder, .form-box__form-control input[type="number"]::-ms-input-placeholder, .form-box__form-control input[type="tel"]::-ms-input-placeholder, .form-box__form-control textarea::-ms-input-placeholder, .form-box__form-control input[type="password"]::-ms-input-placeholder {
    color: #011826
}

.form-box__form-control input[type="text"]::placeholder, .form-box__form-control input[type="email"]::placeholder, .form-box__form-control input[type="number"]::placeholder, .form-box__form-control input[type="tel"]::placeholder, .form-box__form-control textarea::placeholder, .form-box__form-control input[type="password"]::placeholder {
    color: #011826
}

@media only screen and (max-width: 1030px) {
    .form-box__form-control input[type="text"], .form-box__form-control input[type="email"], .form-box__form-control input[type="number"], .form-box__form-control input[type="tel"], .form-box__form-control textarea, .form-box__form-control input[type="password"] {
        font-size: 14px
    }
}

@media only screen and (max-width: 768px) {
    .form-box__form-control input[type="text"], .form-box__form-control input[type="email"], .form-box__form-control input[type="number"], .form-box__form-control input[type="tel"], .form-box__form-control textarea, .form-box__form-control input[type="password"] {
        height: 46px
    }
}

.form-box__form-control textarea {
    height: 100px;
    padding-top: 14px;
    resize: none
}

.wpcf7-response-output {
    border: none !important;
    text-align: center;
    z-index: 4;
    position: relative;
    color: #fff
}

.contact-form {
    position: relative;
    border-radius: 40px;
    padding: 36px 43px;
    overflow: hidden;
    max-width: 855px;
    width: 100%
}

@media only screen and (max-width: 480px) {
    .contact-form {
        padding: 38px 22px 28px
    }
}

.contact-form__subtitle {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3
}

@media only screen and (max-width: 1030px) {
    .contact-form__subtitle {
        font-size: 16px;
        width: 90%
    }
}

@media only screen and (max-width: 670px) {
    .contact-form__subtitle {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.29
    }
}

@media only screen and (max-width: 480px) {
    .contact-form__subtitle {
        width: 100%
    }
}

.contact-form img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 570px) {
    .contact-form img {
        width: auto;
        max-width: 215%
    }
}

.contact-form:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: -webkit-gradient(linear, right top, left top, color-stop(-58.87%, rgba(48, 59, 108, 0.0001)), color-stop(62.35%, #26315F));
    background: linear-gradient(270deg, rgba(48, 59, 108, 0.0001) -58.87%, #26315F 62.35%)
}

@media only screen and (max-width: 480px) {
    .contact-form {
        padding: 38px 25px 22px
    }
}

.contact-form .form {
    position: relative;
    z-index: 3
}

.contact-form__inner {
    position: relative;
    z-index: 3
}

.contact-form__top-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contact-form__top-wrapper svg {
    width: 52px;
    height: 72px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 480px) {
    .contact-form__top-wrapper svg {
        display: none
    }
}

.contact-form__title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 23px;
    padding-top: 17px
}

@media only screen and (max-width: 480px) {
    .contact-form__title-wrapper {
        padding-top: 0;
        margin-bottom: 0
    }
}

.contact-form__title {
    margin-bottom: 15px
}

@media only screen and (max-width: 480px) {
    .contact-form__subtitle {
        margin-bottom: 14px
    }
}

.contact-form__inputs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 545px;
    width: 100%
}

.contact-form__inputs-wrapper label {
    max-width: 255px;
    width: 100%;
    margin-bottom: 36px;
    padding-right: 5px
}

@media only screen and (max-width: 480px) {
    .contact-form__inputs-wrapper label {
        max-width: 100%;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 670px) {
    .contact-form__inputs-wrapper label.contact-form__submit {
        margin-bottom: 0
    }
}

.contact-form__submit {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 570px) {
    .contact-form__submit {
        width: 100%
    }
}

.contact-form .textarea-100 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
    margin-top: 53px
}

@media only screen and (max-width: 670px) {
    .contact-form .textarea-100 {
        margin-top: 0
    }
}

.contact-form.contacts {
    padding: 38px 28px 22px 55px
}

@media only screen and (max-width: 570px) {
    .contact-form.contacts {
        padding: 20px 25px 56px
    }
}

@media only screen and (max-width: 480px) {
    .contact-form.contacts {
        padding: 38px 17px 64px
    }
}

.contact-form.contacts .contact-form__title {
    margin-bottom: 6px
}

.contact-form.contacts .contact-form__top-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px
}

.contact-form.contacts .contact-form__title-wrapper {
    margin-bottom: 0
}

textarea {
    height: 34px
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    border-bottom: 1px solid #fff;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input[type='text'], input[type='phone'], input[type='email'], input[type='password'], textarea {
    background-color: transparent;
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    border: none;
    border-bottom: 1px solid #FFFFFF;
    padding: 11px 6px 7px;
    color: #fff;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none
}

@media only screen and (max-width: 480px) {
    input[type='text'], input[type='phone'], input[type='email'], input[type='password'], textarea {
        font-weight: 300;
        font-size: 10px;
        line-height: 2.2
    }
}

input[type='text']::-webkit-input-placeholder, input[type='phone']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-family: "Mulish", sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

input[type='text']::-moz-placeholder, input[type='phone']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='password']::-moz-placeholder, textarea::-moz-placeholder {
    font-family: "Mulish", sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

input[type='text']:-ms-input-placeholder, input[type='phone']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-family: "Mulish", sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

input[type='text']::-ms-input-placeholder, input[type='phone']::-ms-input-placeholder, input[type='email']::-ms-input-placeholder, input[type='password']::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-family: "Mulish", sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

input[type='text']::placeholder, input[type='phone']::placeholder, input[type='email']::placeholder, input[type='password']::placeholder, textarea::placeholder {
    font-family: "Mulish", sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (max-width: 480px) {
    input[type='text']::-webkit-input-placeholder, input[type='phone']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        font-weight: 300;
        font-size: 10px;
        line-height: 2.2
    }

    input[type='text']::-moz-placeholder, input[type='phone']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='password']::-moz-placeholder, textarea::-moz-placeholder {
        font-weight: 300;
        font-size: 10px;
        line-height: 2.2
    }

    input[type='text']:-ms-input-placeholder, input[type='phone']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, textarea:-ms-input-placeholder {
        font-weight: 300;
        font-size: 10px;
        line-height: 2.2
    }

    input[type='text']::-ms-input-placeholder, input[type='phone']::-ms-input-placeholder, input[type='email']::-ms-input-placeholder, input[type='password']::-ms-input-placeholder, textarea::-ms-input-placeholder {
        font-weight: 300;
        font-size: 10px;
        line-height: 2.2
    }

    input[type='text']::placeholder, input[type='phone']::placeholder, input[type='email']::placeholder, input[type='password']::placeholder, textarea::placeholder {
        font-weight: 300;
        font-size: 10px;
        line-height: 2.2
    }
}

input[type="submit"] {
    padding: 16px 34px 14px;
    background: linear-gradient(134.72deg, #F03C53 0%, #FF2778 101.5%), #F03C53;
    -webkit-box-shadow: 0 0 20px rgba(26, 31, 51, 0.139366);
    box-shadow: 0 0 20px rgba(26, 31, 51, 0.139366);
    border-radius: 25px;
    color: #FFFFFF;
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px
}

@media only screen and (max-width: 480px) {
    input[type="submit"] {
        padding: 10px 35px 10px
    }
}

.site-header {
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #303B6C;
    position: relative;
    z-index: 100
}

.site-header.small {
    position: relative;
    background-color: #1A1F33
}

@media only screen and (max-width: 480px) {
    .site-header.small {
        padding-bottom: 0;
        background-image: none !important
    }
}

@media only screen and (max-width: 330px) {
    .site-header.small {
        background-color: #303B6C
    }
}

.site-header.small .site-header__content {
    background-color: #1A1F33;
    margin-top: 0;
    margin-bottom: 0
}

.site-header.small .site-header__mobile-bg {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    height: 100%
}

@media only screen and (max-width: 480px) {
    .site-header.small .site-header__mobile-bg {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    .site-header {
        padding-bottom: 0;
        background-image: none !important
    }
}

.site-header__navigation {
    padding-top: 26px;
    position: relative
}

.site-header__navigation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.site-header__current-track {
    font-family: "Mulish", sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: none
}

.site-header__current-track svg {
    margin-right: 16px
}

@media only screen and (max-width: 1199px) {
    .site-header__current-track {
        max-width: 250px
    }
}

@media only screen and (max-width: 1030px) {
    .site-header__current-track {
        max-width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .site-header__current-track {
        display: none
    }
}

.site-header__current-track.mob {
    display: none
}

@media only screen and (max-width: 480px) {
    .site-header__current-track.mob {
        position: relative;
        z-index: 2;
        display: block;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.68);
        text-align: center;
        margin-bottom: 0;
        max-width: 213px
    }
}

.site-header__navigation-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

@media only screen and (max-width: 1030px) {
    .site-header__navigation-list {
        display: none
    }
}

.site-header__navigation-list > .menu-item {
    position: relative;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase
}

.site-header__navigation-list > .menu-item:not(:last-child) {
    margin-right: 18px
}

.site-header__navigation-list > .menu-item:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    opacity: 0.25;
    border: 1px dashed #AA95FF;
    height: 18px;
    width: 1px;
    top: 0;
    right: -18px
}

@media only screen and (max-width: 1470px) {
    .site-header__navigation-list > .menu-item:not(:last-child):after {
        right: -20px
    }
}

@media only screen and (max-width: 1470px) {
    .site-header__navigation-list > .menu-item:not(:last-child) {
        margin-right: 10px
    }
}

@media only screen and (max-width: 1199px) {
    .site-header__navigation-list > .menu-item:not(:last-child) {
        margin-right: 5px
    }
}

.site-header__navigation-list > .menu-item:not(:first-child) {
    margin-left: 27px
}

.site-header__navigation-list > .menu-item a {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF
}

.site-header__navigation-list > .menu-item a:hover {
    color: #AA95FF
}

.site-header__navigation-list > .menu-item.current-menu-item {
    color: #AA95FF
}

.site-header__navigation-list .menu-item-has-children {
    position: relative;
    padding-right: 10px
}

.site-header__navigation-list .menu-item-has-children:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    right: -5px;
    width: 8px;
    height: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTk5OSA0LjM2MzY0QzMuODU2NjEgNC4zNjM2NCAzLjcxMzI1IDQuMzExMjUgMy42MDM5NCA0LjIwNjdMMC4xNjQxMTMgMC45MTUxMzlDLTAuMDU0NzA0NSAwLjcwNTc1NSAtMC4wNTQ3MDQ1IDAuMzY2Mjc0IDAuMTY0MTEzIDAuMTU2OTc1QzAuMzgyODQzIC0wLjA1MjMyNDkgMC43Mzc1NDggLTAuMDUyMzI0OSAwLjk1NjM4MyAwLjE1Njk3NUwzLjk5OTk5IDMuMDY5NTNMNy4wNDM2MSAwLjE1NzA3NkM3LjI2MjQzIC0wLjA1MjIyMzMgNy42MTcwOSAtMC4wNTIyMjMzIDcuODM1ODEgMC4xNTcwNzZDOC4wNTQ3MyAwLjM2NjM3NiA4LjA1NDczIDAuNzA1ODU3IDcuODM1ODEgMC45MTUyNDFMNC4zOTYwMyA0LjIwNjgxQzQuMjg2NjcgNC4zMTEzNyA0LjE0MzMxIDQuMzYzNjQgMy45OTk5OSA0LjM2MzY0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.site-header__navigation-list .menu-item-has-children > .sub-menu {
    position: absolute;
    top: 100%;
    left: -40px;
    width: 300px;
    -webkit-transition: max-height 3s ease-in;
    transition: max-height 3s ease-in;
    max-height: 0;
    overflow: hidden;
    background-color: #303B6C
}

.site-header__navigation-list .menu-item-has-children > .sub-menu > .menu-item {
    padding: 10px
}

.site-header__navigation-list .menu-item-has-children:hover > .sub-menu {
    max-height: 9999px
}

.site-header__logo {
    margin-right: 51px;
    position: relative
}

@media only screen and (max-width: 670px) {
    .site-header__logo {
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 480px) {
    .site-header__logo {
        max-width: 160px;
        width: 100%;
        height: 64px;
        margin-bottom: 35px
    }
}

.site-header__logo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.site-header__player-wrapper {
    padding-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .site-header__player-wrapper {
        padding-top: 0
    }
}

@media only screen and (max-width: 670px) {
    .site-header__player-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 670px) {
    .site-header__player {
        margin-top: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 480px) {
    .site-header__player {
        position: absolute;
        bottom: 17px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding-left: 0;
        width: auto;
        height: auto;
        z-index: 1
    }
}

@media only screen and (max-width: 480px) {
    .site-header__player .player__volume-wrapper {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    .site-header__player .select {
        display: none
    }
}

.site-header__player .play-icon {
    position: absolute
}

@media only screen and (max-width: 1030px) {
    .site-header__player .play-icon {
        width: 48px;
        height: 48px
    }
}

@media only screen and (max-width: 480px) {
    .site-header__player .play-icon {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%
    }
}

@media only screen and (max-width: 1030px) {
    .site-header__player .play-icon:before {
        width: 14px;
        height: 18px
    }
}

@media only screen and (max-width: 1030px) {
    .site-header__player .play-icon:after {
        width: 61px;
        height: 61px
    }
}

.site-header__content {
    margin-top: 152px;
    margin-bottom: 238px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 670px) {
    .site-header__content {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 480px) {
    .site-header__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        bottom: -1px;
        width: 106%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        min-height: 80px;
        background-color: #1A1F33
    }
}

@media only screen and (max-width: 330px) {
    .site-header__content:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 231px;
        z-index: 1;
        top: -160px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwcHgiIGhlaWdodD0iMjIzcHgiIHZpZXdCb3g9IjAgMCAzMjAgMjIzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICA8dGl0bGU+Q29tYmluZWQgU2hhcGU8L3RpdGxlPiAgICA8ZyBpZD0iV2VsY29tZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAtMTciIGZpbGw9IiMzMDNCNkMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAtMC4wMDAwMDApIj4gICAgICAgICAgICA8cGF0aCBkPSJNMzIwLDIuODQyMTcwOTRlLTE0IEwzMjAsMTk4LjU3OCBMMTEyLjM3NjAwMiwyMjEuODI0NjI0IEM5NC4yMjI1MDU4LDIyMy44NTcxMzIgNzUuODk2OTc0NywyMjAuMTIzNDMyIDU5Ljk5Mzg1NTksMjExLjE2NDIzNSBMNTkuMjgzNDAzNCwyMTAuNzU5NTg3IEwwLDE3Ni42MjQgTDAsMi44NDIxNzA5NGUtMTQgTDMyMCwyLjg0MjE3MDk0ZS0xNCBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==)
    }
}

.site-header__up-title-link {
    text-decoration: none;
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: #C2B2FF;
    margin-bottom: 17px;
    display: inline-block
}

.site-header__up-title-link:hover {
    color: #131b3c
}

@media only screen and (max-width: 670px) {
    .site-header__up-title-link {
        display: none
    }
}

.site-header__title {
    margin-bottom: 17px
}

@media only screen and (max-width: 670px) {
    .site-header__title {
        display: none
    }
}

@media only screen and (max-width: 670px) {
    .site-header__link-btn {
        display: none
    }
}

.site-header__burger {
    width: 30px;
    height: 30px;
    background-color: transparent;
    fill: #fff;
    display: none;
    margin-left: auto
}

.site-header__burger svg {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 1030px) {
    .site-header__burger {
        display: block
    }
}

@media only screen and (max-width: 480px) {
    .site-header__burger {
        margin-left: auto
    }
}

.site-header__burger.close svg {
    display: none
}

.site-header__mobile-menu-container {
    position: fixed;
    left: -200%;
    width: 100%;
    -webkit-transition: left .3s;
    transition: left .3s;
    z-index: 110
}

.site-header__mobile-menu-container.active {
    top: 0;
    left: 0
}

.site-header__mobile-menu-container.active .site-header__mobile-menu {
    left: 0
}

.site-header__mobile-menu-container.active .site-header__menu-close-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5)
}

.site-header__mobile-menu {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 320px;
    width: 100%;
    z-index: 7;
    padding: 26px 15px 20px 15px;
    background-color: #1A1F33;
    overflow-y: scroll;
    height: 100vh
}

.site-header__close-btn {
    background-color: transparent;
    position: absolute;
    top: 14px;
    right: 10px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4zNDM3NTEiPgo8cGF0aCBkPSJNOS45OTQ0MSA5LjAwMDA0TDE3Ljc5NCAxLjIwMDM1QzE4LjA2ODcgMC45MjU3NDMgMTguMDY4NyAwLjQ4MDUyNCAxNy43OTQgMC4yMDU5NTRDMTcuNTE5NCAtMC4wNjg2MTYyIDE3LjA3NDIgLTAuMDY4NjUxMyAxNi43OTk3IDAuMjA1OTU0TDguOTk5OTggOC4wMDU2NUwxLjIwMDM1IDAuMjA1OTU0QzAuOTI1NzQgLTAuMDY4NjUxMyAwLjQ4MDUyMyAtMC4wNjg2NTEzIDAuMjA1OTUzIDAuMjA1OTU0Qy0wLjA2ODYxNiAwLjQ4MDU1OSAtMC4wNjg2NTEyIDAuOTI1Nzc4IDAuMjA1OTUzIDEuMjAwMzVMOC4wMDU1OSA5TDAuMjA1OTUzIDE2Ljc5OTdDLTAuMDY4NjUxMiAxNy4wNzQzIC0wLjA2ODY1MTIgMTcuNTE5NSAwLjIwNTk1MyAxNy43OTQxQzAuMzQzMjM4IDE3LjkzMTQgMC41MjMyMDMgMTggMC43MDMxNjcgMThDMC44ODMxMzEgMTggMS4wNjMwNiAxNy45MzE0IDEuMjAwMzggMTcuNzk0MUw4Ljk5OTk4IDkuOTk0NDNMMTYuNzk5NiAxNy43OTQxQzE2LjkzNjkgMTcuOTMxNCAxNy4xMTY5IDE4IDE3LjI5NjggMThDMTcuNDc2OCAxOCAxNy42NTY3IDE3LjkzMTQgMTcuNzk0IDE3Ljc5NDFDMTguMDY4NyAxNy41MTk1IDE4LjA2ODcgMTcuMDc0MyAxNy43OTQgMTYuNzk5N0w5Ljk5NDQxIDkuMDAwMDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=)
}

.site-header__mob-menu-logo {
    width: 109px;
    height: 44px;
    margin: 0 auto;
    margin-bottom: 53px
}

.site-header__mob-navigation-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.site-header__mob-navigation-list > .menu-item {
    text-transform: uppercase
}

.site-header__mob-navigation-list > .menu-item a {
    text-decoration: none;
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.site-header__mob-navigation-list > .menu-item a:hover, .site-header__mob-navigation-list > .menu-item a:active {
    color: #907ED6
}

.site-header__mob-navigation-list > .menu-item:not(:last-child) {
    margin-bottom: 38px
}

.site-header__mob-navigation-list > .menu-item.current-menu-item {
    color: #907ED6
}

.site-header__mob-navigation-list > .menu-item.menu-item-has-children {
    position: relative;
    padding-right: 10px
}

.site-header__mob-navigation-list > .menu-item.menu-item-has-children:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    right: -5px;
    width: 8px;
    height: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTk5OSA0LjM2MzY0QzMuODU2NjEgNC4zNjM2NCAzLjcxMzI1IDQuMzExMjUgMy42MDM5NCA0LjIwNjdMMC4xNjQxMTMgMC45MTUxMzlDLTAuMDU0NzA0NSAwLjcwNTc1NSAtMC4wNTQ3MDQ1IDAuMzY2Mjc0IDAuMTY0MTEzIDAuMTU2OTc1QzAuMzgyODQzIC0wLjA1MjMyNDkgMC43Mzc1NDggLTAuMDUyMzI0OSAwLjk1NjM4MyAwLjE1Njk3NUwzLjk5OTk5IDMuMDY5NTNMNy4wNDM2MSAwLjE1NzA3NkM3LjI2MjQzIC0wLjA1MjIyMzMgNy42MTcwOSAtMC4wNTIyMjMzIDcuODM1ODEgMC4xNTcwNzZDOC4wNTQ3MyAwLjM2NjM3NiA4LjA1NDczIDAuNzA1ODU3IDcuODM1ODEgMC45MTUyNDFMNC4zOTYwMyA0LjIwNjgxQzQuMjg2NjcgNC4zMTEzNyA0LjE0MzMxIDQuMzYzNjQgMy45OTk5OSA0LjM2MzY0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.site-header__mob-navigation-list > .menu-item.menu-item-has-children > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 190px;
    max-height: 0;
    overflow: hidden;
    background-color: #303B6C
}

.site-header__mob-navigation-list > .menu-item.menu-item-has-children > .sub-menu > .menu-item {
    padding: 10px
}

.site-header__mob-navigation-list > .menu-item.menu-item-has-children:hover {
    text-align: center
}

.site-header__mob-navigation-list > .menu-item.menu-item-has-children:hover:before {
    right: 63px
}

.site-header__mob-navigation-list > .menu-item.menu-item-has-children:hover > .sub-menu {
    -webkit-transition: max-height 3s ease-in-out;
    transition: max-height 3s ease-in-out;
    position: relative;
    max-height: 9999px;
    left: 0
}

.select-fix {
    margin-left: auto
}

.site-footer {
    background-color: #171A29;
    padding-top: 50px;
    padding-bottom: 85px
}

@media only screen and (max-width: 991px) {
    .site-footer {
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 768px) {
    .site-footer .dis-none-768 {
        display: none
    }
}

.site-footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 991px) {
    .site-footer__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 768px) {
    .site-footer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.site-footer__logo-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 184px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 1030px) {
    .site-footer__logo-block {
        margin-right: 45px;
        max-width: 180px
    }
}

@media only screen and (max-width: 768px) {
    .site-footer__logo-block {
        margin-right: 0
    }
}

.site-footer__logo {
    width: 170px;
    height: 70px;
    position: relative
}

@media only screen and (max-width: 480px) {
    .site-footer__logo {
        margin: 0 auto;
        width: 120px;
        height: 48px
    }
}

.site-footer__logo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.site-footer__ps {
    margin-top: 81px;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.67)
}

@media only screen and (max-width: 991px) {
    .site-footer__ps {
        display: none
    }
}

.site-footer__ps.mob {
    display: none
}

@media only screen and (max-width: 991px) {
    .site-footer__ps.mob {
        display: block;
        max-width: 207px;
        margin: 0 auto;
        text-align: center;
        margin-top: 52px
    }
}

.site-footer__menu {
    margin-top: 8px;
    position: relative
}

.site-footer__menu .menu-item {
    font-weight: 500;
    font-size: 13px
}

.site-footer__menu .menu-item a {
    text-decoration: none;
    font-family: "Mulish", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF
}

.site-footer__menu .menu-item a:active, .site-footer__menu .menu-item a:hover {
    color: #AA95FF
}

.site-footer__menu .menu-item:not(:last-child) {
    margin-bottom: 16px
}

.site-footer__menu .menu-item.current-menu-item {
    color: #AA95FF
}

.site-footer__menu.menu1 {
    left: -45px
}

.site-footer__menu.menu2 {
    left: -15px
}

.site-footer__menu-title {
    font-weight: 500;
    font-size: 16px;
    position: relative;
    margin-bottom: 16px
}

.site-footer__menu-title:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: -18px;
    width: 6px;
    height: 2px;
    background-color: #F03C53
}

.site-footer__menu_contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    left: 6px
}

@media only screen and (max-width: 768px) {
    .site-footer__menu_contacts {
        margin-top: 57px;
        left: 0
    }
}

.site-footer__menu-contact {
    position: relative;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    color: #FFFFFF
}

@media only screen and (max-width: 768px) {
    .site-footer__menu-contact {
        text-align: center
    }
}

.site-footer__menu-contact:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: -36px;
    width: 14px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 1030px) {
    .site-footer__menu-contact:after {
        left: -26px
    }
}

@media only screen and (max-width: 768px) {
    .site-footer__menu-contact:after {
        top: -24px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.site-footer__menu-contact:active, .site-footer__menu-contact:hover {
    color: #907ED6
}

.site-footer__menu-contact:not(:last-child) {
    margin-bottom: 30px
}

@media only screen and (max-width: 768px) {
    .site-footer__menu-contact:not(:last-child) {
        margin-bottom: 56px
    }
}

@media only screen and (max-width: 480px) {
    .site-footer__menu-contact:not(:last-child) {
        margin-bottom: 56px
    }
}

.site-footer__menu-contact.phone:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjg3NiAxMC40MzI1TDkuNjUyNDggMTIuNzc1NEM5LjUxODU1IDEzLjAzMjEgOS4yMTQxNSAxMy4xNDgyIDguOTQzMjIgMTMuMDQ1OEM2LjE4MDY2IDEyIDQuMDAwMTQgOS44MTg5MSAyLjk1NTIyIDcuMDU2MDhDMi44NTI4MiA2Ljc4NTE1IDIuOTY4ODkgNi40ODA3NCAzLjIyNTU5IDYuMzQ2ODJMNS41Njg1IDUuMTIzODhMNC44Mjk2NiAwLjkzNzc3NUMzLjk0NDg5IDAuNDM5NzI4IDIuODYyMyAwLjQ0ODkzNiAxLjk4NTkxIDAuOTYxNDkxQzEuMTA5NTEgMS40NzQwNSAwLjU3MTAxIDIuNDEzMjIgMC41NzEyODkgMy40Mjg1N0MwLjU3ODgyMyAxMC4wNTI3IDUuOTQ3MTMgMTUuNDIxIDEyLjU3MTMgMTUuNDI4NkMxMy41ODYxIDE1LjQyODYgMTQuNTI1IDE0Ljg5MDMgMTUuMDM3NSAxNC4wMTQyQzE1LjU1MDEgMTMuMTM4NCAxNS41NTk2IDEyLjA1NjEgMTUuMDYyMSAxMS4xNzEzTDEwLjg3NiAxMC40MzI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.site-footer__menu-contact.mail:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQ1NTYgMC4yODU2NDVIMS41NDQ5Mkw4LjAwMDI4IDUuODE4ODVMMTQuNDU1NiAwLjI4NTY0NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik03Ljk5OTg2IDcuMTQyNjhDNy44NjM0MiA3LjE0MjY4IDcuNzMxNDUgNy4wOTM4NSA3LjYyNzkzIDcuMDA0ODVMMC41NzEyODkgMC45NTYyOTlWMTEuNzE0MUgxNS40Mjg0VjAuOTU2Mjk5TDguMzcxNzkgNy4wMDQ4NUM4LjI2ODI4IDcuMDkzODUgOC4xMzYzIDcuMTQyNjggNy45OTk4NiA3LjE0MjY4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.site-footer__menu-contact.point {
    pointer-events: none
}

.site-footer__menu-contact.point:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI4NTE1NiA1LjcxNDI5QzAuMjg4NTA0IDIuNTU5NzEgMi44NDQ4NyAwLjAwMzM0ODIxIDUuOTk5NDQgMEM5LjE1NDAyIDAuMDAzMzQ4MjEgMTEuNzEwNCAyLjU1OTcxIDExLjcxMzcgNS43MTQyOUMxMS43MTM3IDkuMzQxOCA3LjM2NDEyIDE0LjI4NTcgNS45OTk0NCAxNS43NDQ3QzQuNjM0MjEgMTQuMjg1NyAwLjI4NTE1NiA5LjM0NTE1IDAuMjg1MTU2IDUuNzE0MjlaTTMuNzEzNzMgNC41NzE0M0MzLjcxMzczIDUuODMzNzEgNC43MzcxNyA2Ljg1NzE0IDUuOTk5NDQgNi44NTcxNEM3LjI2MTcyIDYuODU3MTQgOC4yODUxNiA1LjgzMzcxIDguMjg1MTYgNC41NzE0M0M4LjI4NTE2IDMuMzA5MTUgNy4yNjE3MiAyLjI4NTcxIDUuOTk5NDQgMi4yODU3MUM0LjczNzE3IDIuMjg1NzEgMy43MTM3MyAzLjMwOTE1IDMuNzEzNzMgNC41NzE0M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
}

@media only screen and (max-width: 991px) {
    .site-footer__socials-block {
        width: 100%;
        margin-top: 45px
    }
}

@media only screen and (max-width: 768px) {
    .site-footer__socials-block {
        margin-top: 30px
    }
}

.site-footer__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 991px) {
    .site-footer__socials {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.site-footer__social-item {
    width: 24px;
    height: 24px
}

.site-footer__social-item img {
    max-width: 100%;
    max-height: 100%
}

.site-footer__social-item svg {
    width: 100%;
    height: 100%;
    opacity: .43
}

.site-footer__social-item svg path {
    -webkit-transition: fill .3s;
    transition: fill .3s;
    fill: #fff
}

.site-footer__social-item:hover svg {
    opacity: 1
}

.site-footer__social-item:hover svg path {
    fill: #F03C53
}

.site-footer__social-item:not(:last-child) {
    margin-right: 23px
}

.shk {
    --color-primary: #0d6efd;
    --color-opac: #b9b9b94d;
    --color-theme: #fff;
    --color-secondary: #767676;
    --color-text: #333;
    --color-shadow: #b9b6b680;
    --color-handle-shadow-mobile: #b9b6b6;
    --background-body: var(--color-theme);
    --color-title: var(--color-text);
    --color-artist: var(--color-secondary);
    --color-button: var(--color-primary);
    --color-button-disabled: var(--color-opac);
    --color-button-active-background: var(--color-opac);
    --color-handle: var(--color-primary);
    --color-handle-disabled: #b9b9b9;
    --color-bar-loaded: var(--color-opac);
    --color-bar-played: var(--color-primary);
    --color-time: var(--color-secondary);
    --color-spinner: var(--color-primary);
    --color-live-symbol: var(--color-primary);
    --color-live-text: var(--color-primary);
    --shadow-body: 2px 2px 8px -2px var(--color-shadow);
    --shadow-body-mobile: 0 -2px 6px -2px var(--color-shadow);
    --shadow-handle: 0px 2px 10px 2px var(--color-shadow);
    --shadow-handle-mobile: 2px 2px 8px -2px var(--color-handle-shadow-mobile)
}

.shk[data-theme=dark] {
    --color-theme: #333;
    --color-secondary: #b9b6b6;
    --color-text: #f8f9fa;
    --color-handle-shadow-mobile: #141414;
    --color-shadow: #14141480
}

@media (prefers-color-scheme: dark) {
    .shk[data-theme=auto] {
        --color-theme: #333;
        --color-secondary: #b9b6b6;
        --color-text: #fff;
        --color-handle-shadow-mobile: #141414;
        --color-shadow: #14141480
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.shk {
    border: none;
    color: var(--color-text);
    cursor: auto;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42;
    position: relative
}

.js-focus-visible :focus:not(.focus-visible), .js-focus-visible:focus:not(.focus-visible) {
    outline: none
}

.shk[data-fixed-type=fixed] {
    bottom: 0;
    left: 0;
    margin: 0;
    position: fixed;
    width: 100%
}

.shk[data-fixed-type=fixed][data-fixed-pos=top] {
    bottom: auto;
    top: 0
}

.shk[data-seeking] .shk-player {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.shk button {
    font-family: inherit
}

.shk-player {
    background: var(--background-body);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 120px;
    position: relative;
    z-index: 10
}

.shk-body {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.shk-cover {
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 80px;
    margin-right: 16px;
    width: 80px
}

.shk-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.shk-text {
    overflow: hidden
}

.shk-artist, .shk-title {
    margin: auto;
    white-space: nowrap
}

.shk-artist {
    color: var(--color-artist);
    font-weight: 500;
    text-overflow: clip
}

.shk-title_wrap[data-overflow] {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #202124), color-stop(95%, #202124), to(transparent));
    -webkit-mask-image: linear-gradient(90deg, transparent, #202124 5%, #202124 95%, transparent);
    mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #202124), color-stop(95%, #202124), to(transparent));
    mask-image: linear-gradient(90deg, transparent, #202124 5%, #202124 95%, transparent)
}

.shk-title_inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible
}

.shk-title_wrap[data-overflow] .shk-title_inner {
    -webkit-animation-duration: inherit;
    animation-duration: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3%;
    white-space: nowrap
}

.shk-title_wrap[data-overflow] .shk-title_inner:after {
    content: attr(data-title);
    display: inline-block
}

.shk-title, .shk-title_wrap[data-overflow] .shk-title_inner:after {
    color: var(--color-title);
    font-size: 1.33em;
    font-weight: 300
}

.shk-title_wrap[data-overflow] .shk-title, .shk-title_wrap[data-overflow] .shk-title_inner:after {
    -webkit-animation: marquee linear infinite;
    animation: marquee linear infinite;
    -webkit-animation-duration: inherit;
    animation-duration: inherit;
    padding-right: 60px
}

.shk-btn {
    fill: currentColor;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: var(--color-button);
    cursor: pointer;
    font-size: 1em;
    line-height: normal;
    padding: 10px;
    position: relative
}

.shk-btn:disabled {
    color: var(--color-button-disabled);
    cursor: not-allowed
}

.shk-btn:after {
    background: var(--color-button-active-background);
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 1s cubic-bezier(0, 0, 0.2, 1), visibility 1s linear;
    transition: opacity 1s cubic-bezier(0, 0, 0.2, 1), visibility 1s linear;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.shk-btn:not(:disabled):active:after {
    opacity: 1;
    visibility: visible
}

a.shk-btn:visited {
    color: var(--color-button)
}

.shk-btn svg {
    height: 24px;
    vertical-align: middle;
    width: 24px
}

.shk-controls {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 auto;
    position: relative;
    width: 280px
}

.shk-controls .shk-btn {
    border-radius: 100%
}

.shk-controls > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.shk-controls_basic {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.shk-controls_extra {
    background: var(--background-body);
    bottom: 0;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 44px;
    opacity: 0;
    overflow: hidden;
    padding-right: 0 8px;
    position: absolute;
    right: 0;
    -webkit-transition: width .2s ease-in-out, opacity .1s linear .1s, visibility .2s;
    transition: width .2s ease-in-out, opacity .1s linear .1s, visibility .2s;
    visibility: hidden;
    white-space: nowrap;
    width: 0;
    z-index: 10
}

.shk[data-extra] .shk-controls_extra {
    opacity: 1;
    -webkit-transition: width .2s ease-in-out, opacity .1s linear;
    transition: width .2s ease-in-out, opacity .1s linear;
    visibility: visible;
    width: calc(100% - 44px)
}

.shk[data-extra] .shk-controls_extra .shk-btn {
    display: inline-block
}

.shk-btn_toggle svg {
    height: 32px;
    width: 32px
}

.shk[data-play=paused] .shk-btn_play, .shk[data-play=playing] .shk-btn_pause {
    display: inline
}

.shk[data-play=paused] .shk-btn_pause, .shk[data-play=playing] .shk-btn_play {
    display: none
}

.shk-btn_speed {
    font-size: .86em;
    font-weight: 400;
    height: 44px;
    padding: 0;
    width: 44px
}

.shk-btn_more {
    position: relative;
    -webkit-transform: none;
    transform: none;
    transition: -webkit-transform .2s .1s;
    -webkit-transition: -webkit-transform .2s .1s;
    transition: transform .2s .1s;
    transition: transform .2s .1s, -webkit-transform .2s .1s;
    transition: transform .2s .1s, -webkit-transform .2s .1s;
    z-index: 11
}

.shk[data-extra] .shk-btn_more {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.shk[data-mute] svg.shk-btn_mute, svg.shk-btn_unmute {
    display: inline-block
}

.shk[data-mute] svg.shk-btn_unmute, svg.shk-btn_mute {
    display: none
}

.shk-bar_wrap {
    cursor: pointer;
    position: relative;
    z-index: 1
}

.shk-bar {
    background: var(--background-body);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 4px;
    position: relative;
    width: 100%
}

.shk-bar_loaded, .shk-bar_played {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width .1s ease-in;
    transition: width .1s ease-in;
    width: 0
}

.shk-bar_loaded {
    background: var(--color-bar-loaded)
}

.shk-bar_played {
    background: var(--color-bar-played)
}

.shk[data-seeking] .shk-bar_played {
    -webkit-transition: none;
    transition: none
}

.shk-bar-handle {
    background: var(--color-handle);
    border: 0;
    border-radius: 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: -webkit-grab;
    cursor: grab;
    height: 20px;
    padding: 0;
    position: absolute;
    right: -10px;
    width: 20px
}

.shk-bar-handle:disabled {
    background-color: var(--color-handle-disabled);
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed
}

.shk-bar-handle:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.shk-display {
    position: absolute
}

.shk-loader {
    color: var(--color-spinner);
    display: none;
    vertical-align: middle
}

.shk[data-loading] .shk-loader {
    display: inline-block
}

.shk-loader svg {
    -webkit-animation: rotate 1.4s linear infinite;
    animation: rotate 1.4s linear infinite;
    height: 12px;
    position: relative;
    width: 12px
}

.shk-visuallyhidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    border: 0;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.shk-time {
    color: var(--color-time);
    display: inline-block;
    font-size: .8em;
    font-weight: 300;
    vertical-align: middle
}

.shk .shk-live {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-live-text);
    display: none;
    font-family: sans-serif;
    font-size: .8em;
    text-transform: uppercase
}

.shk .shk-live:before {
    background: var(--color-live-symbol);
    border-radius: 50%;
    content: "";
    height: .5em;
    margin-right: 2px;
    width: .5em
}

.shk-icons, .shk[data-live] .shk-bar, .shk[data-live] .shk-time {
    display: none
}

.shk[data-live] .shk-live {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (min-width: 641px) {
    .shk-player {
        -webkit-box-shadow: var(--shadow-body);
        box-shadow: var(--shadow-body);
        margin-top: 4px;
        padding: 20px 16px
    }

    .shk-main {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: calc(100% - 96px);
        padding: 10px 0
    }

    .shk-text {
        -webkit-box-flex: 2;
        -ms-flex: 2 1 auto;
        flex: 2 1 auto
    }

    .shk-bar_wrap {
        left: 0;
        padding: 4px 0 16px;
        position: absolute;
        right: 0;
        top: -4px
    }

    .shk-bar {
        -webkit-transition: height .15s ease-in;
        transition: height .15s ease-in
    }

    .shk-bar_wrap:hover .shk-bar {
        height: 10px
    }

    .shk-bar-handle {
        border: 4px solid transparent;
        -webkit-box-shadow: var(--shadow-handle);
        box-shadow: var(--shadow-handle);
        top: -9.5px;
        -webkit-transform: scale(0.0001);
        transform: scale(0.0001);
        -webkit-transition: all .1s ease-in;
        transition: all .1s ease-in
    }

    .shk-bar-handle.focus-visible, .shk-bar_wrap:hover .shk-bar-handle:not(:disabled) {
        border-color: #fff;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .shk-display {
        right: 8px;
        top: -6px
    }

    .shk-loader {
        margin-right: 4px
    }

    .shk-time_duration:before {
        content: "/";
        margin: 0 4px
    }
}

@media (max-width: 640px) {
    .shk-player {
        -webkit-box-shadow: var(--shadow-body-mobile);
        box-shadow: var(--shadow-body-mobile);
        padding: 5px 16px
    }

    .shk[data-fixed-type=auto] {
        bottom: 0;
        left: 0;
        position: fixed;
        width: 100%
    }

    .shk[data-fixed-type=auto][data-fixed-pos=top] {
        bottom: auto;
        top: 0
    }

    .shk[data-live] .shk-bar_wrap {
        height: 4px
    }

    .shk-cover {
        display: none
    }

    .shk-main {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: none;
        padding: 0;
        width: 100%
    }

    .shk-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: center;
        width: 100%
    }

    .shk-artist_wrap {
        font-size: .8em;
        line-height: 1.1
    }

    .shk-artist {
        display: inline-block
    }

    .shk-title, .shk-title_wrap[data-overflow] .shk-title_inner:after {
        font-size: 1em;
        line-height: 1
    }

    .shk-bar_wrap {
        margin: 0 60px;
        padding: 8px 0
    }

    .shk-bar-handle {
        -webkit-box-shadow: var(--shadow-handle-mobile);
        box-shadow: var(--shadow-handle-mobile);
        display: inline-block;
        top: -8px
    }

    .shk-bar {
        background: var(--color-opac);
        border-radius: 2px
    }

    .shk-display {
        left: 0;
        right: 0;
        top: -16px
    }

    .shk-loader {
        left: -10px;
        position: absolute;
        top: -5px
    }

    .shk-time {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        font-size: .7em;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        line-height: 1;
        margin: 0 5px
    }

    .shk-time_now {
        text-align: right;
        width: 40px
    }

    .shk-time_duration {
        text-align: left;
        width: 40px
    }

    .shk-live {
        position: absolute;
        right: 0;
        top: 0
    }
}

.breadcrumbs {
    background-color: #1A1F33;
    color: #fff;
    padding-top: 65px
}

.breadcrumbs-nav {
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs .home {
    margin-right: 14px
}

@media only screen and (max-width: 480px) {
    .breadcrumbs .home {
        margin-right: 6px
    }
}

@media only screen and (max-width: 1199px) {
    .breadcrumbs {
        padding-top: 10px
    }
}

.breadcrumbs a {
    color: #fff
}

.breadcrumbs span[property="itemListElement"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 14px
}

.breadcrumbs span[property="itemListElement"]:not(:first-child) {
    margin-left: 22px;
    margin-right: 22px;
    color: #6C6E72;
    top: 3px
}

@media only screen and (max-width: 480px) {
    .breadcrumbs span[property="itemListElement"]:not(:first-child) {
        margin-right: 10px;
        margin-left: 10px;
        top: 0
    }
}

.breadcrumbs span[property="itemListElement"]:not(:first-child):after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: -22px;
    width: 1px;
    height: 9px;
    background-color: #6C6E72
}

@media only screen and (max-width: 480px) {
    .breadcrumbs span[property="itemListElement"]:not(:first-child):after {
        left: -10px;
        top: 4px
    }
}

.breadcrumbs span[property="itemListElement"]:not(:first-child) span[property="name"] {
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media only screen and (max-width: 480px) {
    .breadcrumbs span[property="itemListElement"]:not(:first-child) span[property="name"] {
        font-style: normal;
        font-weight: 300;
        font-size: 11px;
        line-height: unset
    }
}

.breadcrumbs span[property="itemListElement"]:not(:first-child) span[property="name"] br {
    display: none
}

.breadcrumbs a[typeof="WebPage"].home {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.breadcrumbs a[typeof="WebPage"].home span {
    font-size: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 14px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS42NDMyIDMuNjMzODFMMTMuNzY1IDUuNjc5MThDMTQuMDc4MyA1Ljk4MTcxIDE0LjA3ODMgNi40NzExNyAxMy43NjUgNi43NzMxOUMxMy42MDgyIDYuOTI0MzMgMTMuNDAyNyA2Ljk5OTYzIDEzLjE5NzMgNi45OTk2M0MxMi45OTIyIDYuOTk5NjMgMTIuNzg3MSA2LjkyNDQxIDEyLjYyOTggNi43NzMxOUw3LjMyNDE2IDEuNjU4NDhDNy4xNTIyNSAxLjQ5MzI2IDYuODQ3NjcgMS40OTMyNiA2LjY3NDg2IDEuNjU4OTdMMS4zNzAxNSA2Ljc3MzE5QzEuMDU2OTQgNy4wNzU2IDAuNTQ4MjA0IDcuMDc1NiAwLjIzNDg4NCA2Ljc3MzE5Qy0wLjA3ODI5NDYgNi40NzExNSAtMC4wNzgyOTQ2IDUuOTgxNjggMC4yMzQ4ODQgNS42NzkxOEw1LjU0MDEgMC41NjUxMDNDNi4zMTk0IC0wLjE4NzQ3MiA3LjY3NzQ0IC0wLjE4ODgwNyA4LjQ1ODUyIDAuNTYzNzRMMTAuMDM4MyAyLjA4NjczVjEuMjcxMDdDMTAuMDM4MyAwLjg0Mzg0OCAxMC4zOTc1IDAuNDk3NjIzIDEwLjg0MDMgMC40OTc2MjNDMTEuMjg0MSAwLjQ5NzYyMyAxMS42NDMyIDAuODQzODQ4IDExLjY0MzIgMS4yNzEwN1YzLjYzMzgxWk02LjcyNDg5IDMuMTE2NjFDNi44NzY3MyAyLjk2MTEzIDcuMTIzMzIgMi45NjExMyA3LjI3NTYxIDMuMTE2NjFMMTEuODg1OSA3LjgyNDk4QzExLjk1OTEgNy44OTkzMSAxMiA4LjAwMDc5IDEyIDguMTA2NjlWMTEuNTQwOEMxMiAxMi4zNDY2IDExLjM2MDMgMTMgMTAuNTcxNSAxM0g4LjI4ODY0VjkuMzg4OEg1LjcxMTM2VjEzSDMuNDI4NTRDMi42Mzk2NiAxMyAyIDEyLjM0NjYgMiAxMS41NDA4VjguMTA2NjlDMiA4LjAwMDc5IDIuMDQxMjcgNy44OTkzMSAyLjExNDA3IDcuODI0OThMNi43MjQ4OSAzLjExNjYxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

@media only screen and (max-width: 480px) {
    .breadcrumbs a[typeof="WebPage"].home span {
        width: 11px;
        height: 11px;
        background-size: contain
    }
}

.on-air {
    position: relative;
    padding: 26px 0 25px;
    background-color: #1A1F33
}

@media only screen and (max-width: 480px) {
    .on-air {
        padding: 34px 0 24px
    }
}

.on-air__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 1470px) {
    .on-air__container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (max-width: 768px) {
    .on-air__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 480px) {
    .on-air__container {
        padding-left: 5px;
        padding-right: 5px
    }
}

.on-air .favorite-btn:after {
    background-color: rgba(26, 31, 51, 0.47)
}

.on-air .favorite-btn.is-favorite:after {
    background-color: rgba(240, 60, 83, 0.2)
}

.on-air__inner {
    padding-top: 108px;
    width: 100%
}

@media only screen and (max-width: 1030px) {
    .on-air__inner {
        padding-top: 22px
    }
}

@media only screen and (max-width: 480px) {
    .on-air__inner {
        padding-top: 0
    }
}

.on-air__bg-text {
    display: block;
    font-family: 'Nexa', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 200px;
    color: #9784E0;
    opacity: 0.07;
    position: absolute;
    top: -7px;
    left: 112px;
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .on-air__bg-text {
        display: none
    }
}

.on-air__title {
    margin-bottom: 44px
}

@media only screen and (max-width: 991px) {
    .on-air__title {
        margin-bottom: 18px
    }
}

@media only screen and (max-width: 480px) {
    .on-air__title {
        margin-bottom: 12px
    }
}

.on-air__btn-wrapper {
    width: 100%;
    margin: 28px 0 22px
}

@media only screen and (max-width: 1030px) {
    .on-air__btn-wrapper {
        margin: 4px 0 43px
    }
}

.on-air .playlist {
    margin-left: auto;
    top: -105px
}

@media only screen and (max-width: 1199px) {
    .on-air .playlist {
        top: 0;
        position: sticky
    }
}

@media only screen and (max-width: 768px) {
    .on-air .playlist {
        margin: 20px auto 0
    }
}

@media only screen and (max-width: 1470px) {
    .on-air .track-blocks {
        padding-right: 55px
    }
}

@media only screen and (max-width: 768px) {
    .on-air .track-blocks {
        padding-right: 0
    }
}

.new-music .on-air {
    padding-top: 23px;
    padding-bottom: 86px;
    background-color: #1A1F33
}

@media only screen and (max-width: 480px) {
    .new-music .on-air {
        padding: 28px 0 56px
    }
}

.new-music .on-air__inner {
    margin-top: 0
}

@media only screen and (max-width: 1370px) {
    .new-music .on-air__inner {
        padding-top: 10px
    }
}

@media only screen and (max-width: 991px) {
    .new-music .on-air__inner .track-blocks {
        padding-left: 26px
    }
}

@media only screen and (max-width: 480px) {
    .new-music .on-air__inner .track-blocks {
        padding-left: 0
    }
}

.new-music .on-air__inner .track-blocks__item {
    margin-bottom: 58px
}

@media only screen and (max-width: 480px) {
    .new-music .on-air__inner .track-blocks__item {
        margin-bottom: 24px
    }
}

.home .playlist {
    top: 0;
    border-radius: 35px;
    overflow: hidden;
    min-width: 359px
}

.home .playlist img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hot-hits {
    position: relative;
    background-color: #171a29;
    padding: 128px 0 138px
}

@media only screen and (max-width: 1470px) {
    .hot-hits {
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 768px) {
    .hot-hits {
        padding: 48px 0 58px
    }
}

@media only screen and (max-width: 480px) {
    .hot-hits {
        padding: 61px 0 52px
    }
}

.hot-hits__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 768px) {
    .hot-hits__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.hot-hits__inner {
    max-width: 992px;
    width: 100%;
    font-weight: 300;
    font-size: 17px;
    margin-right: 20px
}

.hot-hits__title {
    margin-bottom: 30px
}

@media only screen and (max-width: 480px) {
    .hot-hits__title {
        margin-bottom: 20px
    }
}

.hot-hits__description {
    max-width: 904px;
    width: 100%;
    margin-bottom: 58px
}

@media only screen and (max-width: 1030px) {
    .hot-hits__description {
        margin-bottom: 32px
    }
}

@media only screen and (max-width: 480px) {
    .hot-hits__description {
        padding-left: 26px
    }
}

.hot-hits__slider.swiper {
    padding-left: 56px;
    position: relative;
    height: 396px;
    max-width: 992px;
    width: 100%
}

@media only screen and (max-width: 480px) {
    .hot-hits__slider.swiper {
        padding-left: 36px
    }
}

.hot-hits__slider.swiper.no-slider {
    padding-left: 0
}

.hot-hits__slider.swiper.no-slider .swiper-button-prev, .hot-hits__slider.swiper.no-slider .swiper-button-next {
    display: none
}

.hot-hits__slider.swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hot-hits__slider.swiper .swiper-button-prev, .hot-hits__slider.swiper .swiper-button-next {
    position: absolute;
    border-radius: 20px;
    border: 1px solid #e22c73;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: auto;
    top: 24px;
    bottom: auto;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hot-hits__slider.swiper .swiper-button-prev.swiper-button-disabled, .hot-hits__slider.swiper .swiper-button-next.swiper-button-disabled {
    opacity: 0.60;
    cursor: not-allowed
}

@media only screen and (max-width: 480px) {
    .hot-hits__slider.swiper .swiper-button-prev, .hot-hits__slider.swiper .swiper-button-next {
        width: 30px;
        height: 30px
    }
}

.hot-hits__slider.swiper .swiper-button-prev:after, .hot-hits__slider.swiper .swiper-button-next:after {
    display: none
}

.hot-hits__slider.swiper .swiper-button-prev:before, .hot-hits__slider.swiper .swiper-button-next:before {
    content: '+2';
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    color: #E22E72;
    font-family: "Mulish", sans-serif
}

.hot-hits__slider.swiper .swiper-button-prev svg, .hot-hits__slider.swiper .swiper-button-next svg {
    pointer-events: none;
    width: auto;
    height: auto;
    color: #aa95ff
}

@media only screen and (max-width: 480px) {
    .hot-hits__slider.swiper .swiper-button-prev svg, .hot-hits__slider.swiper .swiper-button-next svg {
        width: 10px;
        height: 10px
    }
}

.hot-hits__slider.swiper .swiper-button-prev:hover, .hot-hits__slider.swiper .swiper-button-next:hover {
    background-color: #e22c73
}

.hot-hits__slider.swiper .swiper-button-prev:hover svg path, .hot-hits__slider.swiper .swiper-button-next:hover svg path {
    fill: #1a1f33
}

.hot-hits__slider.swiper .swiper-button-next {
    top: auto;
    bottom: 26px
}

.hot-hits__bg-text {
    display: block;
    font-family: "Nexa", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 200px;
    color: #9784e0;
    opacity: 0.07;
    position: absolute;
    top: -15px;
    left: 112px;
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .hot-hits__bg-text {
        display: none
    }
}

.hot-hits__btn-wrapper {
    margin-top: 40px
}

.hot-hits .track-list {
    margin-bottom: 25px
}

.hot-hits .track-list__item {
    width: 100%
}

.hot-hits .track-list .favorite-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 480px) {
    .hot-hits .track-list {
        margin-bottom: 0
    }
}

.hot-hits .track-list img {
    width: 100%;
    height: 100%
}

.hot-hits .playlist {
    margin-left: auto;
    top: -112px
}

@media only screen and (max-width: 1199px) {
    .hot-hits .playlist {
        top: 0
    }
}

@media only screen and (max-width: 768px) {
    .hot-hits .playlist {
        margin: 52px auto 0
    }
}

.top-tracks .hot-hits {
    padding-top: 32px;
    background-color: #1a1f33
}

@media screen and (max-width: 1500px) {
    .hot-hits .track-list__item {
        width: calc(100% - 80px);
        margin-left: auto
    }
}

@media screen and (max-width: 1030px) {
    .hot-hits .track-list__item {
        width: calc(100% - 30px)
    }
}

.news {
    position: relative;
    background-color: #1A1F33;
    padding: 134px 0 107px
}

@media only screen and (max-width: 768px) {
    .news {
        padding: 48px 0 75px
    }
}

body.category-novosti-novoline .news {
    padding-top: 22px
}

.news__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

.news__container--block .news-list {
    grid-template-columns:1fr 1fr 1fr
}

@media only screen and (max-width: 1470px) {
    .news__container--block .news-list {
        padding-right: 40px;
        grid-template-columns:1fr 1fr
    }
}

@media only screen and (max-width: 480px) {
    .news__container--block .news-list {
        padding-right: 0;
        grid-template-columns:1fr
    }
}

.news__inner {
    width: 100%
}

@media only screen and (max-width: 1199px) {
    .news__inner {
        padding-right: 0
    }
}

@media only screen and (max-width: 1470px) {
    body.news-page .news__inner {
        padding-right: 0
    }
}

.news__header-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 60px;
    gap: 10px
}

@media only screen and (max-width: 1030px) {
    .news__header-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 0
    }
}

.news__category-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.news__category-wrap.no-slider {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 1030px) {
    .news__category-wrap {
        margin-bottom: 35px
    }
}

.news__category-wrap .swiper {
    max-width: 750px;
    position: relative;
    padding: 5px 150px 5px 0
}

@media only screen and (max-width: 1199px) {
    .news__category-wrap .swiper {
        max-width: 610px;
        padding: 5px 120px 5px 0
    }
}

@media only screen and (max-width: 768px) {
    .news__category-wrap .swiper {
        max-width: 515px;
        padding: 5px 100px 5px 0
    }
}

@media only screen and (max-width: 670px) {
    .news__category-wrap .swiper {
        max-width: 480px
    }
}

@media only screen and (max-width: 670px) {
    .news__category-wrap .swiper {
        max-width: 400px
    }
}

@media only screen and (max-width: 480px) {
    .news__category-wrap .swiper {
        max-width: 250px;
        padding: 5px 30px 5px 30px
    }
}

.news__category-wrap .swiper:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -2px;
    background-color: #1A1F33;
    width: 130px;
    height: 100%;
    z-index: 1
}

@media only screen and (max-width: 1199px) {
    .news__category-wrap .swiper:after {
        width: 120px
    }
}

@media only screen and (max-width: 768px) {
    .news__category-wrap .swiper:after {
        width: 100px
    }
}

@media only screen and (max-width: 480px) {
    .news__category-wrap .swiper:after {
        display: none
    }
}

.news__category-wrap .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news__category-wrap .swiper-slide {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.news__category-wrap .swiper-button-prev, .news__category-wrap .swiper-button-next {
    position: absolute;
    top: 50%;
    border-radius: 20px;
    border: 1px solid #AA95FF;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    font-size: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: 5px;
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 480px) {
    .news__category-wrap .swiper-button-prev, .news__category-wrap .swiper-button-next {
        width: 20px;
        height: 20px;
        -webkit-transform: translateY(65%);
        transform: translateY(65%);
        bottom: auto
    }
}

.news__category-wrap .swiper-button-prev:after, .news__category-wrap .swiper-button-prev:before, .news__category-wrap .swiper-button-next:after, .news__category-wrap .swiper-button-next:before {
    display: none
}

.news__category-wrap .swiper-button-prev svg, .news__category-wrap .swiper-button-next svg {
    pointer-events: none;
    width: auto;
    height: auto;
    color: #AA95FF
}

@media only screen and (max-width: 480px) {
    .news__category-wrap .swiper-button-prev svg, .news__category-wrap .swiper-button-next svg {
        width: 5px;
        height: 7px
    }
}

.news__category-wrap .swiper-button-prev:hover, .news__category-wrap .swiper-button-next:hover {
    background-color: #AA95FF
}

.news__category-wrap .swiper-button-prev:hover svg path, .news__category-wrap .swiper-button-next:hover svg path {
    fill: #1A1F33
}

.news__category-wrap .swiper-button-prev {
    right: 70px
}

@media only screen and (max-width: 1199px) {
    .news__category-wrap .swiper-button-prev {
        right: 50px
    }
}

@media only screen and (max-width: 480px) {
    .news__category-wrap .swiper-button-prev {
        right: auto;
        left: 5px
    }
}

.news__category {
    background-color: transparent;
    color: #fff;
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    padding: 11px 20px 9px;
    border: 1px solid #AA95FF;
    margin-right: 18px;
    border-radius: 20px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 1030px) {
    .news__category {
        padding: 7px 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 14px
    }
}

@media only screen and (max-width: 768px) {
    .news__category {
        font-size: 12px
    }
}

@media only screen and (max-width: 670px) {
    .news__category {
        font-size: 10px
    }
}

.news__category.no-slider {
    margin: 10px
}

.news__category:hover, .news__category.active {
    background-color: #AA95FF;
    color: #1A1F33
}

.news__category:hover .short-name, .news__category.active .short-name {
    color: #1A1F33
}

.news__category:hover .date, .news__category.active .date {
    color: #1A1F33
}

body.category-novosti-novoline .news__title {
    margin-bottom: 60px
}

@media only screen and (max-width: 1030px) {
    body.news-page .news__title {
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 480px) {
    body.news-page .news__title {
        padding-bottom: 15px
    }
}

.news__bg-text {
    display: block;
    font-family: 'Nexa', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 200px;
    color: #9784E0;
    opacity: 0.07;
    position: absolute;
    top: -8px;
    left: 112px;
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .news__bg-text {
        display: none
    }
}

.news__btn-wrapper {
    margin-top: 24px
}

.news .playlist {
    margin-left: auto;
    top: -104px
}

@media only screen and (max-width: 1470px) {
    .news .playlist {
        margin-left: auto;
        margin-right: auto;
        top: 0
    }
}

@media only screen and (max-width: 1199px) {
    .news .playlist {
        position: sticky;
        top: 0
    }
}

@media only screen and (max-width: 768px) {
    .news .playlist {
        margin: 52px auto 0
    }
}

@media only screen and (max-width: 1470px) {
    .news__pagination-wrapper {
        display: none
    }
}

.news__pagination-wrapper.mob {
    display: none
}

@media only screen and (max-width: 1470px) {
    .news__pagination-wrapper.mob {
        display: block
    }
}

.blog .news {
    padding-top: 32px
}

@media only screen and (max-width: 1470px) {
    .blog .news {
        padding: 32px 0 47px
    }
}

@media only screen and (max-width: 1470px) {
    .blog .news__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 1470px) {
    .blog .playlist {
        top: 0;
        margin: 62px auto 0
    }
}

.news-width-player .news__inner {
    padding-right: 20px
}

.news-page .news__container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media only screen and (max-width: 1470px) {
    .news-page .news__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.news-page .news-list {
    grid-template-columns:1fr 1fr
}

@media only screen and (max-width: 1470px) {
    .news-page .news-list {
        padding-right: 40px
    }
}

@media only screen and (max-width: 1470px) {
    .news-page .news-list {
        padding-right: 0;
        justify-items: center
    }
}

@media only screen and (max-width: 480px) {
    .news-page .news-list {
        grid-template-columns:1fr
    }
}

@media only screen and (max-width: 1030px) {
    .news-page .news-list__title {
        font-size: 14px
    }
}

@media only screen and (max-width: 1199px) {
    .news-page .news__category {
        padding: 11px 16px 9px
    }
}

.single-news {
    background-color: #1A1F33;
    padding: 23px 0 148px
}

@media only screen and (max-width: 991px) {
    .single-news {
        padding-bottom: 65px
    }
}

@media only screen and (max-width: 480px) {
    .single-news {
        padding: 20px 0 65px
    }
}

.single-news__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.single-news__inner {
    max-width: 860px;
    width: 100%
}

@media only screen and (max-width: 1470px) {
    .single-news__inner {
        max-width: 620px
    }
}

@media only screen and (max-width: 1199px) {
    .single-news__inner {
        max-width: 390px
    }
}

@media only screen and (max-width: 768px) {
    .single-news__inner {
        max-width: 100%
    }
}

.single-news__category-wrapper {
    margin-top: 24px;
    margin-bottom: 20px
}

@media only screen and (max-width: 768px) {
    .single-news__category-wrapper {
        display: none
    }
}

.single-news__category-wrapper.mob {
    display: none
}

@media only screen and (max-width: 768px) {
    .single-news__category-wrapper.mob {
        display: block;
        margin-top: 10px;
        margin-bottom: 40px
    }
}

.single-news__category {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #907ED6;
    margin-right: 20px
}

.single-news__category:last-child {
    margin-right: 0
}

.single-news__image {
    margin-top: 24px;
    margin-bottom: 40px;
    border-radius: 15px;
    overflow: hidden;
    max-width: 856px
}

@media only screen and (max-width: 768px) {
    .single-news__image {
        margin-bottom: 0
    }
}

.single-news__image img {
    width: 100%
}

.single-news__content {
    margin-bottom: 40px
}

@media only screen and (max-width: 480px) {
    .single-news__content {
        padding-left: 20px
    }
}

.single-news__content strong, .single-news__content em {
    color: #FFFFFF
}

.single-news__video-wrapper {
    position: relative;
    margin-bottom: 57px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    overflow: hidden
}

@media only screen and (max-width: 480px) {
    .single-news__video-wrapper {
        margin-bottom: 27px
    }
}

.single-news__video-wrapper iframe {
    width: 100%;
    height: 100%
}

.single-news__video-wrapper.preview .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.single-news__video-wrapper.preview .single-news__video-preview {
    display: block
}

.single-news__video-preview {
    display: none
}

.single-news__video-preview button, .single-news__video-preview img {
    pointer-events: none
}

.single-news__btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 480px) {
    .single-news__btn-wrapper {
        padding-left: 20px
    }
}

.single-news__share-btn {
    background-color: transparent;
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    padding-right: 15px;
    margin-bottom: 50px;
    cursor: pointer
}

@media only screen and (max-width: 480px) {
    .single-news__share-btn {
        margin-bottom: 27px
    }
}

.single-news__share-btn:hover {
    text-decoration: underline
}

.single-news__share-btn:after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 14px;
    top: 0;
    right: -5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDcgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjU0Mzk3IDE0VjcuNjE0NDFINi42MDY5OEw2LjkxNjUgNS4xMjUwOUg0LjU0Mzk3VjMuNTM2MDNDNC41NDM5NyAyLjgxNTU0IDQuNzM1ODMgMi4zMjQ1MyA1LjczMTggMi4zMjQ1M0w3IDIuMzIzOTlWMC4wOTc0NjFDNi43ODA2OCAwLjA2Nzg2MTcgNi4wMjc4NCAwIDUuMTUxNjIgMEMzLjMyMTkxIDAgMi4wNjkyNyAxLjE1OTg4IDIuMDY5MjcgMy4yODk0OVY1LjEyNTA5SDBWNy42MTQ0MUgyLjA2OTI3VjE0SDQuNTQzOTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}

.single-news__back-btn {
    position: relative;
    padding-left: 48px;
    padding-right: 37px
}

@media only screen and (max-width: 480px) {
    .single-news__back-btn {
        padding-left: 47px;
        padding-right: 27px;
        min-width: 117px;
        min-height: 38px
    }
}

.single-news__back-btn:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMC4yMDczMjMgOS40OTM5NUw4LjYxNTg2IDE3Ljc5NjRDOC44OTEzNiAxOC4wNjgzIDkuMzM3MzkgMTguMDY3OSA5LjYxMjQzIDE3Ljc5NUM5Ljg4NzI1IDE3LjUyMjMgOS44ODY1NCAxNy4wODA0IDkuNjExMDEgMTYuODA4M0wxLjcwMjk3IDguOTk5OTdMOS42MTEyOSAxLjE5MTY1QzkuODg2NzkgMC45MTk1NDQgOS44ODc1IDAuNDc3OTQ3IDkuNjEyNzEgMC4yMDUxMzVDOS40NzQ4NCAwLjA2ODM3OCA5LjI5NDIyIDAgOS4xMTM2IDBDOC45MzM0NCAwIDguNzUzNTIgMC4wNjc5MjE1IDguNjE1OSAwLjIwMzczTDAuMjA3MzIzIDguNTA2MDJDMC4wNzQ2MzQ4IDguNjM2NzMgMC4wMDAxNzczODMgOC44MTQ2MiAwLjAwMDE3NzM4MyA4Ljk5OTk3QzAuMDAwMTc3MzgzIDkuMTg1MzEgMC4wNzQ4NDc4IDkuMzYyOTkgMC4yMDczMjMgOS40OTM5NVoiIGZpbGw9IiMxQTFGMzMiLz48L3N2Zz4=)
}

.single-news__back-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 21px;
    width: 9px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjA3MzIzIDkuNDkzOTVMOC42MTU4NiAxNy43OTY0QzguODkxMzYgMTguMDY4MyA5LjMzNzM5IDE4LjA2NzkgOS42MTI0MyAxNy43OTVDOS44ODcyNSAxNy41MjIzIDkuODg2NTQgMTcuMDgwNCA5LjYxMTAxIDE2LjgwODNMMS43MDI5NyA4Ljk5OTk3TDkuNjExMjkgMS4xOTE2NUM5Ljg4Njc5IDAuOTE5NTQ0IDkuODg3NSAwLjQ3Nzk0NyA5LjYxMjcxIDAuMjA1MTM1QzkuNDc0ODQgMC4wNjgzNzggOS4yOTQyMiAwIDkuMTEzNiAwQzguOTMzNDQgMCA4Ljc1MzUyIDAuMDY3OTIxNSA4LjYxNTkgMC4yMDM3M0wwLjIwNzMyMyA4LjUwNjAyQzAuMDc0NjM0OCA4LjYzNjczIDAuMDAwMTc3MzgzIDguODE0NjIgMC4wMDAxNzczODMgOC45OTk5N0MwLjAwMDE3NzM4MyA5LjE4NTMxIDAuMDc0ODQ3OCA5LjM2Mjk5IDAuMjA3MzIzIDkuNDkzOTVaIiBmaWxsPSIjQUE5NUZGIi8+Cjwvc3ZnPgo=)
}

.single-news .playlist {
    margin-left: auto;
    top: -100px
}

@media only screen and (max-width: 1470px) {
    .single-news .playlist {
        top: 0;
        margin: 62px auto 0
    }
}

@media only screen and (max-width: 768px) {
    .single-news .playlist {
        margin: 65px auto 0
    }
}

.schedule {
    background-color: #1A1F33;
    padding: 30px 0 103px
}

@media only screen and (max-width: 768px) {
    .schedule {
        padding-bottom: 56px
    }
}

.schedule__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

@media screen and (max-width: 1280px) {
    .schedule__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.schedule__inner {
    max-width: 992px;
    width: 100%
}

.schedule__title {
    margin-bottom: 37px
}

@media only screen and (max-width: 768px) {
    .schedule__title {
        margin-bottom: 23px
    }
}

.schedule .days-filter {
    margin-bottom: 42px;
    padding-left: 18px
}

@media only screen and (max-width: 480px) {
    .schedule .days-filter {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 24px;
        padding-left: 0
    }
}

.schedule .days-filter__day.open {
    background-color: #AA95FF;
    color: #1A1F33
}

.schedule .days-filter__day.open .short-name {
    color: #ffffff
}

.schedule .days-filter__day * {
    pointer-events: none
}

@media only screen and (max-width: 480px) {
    .schedule .days-filter__day {
        margin: 0 auto
    }
}

.schedule__list {
    border-radius: 21px;
    background-color: #171A29;
    overflow: hidden;
    display: none
}

.schedule__list.open {
    display: block
}

.schedule__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 40px;
    background-color: #171A29;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 480px) {
    .schedule__item {
        padding: 27px 13px
    }
}

.schedule__item p {
    margin-bottom: 0
}

.schedule__item:nth-child(2n) {
    background: linear-gradient(134.72deg, rgba(240, 60, 83, 0.03) 0%, rgba(255, 39, 120, 0.03) 101.5%), rgba(240, 60, 83, 0.03);
    border-top: 1px dashed rgba(240, 60, 83, 0.2);
    border-bottom: 1px dashed rgba(240, 60, 83, 0.2)
}

.schedule__heading {
    font-weight: 300;
    font-size: 22px
}

@media only screen and (max-width: 768px) {
    .schedule__heading {
        font-size: 18px
    }
}

@media only screen and (max-width: 480px) {
    .schedule__heading {
        font-size: 12px
    }
}

.schedule__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 156px;
    font-weight: 700;
    font-size: 22px;
    color: #AA95FF;
    margin-right: 76px;
    position: relative
}

@media only screen and (max-width: 768px) {
    .schedule__time {
        font-size: 11px;
        min-width: 78px
    }
}

@media only screen and (max-width: 570px) {
    .schedule__time {
        margin-right: 20px
    }
}

@media only screen and (max-width: 330px) {
    .schedule__time {
        margin-right: 8px
    }
}

.schedule__time:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 2px;
    background-color: #AA95FF
}

@media only screen and (max-width: 768px) {
    .schedule__time:after {
        width: 10px;
        height: 1px
    }
}

.schedule .playlist {
    margin-left: auto;
    top: -112px
}

@media only screen and (max-width: 1470px) {
    .schedule .playlist {
        top: 0;
        margin: 50px auto 0
    }
}

@media only screen and (max-width: 768px) {
    .schedule .playlist {
        margin: 47px auto 0
    }
}

.playlist-page {
    background-color: #1A1F33;
    padding: 20px 0 108px
}

@media only screen and (max-width: 991px) {
    .playlist-page {
        padding-bottom: 64px
    }
}

@media only screen and (max-width: 480px) {
    .playlist-page {
        padding: 28px 0 64px
    }
}

.playlist-page__title {
    margin-bottom: 28px;
    left: 20px
}

@media only screen and (max-width: 1199px) {
    .playlist-page__title {
        left: 0
    }
}

.playlist-page__content {
    display: none
}

@media only screen and (max-width: 480px) {
    .playlist-page__content {
        display: block;
        padding-left: 25px;
        margin-bottom: 34px
    }
}

.playlist-page .days-filter {
    margin-bottom: 40px
}

@media only screen and (max-width: 480px) {
    .playlist-page .days-filter {
        margin-bottom: 30px
    }
}

.playlist-page__sort-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 21px
}

@media only screen and (max-width: 480px) {
    .playlist-page__sort-wrapper {
        padding-left: 14px;
        margin-bottom: 5px
    }
}

.playlist-page__sort-time, .playlist-page__sort-name {
    background-color: transparent
}

@media only screen and (max-width: 480px) {
    .playlist-page__sort-time, .playlist-page__sort-name {
        width: 16px;
        height: 16px
    }

    .playlist-page__sort-time svg, .playlist-page__sort-name svg {
        width: 100%;
        height: 100%
    }
}

.playlist-page__sort-time {
    margin-right: 47px
}

@media only screen and (max-width: 480px) {
    .playlist-page__sort-time {
        margin-right: 32px
    }
}

.playlist-page__sort-name {
    width: 24px;
    height: 22px
}

@media only screen and (max-width: 480px) {
    .playlist-page__sort-name {
        width: 12px;
        height: 11px
    }

    .playlist-page__sort-name svg {
        width: 100%;
        height: 100%
    }
}

.playlist-page__list {
    max-width: 992px;
    width: 100%
}

.playlist-page__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 992px;
    width: 100%;
    color: #fff;
    padding: 8px 21px 10px;
    cursor: pointer
}

@media only screen and (max-width: 480px) {
    .playlist-page__item {
        padding: 8px 12px 10px
    }
}

.playlist-page__item:hover, .playlist-page__item.playing {
    background: linear-gradient(134.72deg, rgba(240, 60, 83, 0.36) 0%, rgba(255, 39, 120, 0.36) 101.5%), rgba(240, 60, 83, 0.36);
    border-radius: 19.5px
}

.playlist-page__item:not(:last-child) {
    margin-bottom: 3px
}

.playlist-page__item:first-child {
    border-top: 1px dashed rgba(253, 48, 119, 0.18)
}

.playlist-page__item:last-child {
    border-bottom: 1px dashed rgba(253, 48, 119, 0.18)
}

.playlist-page__item:nth-child(2n) {
    border-top: 1px dashed rgba(253, 48, 119, 0.18);
    border-bottom: 1px dashed rgba(253, 48, 119, 0.18)
}

.playlist-page__name {
    font-weight: 300;
    font-size: 16px
}

@media only screen and (max-width: 480px) {
    .playlist-page__name {
        font-size: 12px
    }
}

.playlist-page__time {
    font-weight: bold;
    font-size: 16px;
    margin-right: 44px
}

@media only screen and (max-width: 480px) {
    .playlist-page__time {
        font-size: 12px;
        margin-right: 15px
    }
}

.playlist-page__icon {
    width: 24px;
    height: 17px;
    padding-left: 5px;
    margin-left: auto
}

.advertising {
    background-color: #1A1F33;
    padding: 32px 0 128px;
    color: #fff
}

@media only screen and (max-width: 1030px) {
    .advertising {
        padding: 24px 0 52px
    }
}

@media only screen and (max-width: 480px) {
    .advertising {
        padding: 30px 0 52px
    }
}

.advertising__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.advertising__title {
    margin-bottom: 50px
}

@media only screen and (max-width: 991px) {
    .advertising__title {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 480px) {
    .advertising__title {
        margin-bottom: 20px
    }
}

.advertising__inner {
    max-width: 992px;
    width: 100%
}

@media only screen and (max-width: 570px) {
    .advertising__inner .contact-form__inputs-wrapper label {
        max-width: unset
    }
}

@media only screen and (max-width: 480px) {
    .advertising__inner .contact-form {
        padding-bottom: 56px
    }
}

.advertising__content ul li, .advertising__content2 ul li {
    position: relative;
    font-weight: 300;
    font-size: 17px;
    padding-left: 30px
}

@media only screen and (max-width: 480px) {
    .advertising__content ul li, .advertising__content2 ul li {
        font-size: 13px;
        padding-left: 20px
    }
}

.advertising__content ul li:not(:last-child), .advertising__content2 ul li:not(:last-child) {
    margin-bottom: 20px
}

.advertising__content ul li:after, .advertising__content2 ul li:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4zNjMzIDAuMjY5MjlDMTQuNjczNCAtMC4xODg5MTYgMTMuNzA0MiAtMC4wNDczMTQyIDEzLjE5OTUgMC41Nzk0NzdMNS4zNjk1NSAxMC4zNDEyTDIuNzYzNDEgNy4zNDAxOEMyLjIzMjM0IDYuNzMwNjggMS4yNTg4OCA2LjYyNjkzIDAuNTg4OTczIDcuMTA3OEMtMC4wODI5ODg1IDcuNTg4NjMgLTAuMTk2MDczIDguNDc1ODMgMC4zMzI5NzggOS4wODMyN0w1LjQ2NzkyIDE1TDE1LjcwMTkgMi4yMzYxMkMxNi4yMDY2IDEuNjA3MjMgMTYuMDU1MiAwLjcyNzQ5NiAxNS4zNjMzIDAuMjY5MjlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMF8xNzk2KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzBfMTc5NiIgeDE9Ii04LjA4IiB5MT0iNy42NSIgeDI9IjcuMTk3ODkiIHkyPSIyMy43ODY2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2QzY2RkUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzUyNEZGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==)
}

@media only screen and (max-width: 480px) {
    .advertising__content ul li:after, .advertising__content2 ul li:after {
        width: 9px;
        height: 9px;
        background-size: cover
    }
}

.advertising__content {
    margin-bottom: 72px
}

@media only screen and (max-width: 991px) {
    .advertising__content {
        padding-left: 26px
    }
}

@media only screen and (max-width: 480px) {
    .advertising__content {
        padding-left: 28px;
        margin-bottom: 38px
    }
}

.advertising__content strong {
    margin-top: 12px;
    margin-bottom: 12px;
    display: inline-block
}

@media only screen and (max-width: 480px) {
    .advertising__content strong {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.advertising__content2 {
    margin-bottom: 28px
}

.advertising__content2 h3 {
    margin-bottom: 6px
}

.advertising__price-table {
    border-radius: 21px;
    overflow: hidden
}

.advertising__item.heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.advertising__heading {
    text-align: center;
    width: 33.333%;
    font-weight: 300;
    font-size: 16px
}

@media only screen and (max-width: 1030px) {
    .advertising__heading {
        font-size: 12px
    }
}

.advertising__list {
    border-radius: 21px;
    background-color: #171A29;
    overflow: hidden
}

.advertising__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #171A29
}

@media only screen and (max-width: 1030px) {
    .advertising__item {
        padding: 27px 15px
    }
}

@media only screen and (max-width: 480px) {
    .advertising__item {
        padding: 21px 15px
    }
}

.advertising__item p {
    margin-bottom: 0
}

.advertising__item:nth-child(2n) {
    background: linear-gradient(134.72deg, rgba(240, 60, 83, 0.03) 0%, rgba(255, 39, 120, 0.03) 101.5%), rgba(240, 60, 83, 0.03);
    border-top: 1px dashed rgba(240, 60, 83, 0.2);
    border-bottom: 1px dashed rgba(240, 60, 83, 0.2)
}

@media only screen and (max-width: 480px) {
    .advertising__item.heading {
        padding: 4px 8px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.advertising__quantity-of-shown {
    width: 33.333%;
    font-weight: 300;
    font-size: 22px;
    text-align: center
}

@media only screen and (max-width: 1030px) {
    .advertising__quantity-of-shown {
        font-size: 11px
    }
}

.advertising__package-name {
    width: 33.333%;
    font-weight: 700;
    font-size: 22px;
    color: #AA95FF;
    text-align: center
}

@media only screen and (max-width: 1030px) {
    .advertising__package-name {
        font-size: 11px
    }
}

.advertising__advertising-period {
    width: 33.333%;
    font-weight: 300;
    font-size: 22px;
    text-align: center
}

@media only screen and (max-width: 1030px) {
    .advertising__advertising-period {
        font-size: 11px
    }
}

.advertising .contact-form {
    margin-bottom: 86px
}

@media only screen and (max-width: 768px) {
    .advertising .contact-form {
        margin-bottom: 58px
    }
}

.advertising .playlist {
    margin-left: auto;
    top: -112px
}

@media only screen and (max-width: 1470px) {
    .advertising .playlist {
        top: 0;
        margin: 50px auto 0
    }
}

@media only screen and (max-width: 768px) {
    .advertising .playlist {
        margin: 58px auto 0
    }
}

.contacts {
    background-color: #1A1F33;
    padding: 29px 0 88px
}

@media only screen and (max-width: 480px) {
    .contacts {
        padding: 32px 0 50px
    }
}

.contacts__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 1199px) {
    .contacts__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.contacts__inner {
    max-width: 855px;
    width: 100%
}

@media only screen and (max-width: 1470px) {
    .contacts__inner {
        margin: 0 auto;
        max-width: 700px
    }
}

@media only screen and (max-width: 1199px) {
    .contacts__inner {
        max-width: 855px
    }
}

@media only screen and (max-width: 570px) {
    .contacts__inner .contact-form__inputs-wrapper label {
        max-width: unset
    }
}

.contacts__title {
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .contacts__title {
        margin-bottom: 20px
    }
}

.contacts__content {
    margin-bottom: 120px
}

@media only screen and (max-width: 991px) {
    .contacts__content {
        margin-bottom: 50px;
        padding-left: 26px
    }
}

@media only screen and (max-width: 480px) {
    .contacts__content {
        margin-bottom: 17px
    }
}

@media only screen and (max-width: 480px) {
    .contacts__content {
        padding-left: 26px
    }
}

.contacts__content .site-footer__menu_contacts {
    padding-left: 33px;
    margin-top: 32px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media only screen and (max-width: 991px) {
    .contacts__content .site-footer__menu_contacts {
        margin-top: 15px
    }
}

@media only screen and (max-width: 768px) {
    .contacts__content .site-footer__menu_contacts a {
        text-align: left;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 480px) {
    .contacts__content .site-footer__menu_contacts a {
        margin-bottom: 34px
    }
}

@media only screen and (max-width: 768px) {
    .contacts__content .site-footer__menu_contacts a:after {
        top: 3px;
        left: -34px;
        -webkit-transform: none;
        transform: none
    }
}

.contacts__content a:not(.point):not(.phone):not(.mail) {
    font-family: "Mulish", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    color: #AC92FA
}

@media only screen and (max-width: 768px) {
    .contacts__content a:not(.point):not(.phone):not(.mail) {
        font-weight: 300;
        font-size: 13px
    }
}

.contacts .playlist {
    margin-left: auto;
    top: -108px
}

@media only screen and (max-width: 1470px) {
    .contacts .playlist {
        top: 0;
        margin: 50px auto 0
    }
}

@media only screen and (max-width: 768px) {
    .contacts .playlist {
        margin: 52px auto 0
    }
}

.stream {
    padding-bottom: 102px;
    position: relative;
    z-index: 2
}

.stream .playlist {
    margin-top: -120px;
    position: relative;
    z-index: 101
}

@media screen and (max-width: 1024px) {
    .stream .playlist {
        margin-top: 0
    }
}

.stream-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px
}

@media screen and (max-width: 768px) {
    .stream-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px
    }
}

.stream-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 40px
}

@media screen and (max-width: 1024px) {
    .stream-items {
        margin-bottom: 54px
    }
}

@media screen and (max-width: 768px) {
    .stream-items {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.stream-item {
    color: #FFF;
    font-family: "Mulish", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px
}

.stream-item.active {
    color: #F03C53
}

@media screen and (max-width: 768px) {
    .stream-item {
        font-size: 24px
    }
}

.stream-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 70px;
    padding-top: 30px;
    padding-bottom: 18px
}

.stream-top__link {
    padding: 16px 25px 16px 76px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: none;
    position: relative;
    border-radius: 25px;
    background: linear-gradient(135deg, #6C66FE 0%, #935BF2 100%), #102D63;
    color: #FFF;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    line-height: 122%;
    font-style: normal;
    font-weight: 400
}

.stream-top__link.desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1024px) {
    .stream-top__link.desktop {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .stream-top__link.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 43px
    }
}

.stream-top__icon {
    position: absolute;
    left: 0;
    top: -7px;
    background-color: #303B6C;
    width: 65px;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.stream-top__icon svg {
    width: 36px;
    height: 36px
}

.stream-active {
    border-radius: 31px;
    overflow: hidden;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media screen and (max-width: 768px) {
    .stream-active {
        padding: 14px 12px;
        text-align: center;
        gap: 10px
    }
}

.stream-active:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.216;
    background: linear-gradient(135deg, #F03C53 0%, #FF2778 100%), #F03C53
}

.stream-active__title {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #FFF;
    font-family: "Mulish", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 129%;
    text-transform: uppercase
}

.stream-active__track {
    position: relative;
    z-index: 2;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

@media screen and (max-width: 768px) {
    .stream-active__track {
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.stream-active__text {
    color: #FFF;
    font-family: "Mulish", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 129%;
    opacity: 0.68
}

.player {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.bitrate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px
}

.bitrate-btn {
    border-radius: 12px;
    border: 1px solid #FFF;
    color: #FFF;
    text-align: center;
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 5px 14px
}

@media screen and (max-width: 768px) {
    .bitrate-btn {
        padding: 4px 10px;
        font-size: 12px
    }
}

.bitrate-btn.active {
    color: #7862FA;
    background-color: #fff
}

.go-stream {
    position: relative;
    padding: 14px 25px 14px 70px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.go-stream:before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 25px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #F03C53 0%, #FF2778 100%), #F03C53;
    opacity: 0.6
}

.go-stream svg {
    position: absolute;
    left: -14px;
    top: -12px;
    z-index: 2
}

.go-stream span {
    color: #FFF;
    text-align: center;
    font-family: "Mulish", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    z-index: 2;
    position: relative
}

@media screen and (max-width: 768px) {
    .player {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}