@charset 'utf-8';
body,
button,
img,
input {
    margin: 0;
    padding: 0
}

.page-wrapper,
body {
    height: auto;
    padding: 0;
    position: relative
}

.body-no-scroll,
.page-wrapper {
    overflow: hidden
}

.page-wrapper,
.show-all-link,
body {
    position: relative
}

@font-face {
    font-family: 'Minion Pro';
    font-display: swap;
    src: url(../fonts/minion/MinionPro-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Pribambas Regular';
    font-display: swap;
    src: url(../fonts/pribambas/Pribambas-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Museo Sans Cyrl 100';
    font-display: swap;
    src: url(../fonts/museo/MuseoSansCyrl-100Italic.woff) format('woff');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Museo Sans Cyrl 300';
    font-display: swap;
    src: url(../fonts/museo/MuseoSansCyrl-300.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Museo Sans Cyrl 500';
    font-display: swap;
    src: url(../fonts/museo/MuseoSansCyrl-500.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Museo Sans Cyrl 700';
    font-display: swap;
    src: url(../fonts/museo/MuseoSansCyrl-700.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Museo Sans Cyrl 900';
    font-display: swap;
    src: url(../fonts/museo/MuseoSansCyrl-900.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

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

.page-heading-h1,
.page-heading-h2 {
    width: 100%;
    font-weight: 400;
    text-align: left
}

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

a {
    text-decoration: none
}

.inline-link,
.show-all-link {
    text-decoration: underline;
    cursor: pointer
}

.show-all-link.visible-on-mobile {
    margin-bottom: 0px;	margin-top:5px;
}

* {
    box-sizing: border-box
}

button,
button:active,
button:focus,
button:hover,
input,
input:active,
input:focus,
input:hover {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    text-shadow: none;
    border: none;
    border-radius: 0
}

img {
    outline: 0;
    border: none
}

body {
    z-index: 0;
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    font-family: 'Museo Sans Cyrl 500', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga', 'kern';
    -moz-font-feature-settings: 'liga', 'kern'
}

.blur-body-wait {
    background: #fff;
    background-image: url(../images/page/loader.gif);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
    height: 100%;
    position: fixed;
    z-index: 9999;
    opacity: .7
}

.page-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-width: 320px;
    min-height: 100vh;
    margin: 0 auto
}

.form-register .g-recaptcha {
    margin-bottom: 30px
}

.page-heading-h1 {
    display: block;
    margin: 0;
    padding: 12px 0 32px;
    font-family: 'Pribambas Regular', sans-serif;
    font-size: 38px;
    font-style: normal;
    line-height: 40px;
    color: #70a013;
    text-transform: uppercase
}

.page-heading-h1_inner {
    padding-top: 0;
    font-size: 46px;
    line-height: 46px
}

.page-heading-h1_why {
    padding: 12px 0 50px
}

@media screen and (max-width:767px) {
    .page-heading-h1_why {
        font-size: 28px;
        line-height: 30px;
        margin-top: 35px;
        padding-left: 20px;
        padding-right: 20px;
        color: #1d2541
    }
    ul.marked-list {
        padding-left: 20px;
        padding-right: 20px
    }
    .page-heading-h1_song {
        max-width: 70%;
        font-size: 28px;
        line-height: 30px;
        color: #1d2541;
        margin-top: 20px;
        padding-bottom: 10px
    }
}

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

.flex-inline-container {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.song-author {
    display: block;
    width: 100%;
    height: 16px;
    margin-bottom: 25px;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #767676
}

.comment,
.comments {
    height: auto;
    display: block
}

.page-heading-h2,
.page-heading-h3 {
    font-family: 'Pribambas Regular', sans-serif;
    text-transform: uppercase
}

.page-heading-h2 {
    display: block;
    margin: 12px 0 15px;
    padding: 0;
    font-size: 28px;
    font-style: normal;
    line-height: 1;
    color: #1d2541
}

@media screen and (max-width:767px) {
    .page-heading-h2 {
        margin-left: 20px
    }
    .page-heading-h2_mobile {
        display: none
    }
}

.close-mobile-button {
    display: none;
    position: fixed;
    top: 5px;
    left: 10px;
    background: #fff;
    padding: 0 10px;
    border-radius: 20px;
    color: #034160
}

.close-mobile-button:hover {
    opacity: .8
}

.player-mobile-menu-page_visible .close-mobile-button {
    display: block
}

@media screen and (min-width:1024px) {
    .page-heading-h2_bottom-block {
        min-height: 64px;
        max-width: 260px
    }
}

.page-heading-h2_no-margin-top {
    margin-top: 0
}

.page-heading-h2_reduced-margin-bottom {
    margin-bottom: 8px
}

.page-heading-h2_greeny {
    color: #70a013
}

.page-heading-h2_nested {
    font-size: 35px;
    width: auto;
    margin: 0
}

.page-heading-h3,
.page-text {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    text-align: left
}

@media screen and (max-width:767px) {
    .page-heading-h2_strange {
        padding-left: 20px
    }
    .page-heading-h2_other {
        font-size: 22px
    }
    .page-heading-h3_padding-top-15 {
        padding-top: 15px
    }
    .mobile-center {
        text-align: center
    }
    .player-block__inner-image-container {
        float: left;
        margin-right: 15px;
        width: 25%
    }
    .osprey-page-section-content .block-player__inner-body p {
        margin-left: 0
    }
}

.page-heading-h2_doublenote,
.page-heading-h2_favorites,
.page-heading-h2_globe,
.page-heading-h2_note,
.page-heading-h2_top10 {
    padding-left: 60px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 50%
}

.page-heading-h2_sidebar {
    font-size: 25px;
    line-height: 28px
}

.page-heading-h2_top10 {
    width: auto;
    color: #919191;
    min-height: 44px;
    line-height: 44px;
    position: relative
}

.page-heading-h2_top10:before {
    top: 50%;
    left: 0;
    width: 44px;
    content: '';
    height: 42px;
    position: absolute;
    background-position: 0 50%;
    background-size: 44px 42px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-image: url(../images/icons/heading-top10.png)
}

.page-heading-h2_globe {
    min-height: 44px;
    background-image: url(../images/icons/heading-globe.png);
    background-size: 43px 43px
}

.page-heading-h2_note {
    min-height: 44px;
    background-image: url(../images/icons/heading-note.png);
    background-size: 39px 44px
}

.page-heading-h2_doublenote {
    min-height: 44px;
    background-image: url(../images/icons/heading-doublenote.png);
    background-size: 46px 44px
}

.page-heading-h2_favorites {
    min-height: 45px;
    margin-bottom: 14px;
    padding-top: 0;
    background-image: url(../images/icons/heading-note-orange.png);
    background-size: 43px 43px
}

.page-heading-h3 {
    margin: 0;
    padding: 10px 0 20px;
    font-size: 22px;
    line-height: 24px;
    color: #1d2541
}

.page-heading-h3_blue {
    font-size: 25px;
    color: #04aeda
}

.page-heading-h3_padding-bottom-15 {
    padding-bottom: 15px
}

@media screen and (max-width:767px) {
    .page-heading-h2_top10:before {
        top: 40%
    }
    .heading-accordion {
        width: 100%;
        position: relative;
        height: auto;
        min-height: 30px;
        background-color: #f9f9f9;
        border-radius: 8px;
        color: #70a013;
        background-image: none;
        margin-top: 0;
        margin-bottom: 4px;
        padding: 10px 50px 15px 20px;
        font-size: 22px;
        margin-left: 0;
        line-height: 22px
    }
}

.page-text {
    margin: 0;
    padding: 0 0 22px;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #4d4d4d
}

.inline-link {
    display: inline;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit
}

.inline-link:active,
.inline-link:focus,
.inline-link:hover {
    color: #06afda
}

.inline-link:visited {
    color: inherit
}

.inline-link:visited:active,
.inline-link:visited:focus,
.inline-link:visited:hover {
    color: #06afda
}

.inline-link_block {
    display: block
}

.inline-link_inline-block,
.show-all-link {
    display: inline-block
}

.show-all-link {
    width: 100%;
    height: auto;
    min-height: 20px;
    margin: 35px 0 0;
    padding: 0 0 0 19px;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
    text-align: left;
    color: #ff5715
}

.player-mobile-menu-page .show-all-link {
    padding: 0
}

.show-all-link:before,
.show-all-link_list:after {
    content: '\02192';
    font-family: 'Minion Pro', serif;
    text-align: left;
    top: 0;
    line-height: 20px;
    font-style: normal;
    z-index: 1;
    display: inline-block;
    margin-left: 10px;
    margin-top: -2px
}

.show-all-link:before {
    font-size: 12px;
    font-weight: 400;
    color: #0d1943;
    left: 0
}@media screen and (max-width: 768px) {	.show-all-link:before {		margin-left: 4px;		margin-right: 10px;	}}

.show-all-link:active:before,
.show-all-link:focus:before,
.show-all-link:hover:before {
    color: #ff5715
}

.show-all-link-btn {
    color: #fff;
    width: auto;
    padding: 20px 40px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    background-color: #ff5c1d
}

.show-all-link-btn:before {
    color: #fff;
    margin-left: 0;
    margin-right: 10px
}

@media (max-width:767px) {
    .show-all-link-btn {
        width: 100%
    }
    .show-all-link_player-mobile-menu {
        margin-top: 0;
        margin-bottom: 18px
    }
    .show-all-link_player-mobile-menu.js-close-button-filter {
        margin-top: 45px;
    }
    .show-all-link_player-mobile-menu:before {
        margin-left: 0;
        margin-right: 10px
    }
}

@media (max-width:1023px) {
    .show-all-link_margin-bottom {
        margin-bottom: 35px
    }
}

.show-all-link_list {
    padding: 0 16px 0 20px;
    font-size: 14px
}

.show-all-link_list:before {
    display: none
}

.show-all-link_list:after {
    font-size: 12px;
    color: #0d1943;
    right: 0
}

.show-all-link_list:active:after,
.show-all-link_list:focus:after,
.show-all-link_list:hover:after {
    color: #ff5715
}

.show-all-link_list span {
    display: inline-block;
    padding-left: 4px;
    color: #000;
    text-decoration: none
}

.heading-with-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 727px;
    margin-top: 50px;
    margin-bottom: 35px
}

.new-comment {
    display: block;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
    text-align: right;
    color: #ff5715;
    cursor: pointer;
    text-decoration: underline
}

.comments {
    width: 100%;
    margin-bottom: 20px;
    max-width: 727px
}

.comment-container {
    margin-bottom: 20px
}

.comment {
    width: 100%;
    margin: 0;
    padding: 25px 30px;
    background-color: #f9f9f9;
    border-radius: 6px
}

.comment-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 20px
}

@media screen and (max-width:767px) {
    .comment {
        padding: 20px
    }
    .comment-title {
        height: 36px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.comment-title__author {
    display: block;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 25px;
    line-height: 25px;
    text-align: left;
    color: #04aeda
}

@media screen and (max-width:767px) {
    .comment-title__author {
        font-size: 16px;
        line-height: 16px;
        height: 16px
    }
    .comment-title__date {
        font-size: 14px;
        line-height: 14px;
        height: 20px
    }
}

.comment-title__date,
.comment-title__likes {
    height: 20px;
    display: block;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    text-align: left
}

.comment-response .comment-title__author {
    padding-left: 25px;
    background-image: url(../images/icons/response-icon.png);
    background-position: 0 50%;
    background-size: 16px 17px;
    background-repeat: no-repeat
}

.comment-title__date {
    padding-top: 6px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 14px;
    line-height: 14px;
    color: #bdbdbd
}

.comment-title__likes {
    font-size: 16px;
    line-height: 16px;
    padding-top: 4px;
    color: #04aeda;
    background-image: url(../images/player/likes.png);
    background-repeat: no-repeat;
    background-size: 15px 16px;
    background-position: 0 50%;
    margin-left: 12px;
    cursor: pointer;
    padding-left: 20px
}

.comment-title__likes.player__likes_green {
    background-image: url(../images/player/likes-green.png)
}

.comment-text {
    display: block;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    color: #1d2541
}

@media screen and (max-width:767px) {
    .comment-text {
        font-size: 12px;
        line-height: 18px
    }
}

.comment-respond {
    display: inline-block;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    cursor: pointer;
    color: #ff5715;
    text-decoration: underline
}

.comment-respond:active,
.comment-respond:focus,
.comment-respond:hover {
    color: #04aeda
}

.comment-response {
    display: block;
    width: auto;
    margin-left: 19px;
    margin-top: 2px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding: 25px 30px
}

@media screen and (max-width:767px) {
    .comment-response {
        margin-left: 0;
        padding: 20px
    }
}

.comment-respond-form {
    display: block;
    width: 100%;
    max-width: 727px;
    border-radius: 6px
}

.comment-respond-form__comment {
    background-color: #c8edf7;
    border-radius: 6px;
    padding: 10px
}

.comment-respond-form-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

@media screen and (max-width:767px) {
    .comments,
    .comment-respond-form {
        width: auto;
        margin: 0 5px
    }
    .comment-respond-form__comment {
        padding: 20px
    }
    .comment-respond-form-title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.comment-respond-form-title span {
    display: block;
    font-family: 'Pribambas Regular', sans-serif;
    font-size: 25px;
    color: #04aeda;
    text-transform: uppercase;
    text-align: left;
    line-height: 47px;
    padding-left: 20px
}

@media screen and (max-width:1023px) {
    .comment-respond-form-title span {
        padding-left: 0;
        font-size: 20px
    }
}

label.comment-respond-form-title__label {
    display: block;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 15px;
    line-height: 47px;
    color: #1d2541
}

@media screen and (min-width:768px) and (max-width:1023px) {
    label.comment-respond-form-title__label {
        font-size: 13px
    }
}

@media screen and (max-width:767px) {
    label.comment-respond-form-title__label {
        line-height: 22px
    }
}

.comment-respond-form__textarea,
input.comment-respond-form-title__input {
    background-color: #fff;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    line-height: 20px
}

input.comment-respond-form-title__input {
    display: inline-block;
    height: 47px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 20px;
    color: #04aeda;
    margin-left: 10px
}

@media screen and (min-width:768px) and (max-width:1023px) {
    input.comment-respond-form-title__input {
        width: 170px;
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    input.comment-respond-form-title__input {
        display: block;
        margin-left: 0
    }
    .comment-respond-form__captcha-container {
        width: 100%
    }
}

.comment-respond-form__textarea {
    display: block;
    width: 100%;
    border: none;
    border-radius: 6px;
    padding: 20px;
    height: 223px;
    overflow-y: auto;
    font-size: 15px;
    color: #1d2541;
    resize: none
}

.comment-respond-form__submit-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-height: 140px;
    margin: 0 0 20px;
    padding: 16px;
    background-color: #f8f8f8;
    border-radius: 6px
}

@media screen and (max-width:1023px) {
    .comment-respond-form__submit-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.comment-respond-form__captcha-container {
    display: block;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 0 10px 10px 0
}

.comment-respond-form__captcha-container img {
    display: block;
    width: 100%;
    height: auto
}

button.comment-respond-form__submit {
    display: block;
    width: 271px;
    min-width: 250px;
    height: 60px;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #fff;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0;
    padding: 0 10px;
    text-transform: uppercase;
    background-color: #ff5715;
    border-radius: 6px;
    cursor: pointer;
    transition: all .25s ease
}

button.comment-respond-form__submit:active,
button.comment-respond-form__submit:focus,
button.comment-respond-form__submit:hover {
    border-radius: 6px;
    background-color: #04aeda;
    transition: all .25s ease
}

@media screen and (max-width:767px) {
    button.comment-respond-form__submit {
        margin: 0 auto
    }
    .header-content .yandex-share-block {
        -ms-flex-order: 4;
        order: 4
    }
}

.yandex-share-block {
    display: block;
    width: auto;
    height: auto;
    margin-top: 18px;
    margin-bottom: 30px
}

@media screen and (max-width:767px) {
    .yandex-share-block {
        display: none
    }
}

.yandex-share-block_no-margin-top {
    margin-top: 0
}

.yandex-share-centered-container {
    display: block;
    width: 100%;
    height: 24px;
    text-align: center;
    margin-bottom: 2px;
    line-height: 24px
}

.yandex-share-block_centered {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin: 0 auto
}

.header-content .yandex-share-block {
    margin: 0 auto
}

.pagination,
.songs-sort-block {
    -ms-flex-direction: row;
    align-content: center;
    max-width: 727px
}

.favourites-playlist {
    display: block;
    font-family: 'Pribambas Regular', sans-serif;
    font-size: 22px;
    line-height: 24px;
    color: #42c0ff
}

.favourites-playlist-count {
    color: #c2b59b
}

.favourites-playlist-icon {
    min-height: 45px;
    padding-top: 0;
    background-image: url(../images/icons/heading-note-orange.png);
    background-size: 43px 43px;
    padding-left: 55px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 50%
}

.header__login {
    min-height: 45px;
    padding-top: 0;
    background-image: url(../images/icons/header-login.png);
    background-size: 43px 43px;
    padding-left: 43px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 50%
}

.header,
.header-fixed-block__songs span,
.header-fixed-block__sorter span,
.header-fixed-block__user,
.search__submit,
ul.marked-list li {
    background-repeat: no-repeat
}

.marked-text {
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 14px;
    color: #1d2541
}

.ya-share2__container_size_s {
    text-align: center
}

.songs-sort-block {
    background-color: #f3f3f3;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    margin: 0 0 20px
}

.songs-sort-block__label {
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #747783
}

.songs-sort-block__label_active {
    color: #fff;
    background-color: #04aeda;
    position: relative;
    border-radius: 10px
}

.songs-sort-block__label_active:before {
    bottom: -10px;
    left: 50%;
    content: '';
    transform: translateX(-50%);
    position: absolute;
    border: 5px solid transparent;
    border-top: 5px solid #04aeda
}

.pagination {
    display: block;
    height: auto
}

@media screen and (min-width:768px) {
    .pagination {
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin: 30px 0
    }
}

.header-content,
.pagination__list {
    -ms-flex-direction: row;
    align-content: center
}

.pagination__next,
.pagination__prev {
    display: inline-block;
    margin: 0;
    line-height: 37px;
    width: auto;
    height: 37px;
    text-decoration: underline;
    cursor: pointer
}

.pagination__prev {
    padding: 0 10px 0 16px;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 14px;
    text-align: left;
    color: #ff5715;
    position: relative
}

.pagination__prev::before {
    content: '\02190';
    font-family: 'Minion Pro', serif;
    font-size: 12px;
    line-height: 37px;
    text-align: left;
    color: #0d1943;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.pagination__prev:active::before,
.pagination__prev:focus::before,
.pagination__prev:hover::before {
    color: #ff5715
}

.pagination__next {
    padding: 0 16px 0 10px;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 14px;
    text-align: right;
    color: #ff5715;
    position: relative
}

.pagination__next::before {
    content: '\02192';
    font-family: 'Minion Pro', serif;
    font-size: 12px;
    line-height: 37px;
    text-align: left;
    color: #0d1943;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.pagination__link,
ul.marked-list li {
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 14px
}

.pagination__next:active::before,
.pagination__next:focus::before,
.pagination__next:hover::before {
    color: #ff5715
}

.pagination__list {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__link {
    display: block;
    width: auto;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 37px;
    margin: 0 4px;
    padding: 0 3px;
    line-height: 35px;
    text-align: center;
    color: #000;
    border-radius: 6px;
    border: 1px solid transparent
}

ul.dotted-list,
ul.marked-list,
ul.marked-list li {
    display: block;
    width: 100%
}

.pagination__link:active,
.pagination__link:focus,
.pagination__link:hover {
    border-color: #ff5715;
    color: #ff5715
}

.pagination__link_active {
    background-color: #f3f3f3;
    color: #1b98b8;
    border-color: #f3f3f3;
    pointer-events: none
}

ul.marked-list {
    height: auto
}

ul.marked-list li {
    height: auto;
    min-height: 25px;
    margin: 0 0 22px;
    padding: 0 0 0 40px;
    background-color: transparent;
    background-image: url(../images/icons/list-check-marker.png);
    background-size: 25px 25px;
    background-position: 0 0;
    line-height: 22px;
    text-align: left;
    color: #1d2541
}

ul.dotted-list li a,
ul.dotted-list li a::before {
    font-size: 16px;
    line-height: 22px;
    color: #363a49;
    font-weight: 400
}

ul.dotted-list {
    height: auto;
    text-align: left
}

@media screen and (max-width:767px) {
    ul.dotted-list {
        padding: 0 10px
    }
}

ul.dotted-list li {
    display: inline-block;
    width: 32.6%;
    padding: 0 20px 10px;
    vertical-align: top
}

@media screen and (max-width:767px) {
    ul.dotted-list li {
        width: 100%;
        padding: 0
    }
    .header {
        margin-top: 41px
    }
}

.songs-sort-mobile {
    color: #fff;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase
}

.songs-sort-mobile-sort {
    background-color: #09add9;
    width: 60%
}

.songs-sort-mobile-filter {
    width: 40%;
    background-color: #35bde1
}

.songs-sort-mobile-sort-icon {
    width: 5px;
    height: 5px;
    margin-bottom: -5px;
    display: inline-block;
    border: 5px solid transparent;
    border-top: 10px solid #fff
}

ul.dotted-list.dotted-list_one-column li {
    width: 100%
}

ul.dotted-list.dotted-list_sidebar li {
    width: 100%;
    padding: 0
}

@media screen and (min-width:768px) and (max-width:1023px) {
    ul.dotted-list.dotted-list_sidebar li {
        width: 32.6%;
        padding: 0
    }
    ul.dotted-list.dotted-list_two-columns-on-tablet li {
        width: 49%
    }
}

ul.dotted-list li a {
    display: block;
    text-align: left;
    position: relative;
    padding-left: 13px
}

ul.dotted-list li a::before {
    content: '\000B7';
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

ul.dotted-list li a:active,
ul.dotted-list li a:focus,
ul.dotted-list li a:hover {
    text-decoration: underline;
    color: #06afda
}

ul.dotted-list.dotted-list_sidebar li a {
    font-size: 15px;
    line-height: 20px
}

ul.dashed-list li a,
ul.dashed-list li a::before {
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #1d2541
}

ul.dashed-list {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 20px
}

ul.dashed-list li {
    display: block;
    width: 100%
}

ul.dashed-list li a {
    display: block;
    font-weight: 400;
    text-align: left;
    position: relative;
    padding: 9px 0 9px 18px;
    border-bottom: 1px dashed #1f294610
}

ul.dashed-list li a span {
    color: #368abc
}

ul.dashed-list li a::before {
    left: 0;
    top: 50%;
    z-index: 1;
    content: '';
    position: absolute;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left: 5px solid #1f79a3
}

.header {
    display: block;
    width: 100%;
    height: 175px;
    background-color: #003c51;
    /* background-image: url(../images/header/header-bg-min.jpg); */
    background-image: url(../images/header/header-bg-min.webp);
    background-repeat: repeat-x;
    background-size: cover;
    background-position: 0 0
}
.no-webp .header {
    background-image: url(../images/header/header-bg-min.jpg);
}

@media (min-width: 768px) {
    .header {
        height: 255px;
        background-image: url(../images/header/header-bg.webp);
    }
    .no-webp .header {
        background-image: url(../images/header/header-bg.jpg);
    }
}

@media (min-width: 1222px) {
    .header {
        background-size: contain;
    }
}

.header-content,
.logo {
    display: -ms-flexbox;
    height: auto
}

.header-content,
.search {
    background-color: transparent
}

.header-content {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1047px;
    min-width: 320px;
    min-height: 100px;
    margin: 0 auto;
    padding: 44px 20px 0
}

.header-fixed-block,
.logo,
.logo_footer {
    align-content: flex-start
}

@media screen and (max-width:767px) {
    .header-content {
        padding: 20px;
        flex-wrap: wrap;
        position: relative;
    }
    .osprey-grid-container .page-heading-h2_top10 {
        color: #1d2541;
        padding-left: 50px;
        margin-top: 0;
        margin-bottom: 0
    }
}

.logo {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:767) {
    .logo {
        -ms-flex-order: 1;
        order: 1
    }
}

.logo_footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    wdith: auto;
    height: auto
}

.logo__img {
    display: block;
    width: 67px;
    height: 78px;
    margin: 0 12px 0 0;
    padding: 0;
    outline: 0
}

.logo_footer .logo__img {
    margin-right: 20px
}

@media screen and (max-width:1023px) {
    .logo__img {
        display: none
    }
    .logo_footer .logo__img {
        margin-right: 12px
    }
}

.logo__title {
    display: block;
    width: auto;
    height: 36px;
    font-family: 'Pribambas Regular', sans-serif;
    font-size: 36px;
    line-height: 20px;
    color: #42c0ff
}

.logo__title span {
    display: inline-block;
    color: #c2b59b
}

.search {
    display: block;
    width: auto;
    max-width: 260px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 42px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, .5);
    position: relative
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .search {
        max-width: 200px
    }
    .logo__title {
        font-size: 32px
    }
}

.search_list {
    display: block;
    position: absolute;
    background: #fff;
    top: 40px;
    z-index: 1;
    padding: 0;
    overflow-y: auto;
    max-height: 150px;
    width: 95%;
    margin-left: 2.5%;
    border: 1px solid #aaa
}

.search_list a {
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #aaa;
    display: block;
    font-size: 10pt;
    color: #4d4d4d
}

.search_list a:hover {
    background: #e9e9e9
}

.search:active,
.search:focus,
.search:hover {
    border-color: #fff
}

@media screen and (max-width:767px) {
    .logo__title {
        font-size: 24px
    }
    .search {
        margin: 15px 0 20px 0;
        width: 100%;
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-order: 3;
        order: 3
    }
}

.search__input,
.search__submit {
    margin: 0;
    background-color: transparent;
    display: block
}

.search__submit:hover {
    opacity: .6;
    cursor: pointer
}

.search__input {
    width: calc(100% - 48px);
    height: 40px;
    float: left;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    padding: 11px 0 11px 28px;
    font-family: 'Museo Sans Cyrl 100', sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    color: #fff
}

.search__input::-webkit-input-placeholder {
    font-family: 'Museo Sans Cyrl 100', sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    color: #fff
}

.search__input:-ms-input-placeholder {
    font-family: 'Museo Sans Cyrl 100', sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    color: #fff
}

.search__input::placeholder {
    font-family: 'Museo Sans Cyrl 100', sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    color: #fff
}

.search__submit {
    width: 48px;
    height: 42px;
    float: right;
    padding: 0;
    background-image: url(../images/icons/search-icon-white.png);
    background-position: 50% 50%;
    background-size: 18px 18px
}

.main-navigation {
    display: block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 1047px;
    min-width: 320px;
    min-height: 100px;
    margin: 0 auto;
    padding: 30px 0 0
}

.main-navigation__mobile-title {
    display: none
}

@media screen and (max-width:767px) {
    .main-navigation {
        min-width: 80vw
    }
    .main-navigation_mobile {
        height: auto
    }
    .main-navigation_mobile_active {
        height: 100%
    }
    .main-navigation ul li a,
    .main-navigation ul li span {
        padding: 20px 0
    }
    .main-navigation {
        width: 80vw;
        height: 100vh;
        position: fixed;
        display: flex;
        align-items: flex-start;
        top: 0;
        left: -100vw;
        z-index: 888;
        overflow: hidden;
        overflow-y: auto;
        background-color: #002445;
        box-shadow: 0 0 0 0 #90c5eb;
        padding: 20px;
        margin-bottom: 30px;
        transition: all .25s ease
    }
    .main-navigation__mobile-title {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0 0 14px;
        font-family: 'Museo Sans Cyrl 300', sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: #04aeda;
        text-align: left
    }
    .main-navigation .ws-label:before {
        border-top-color: #fff
    }
    .main-navigation ul.dashed-list li a::before {
        border-left-color: #fff;		display:none;
    }
}

.header-fixed-block__sorter span,
.lyrics-heading,
.main-navigation ul li a,
.main-navigation ul li span {
    font-family: 'Museo Sans Cyrl 700', sans-serif
}

.mobile-navigation__label,
.mobile-navigation__input {
    display: none
}

@media screen and (max-width:767px) {
    .mobile-navigation__label {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
        margin: 0 0 0 10px;
        -ms-flex-order: 2;
        order: 2;
        background-color: transparent;
        background-image: url(../images/header/hamburger-icon.png);
        background-position: 50% 0;
        background-size: contain;
        background-repeat: no-repeat
    }
}

.mobile-navigation__label_checked {
    background-image: url(../images/header/hamburger-close-icon.png);
    background-size: contain
}

.main-navigation_visible {
    left: 0;
    transition: all .25s ease;
    box-shadow: 13px 0 13px 0 rgba(20, 80, 106, .3)
}

.main-navigation ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    height: auto;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .main-navigation li {
        line-height: 1;
        margin-right: 50px
    }
}

.dotted-line {
    display: block;
    border-bottom: 1px dashed #70a013;
    margin: 10px 0
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .main-navigation ul {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .main-navigation ul {
        display: block
    }
}

.main-navigation>ul>li {
    display: inline-block;
    width: auto;
    min-height: 32px;
    line-height: 16px;
    margin: 0;
    padding: 0 20px
}

.main-navigation>ul>li:first-child {
    padding-left: 0
}

@media screen and (max-width:767px) {
    .main-navigation>ul>li {
        display: block;
        padding: 20px 0;
        border-top: 1px dashed rgba(50, 80, 106, .5)
    }
}

.main-navigation ul li.nested {
    position: relative
}

.main-navigation ul li.nested:hover {
    color: #ff5715
}

.main-navigation ul li.nested ul {
    display: block;
    width: auto;
    min-width: 160px;
    height: auto;
    margin: 0 auto;
    padding: 15px 20px;
    background-color: #fff;
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition: all .2s ease;
    border: 1px solid #979797;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .1);
    text-align: left
}

@media screen and (max-width:767px) {
    .main-navigation ul li.nested ul {
        display: block;
        width: 100%;
        height: 0;
        max-height: 0;
        padding: 0;
        overflow: hidden;
        position: static;
        border: none;
        background-color: transparent;
        box-shadow: none;
        opacity: 1;
        z-index: auto;
        transition: all .2s ease
    }
}

.main-navigation ul li.nested.open-nested-menu ul {
    height: auto;
    max-height: none;
    transition: all .2s ease;
    padding: 15px 20px 15px 30px
}

.main-navigation ul li.nested ul li {
    display: block;
    width: 100%;
    padding: 0 0 10px;
    font-weight: 300
}

@media screen and (min-width:768px) {
    .main-navigation ul li.nested:hover ul {
        z-index: 2;
        opacity: 1;
        transition: all .2s ease
    }
    .main-navigation ul li.nested:hover a {
        color: #ff5715
    }
    .main-navigation ul li.nested:hover ul li a {
        color: #000;
        font-size: 14px;
        text-align: left
    }
    .margin-50-on-pc {
        margin: 50px 0
    }
}

.main-navigation ul li.nested:hover ul li a:hover {
    color: #ff5715
}

.main-navigation ul li a,
.main-navigation ul li span {
    display: inline-block;    color: #fff;    text-align: left;    font-size: 12pt;    margin: 0px;    line-height: 12pt;    height: auto;    padding: 5px 0px 5px 10px;
}

.main-navigation-container {
    width: 100%
}

@media screen and (max-width:767px) {
    .main-navigation ul li {
        border-top: 1px dashed #33506a50;
        padding-right: 10px
    }
    .main-navigation-container {
        overflow-y: scroll
    }
}

@media screen and (min-width:768px) {
    .main-navigation ul li a:active,
    .main-navigation ul li a:focus,
    .main-navigation ul li a:hover,
    .main-navigation ul li span:active,
    .main-navigation ul li span:focus,
    .main-navigation ul li span:hover {
        color: #ff5715;
        text-decoration: underline
    }
}

.main-navigation ul li.nested>span {
    cursor: pointer;
    position: relative
}

.main-navigation ul li.nested>span::after {
    content: '';
    display: block;
    width: 11px;
    height: 9px;
    position: absolute;
    right: -20px;
    top: 4px;
    z-index: 1;
    background-color: transparent;
    background-image: url(../images/icons/menu-dropdown.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 11px 9px;
    transition: all .2s ease
}

@media screen and (min-width:768px) {
    .main-navigation ul li.nested:hover>span::after {
        background-image: url(../images/icons/menu-dropdown-orange.png);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        transition: all .2s ease
    }
}

.main-navigation ul li.nested.open-nested-menu>span {
    color: #ff5715
}

.main-navigation ul li.nested.open-nested-menu>span::after {
    background-image: url(../images/icons/menu-dropdown-orange.png);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: all .2s ease
}

.header-fixed-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 41px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30
}

.header-fixed-block__sorter {
    display: block;
    width: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 191px;
    height: 41px;
    padding: 6px 20px 12px;
    background-color: #02496c
}

.header-fixed-block__sorter span {
    display: inline-block;
    width: auto;
    padding: 0 20px 0 0;
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    background-color: transparent;
    background-image: url(../images/icons/header-arrow.png);
    background-size: 11px 9px;
    background-position: 100% 50%
}

.header-fixed-block__songs span,
.player__track-name {
    font-family: 'Museo Sans Cyrl 300', sans-serif
}

.header-fixed-block__user {
    display: block;
    width: 53px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 41px;
    background-color: #023657;
    background-image: url(../images/icons/header-user.png);
    background-size: 15px 16px;
    background-position: 50% 50%
}

.header-fixed-block__songs {
    display: block;
    width: 76px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 41px;
    padding: 6px;
    background-color: #012747;
    text-align: center
}

.header-fixed-block__songs span {
    display: inline-block;
    width: auto;
    padding: 2px 0 0 25px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #04aeda;
    background-color: transparent;
    background-image: url(../images/icons/header-star.png);
    background-size: 17px 17px;
    background-position: 0 50%
}

.header-fixed-menu {
    display: block;
    height: calc(100vh - 50px);
    width: 100vw;
    position: fixed;
    top: 50px;
    right: -100vw;
    z-index: 888;
    transition: all .2s ease;
    background-color: #04aeda
}

.header-fixed-menu:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px;
    border-color: transparent transparent #04aeda;
    position: absolute;
    top: -8px;
    left: 148px
}

.header-fixed-menu__container {
    display: block;
    width: calc(100% - 40px);
    height: calc(100% - 20px);
    position: absolute;
    top: 10px;
    left: 20px;
    margin: 0;
    padding: 0;
    overflow-y: auto
}

.header-fixed-menu_visible {
    right: 0;
    transition: all .2s ease;
    box-shadow: -200px 0 113px 27px rgba(33, 61, 130, .15)
}

@media screen and (min-width:768px) {
    .animals-bg {
        background-color: #fff;
        /* background-image: url(../images/page/animals-bg.png); */
        background-image: url(../images/page/animals-bg.webp);
        background-size: auto;
        background-repeat: repeat;
        background-position: 0 0
    }
}

.login-register-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 240px;
    height: 41px;
    background-color: rgba(255, 94, 34, .2);
    border-radius: 6px;
    margin: 6px 0 20px;
    padding: 0 20px
}

.login-register-block__login,
.login-register-block__logout {
    -ms-flex-positive: 1;
    padding: 0 10px;
    display: block;
    width: auto;
    margin: 0;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase
}

.login-register-block__logout {
    height: 20px;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    line-height: 20px;
    color: #ff5715;
    text-decoration: underline
}

.login-register-block__logout:active,
.login-register-block__logout:focus,
.login-register-block__logout:hover {
    text-decoration: none;
    color: #06afda
}

.login-register-block__login {
    height: 12px;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    line-height: 12px;
    color: #ff5715;
    border-right: 1px solid #c9c9c9;
    text-decoration: underline
}

.login-register-block__login:active,
.login-register-block__login:focus,
.login-register-block__login:hover {
    text-decoration: none;
    color: #06afda
}

.login-register-block__register {
    display: block;
    width: auto;
    height: 20px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 0;
    padding: 0 25px 0 10px;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #ff5715;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 100% 50%
}

.login-register-block__register img {
    width: auto;
    height: 15px;
    display: inline-block;
    position: absolute;
    margin-left: 15px;
}

.login-register-block__register .notify-register {
    display: none;
    position: absolute;
    width: 200px;
    height: 115px;
    content: attr(data-title);
    background: #fff;
    padding: 10px;
    border: 1px solid #ff5715;
    border-radius: 10px;
    text-transform: initial;
    text-align: justify;
    z-index: 1;
    color: #ff5715;
    margin-left: -85px;
    margin-top: -145px
}

.login-register-block__register img:hover+.notify-register {
    display: block
}

.compilations,
.player {
    -ms-flex-direction: row
}

.login-register-block__register:active,
.login-register-block__register:focus,
.login-register-block__register:hover {
    text-decoration: none;
    color: #06afda
}

.compilations {
    margin-top: 40px
}

.compilations__item {
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    letter-spacing: -.3px;
    text-align: left
}

.musical-instruments {
    display: block;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    letter-spacing: -.3px;
    text-align: left
}

.author_item {
    display: flex;
    margin-bottom: 10px;
    width: 32.25%;
    flex-grow: 1;
    flex-shrink: 1;
    height: 170px;
    margin: 0 10px 10px 0;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1);
    font-size: 22px;
    line-height: 28px;
    color: #7f9ca4;
    transition: .1s all ease
}

.author_item a {
    color: #7f9ca4
}

.author_item .authors_item_body {
    display: inline-block;
    vertical-align: top;
    margin: 10px 10px 0 0
}

.author-attributes {
    display: flex;
    font-size: 16px;
    text-overflow: ellipsis;
    max-height: 50px;
    overflow: hidden;
    position: relative
}

.author-label {
    width: 150px
}

.author_item .author_item_photo {
    display: inline-block;
    width: 170px;
    height: 120px;
    overflow: hidden;
    margin: 10px;
    min-width: 170px;
    border-radius: 5px
}

.author_item img {
    display: inline-block;
    width: auto;
    height: 120px
}

.hidden-block {
    display: none
}

@media screen and (max-width:767px) {
    .compilations {
        padding: 0 10px
    }
    .author-label {
        width: 120px
    }
    .author_item {
        display: flex;
        width: 100%
    }
    .author_item a {
        color: #7f9ca4;
        font-size: 12pt;
        font-weight: 700
    }
}

.accordion-block {
    width: 50%
}

.accordion-block:first-child {
    padding-right: 28px
}

.accordion-block:last-child {
    padding-left: 28px
}

.compilations__item {
    width: 100%;
    align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    height: 140px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1);
    font-size: 22px;
    line-height: 28px;
    color: #747783;
    opacity: .75;
    transition: .1s all ease
}

.compilations__item:hover {
    opacity: 1
}

.compilations__item-image {
    width: 140px;
    height: 140px;
    flex: 0 0 140px;
    border-radius: 10px
}

.compilations__item-content {
    width: 100%;
    padding: 5px 5px 5px 30px
}

.compilations__item-name,
.compilations__item-cost {
    display: block
}

.compilations__item-name {
    margin-bottom: 10px;
    color: #1d2541;
    font-family: 'Museo Sans Cyrl 500'
}

.compilations__item-cost {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 12px;
    font-family: 'Museo Sans Cyrl 300'
}

.compilations__item:nth-child(3n) {
    margin-right: 0
}

.compilations__item .compilations__item-name-btn {
    padding-left: 17px
}
@media screen and (min-width:768px) {
	.compilations__item:active,
	.compilations__item:focus,
	.compilations__item:hover {
		-ms-transform: translate(0, -4px);
		transform: translate(0, -4px);
		transition: .2s all ease;
		box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .1)
	}}

@media screen and (min-width:768px) and (max-width:1024px) {
    .compilations__item {
        font-size: 18px;
        line-height: 24px;
        padding: 30px 100px 30px 0
    }
}

@media screen and (max-width:767px) {
    .compilations__item-content {
        padding-left: 0
    }
    .compilations__item-name {
        margin-bottom: 0
    }
    .compilations {
        margin-top: 0
    }
    .compilations__item {
        width: 100%;
        min-width: auto;
        max-width: none;
        height: auto;
        margin: 0;
        padding: 0px 0 0px 20px;
        border: none;
        border-radius: 0;
        box-shadow: none;
        font-size: 16px;
        line-height: 20px;
        color: #4a6b73
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_1 {
        background-image: url(../images/page/compilations/image-1.jpg);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: auto auto
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_1 {
        background-image: url(../images/page/compilations/image-1.jpg);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 70% auto
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_2 {
        background-image: url(../images/page/compilations/image-2.jpg);
        background-repeat: no-repeat;
        background-position: 113% 100%;
        background-size: auto
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_2 {
        background-image: url(../images/page/compilations/image-2.jpg);
        background-repeat: no-repeat;
        background-position: 60px 100%;
        background-size: auto
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_3 {
        background-image: url(../images/page/compilations/image-3.jpg);
        background-repeat: no-repeat;
        background-position: 155% 80%;
        background-size: auto
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_3 {
        background-image: url(../images/page/compilations/image-3.jpg);
        background-repeat: no-repeat;
        background-position: 90px 80%;
        background-size: auto
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_4 {
        background-image: url(../images/page/compilations/image-4.jpg);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: auto auto
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_4 {
        background-image: url(../images/page/compilations/image-4.jpg);
        background-repeat: no-repeat;
        background-position: 130px 100%;
        background-size: auto auto
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_5 {
        background-image: url(../images/page/compilations/image-5.jpg);
        background-repeat: no-repeat;
        background-position: 110% calc(100% + 15px);
        background-size: auto
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_5 {
        background-image: url(../images/page/compilations/image-5.jpg);
        background-repeat: no-repeat;
        background-position: 100px calc(100% + 15px);
        background-size: auto
    }
    .compilations__item_6 {
        background-image: url(../images/page/compilations/image-6.jpg);
        background-repeat: no-repeat;
        background-position: calc(100% + 120px) calc(100% + 25px);
        background-size: auto
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_6 {
        background-image: url(../images/page/compilations/image-6.jpg);
        background-repeat: no-repeat;
        background-position: calc(100% + 120px) calc(100% + 25px);
        background-size: auto
    }
    .compilations__item_7 {
        background-image: url(../images/page/compilations/girls.jpg);
        background-repeat: no-repeat;
        background-position: 94% 100%;
        background-size: 142px 153px
    }
    .compilations__item_cat {
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: auto 90%
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_7 {
        background-image: url(../images/page/compilations/girls.jpg);
        background-repeat: no-repeat;
        background-position: 94% 100%;
        background-size: 142px 153px
    }
    .compilations__item_8 {
        background-image: url(../images/page/compilations/boys.jpg);
        background-repeat: no-repeat;
        background-position: 94% 100%;
        background-size: 106px 164px
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_8 {
        background-image: url(../images/page/compilations/boys.jpg);
        background-repeat: no-repeat;
        background-position: 94% 100%;
        background-size: 106px 164px
    }
    .compilations__item_9 {
        background-image: url(../images/page/compilations/modern.jpg);
        background-repeat: no-repeat;
        background-position: 105% 100%;
        background-size: 167px 162px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_9 {
        background-image: url(../images/page/compilations/modern.jpg);
        background-repeat: no-repeat;
        background-position: 105% 100%;
        background-size: 167px 162px
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_10 {
        background-image: url(../images/page/compilations/cartoons.jpg);
        background-repeat: no-repeat;
        background-position: 93% 100%;
        background-size: 104px 157px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_10 {
        background-image: url(../images/page/compilations/cartoons.jpg);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 104px 157px
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_11 {
        background-image: url(../images/page/compilations/bayushki.jpg);
        background-repeat: no-repeat;
        background-position: 105% 100%;
        background-size: 154px 153px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_11 {
        background-image: url(../images/page/compilations/bayushki.jpg);
        background-repeat: no-repeat;
        background-position: 130px 100%;
        background-size: 154px 153px
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_12 {
        background-image: url(../images/page/compilations/movies.jpg);
        background-repeat: no-repeat;
        background-position: 110% 100%;
        background-size: 153px 146px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_12 {
        background-image: url(../images/page/compilations/movies.jpg);
        background-repeat: no-repeat;
        background-position: 130px 100%;
        background-size: 153px 146px
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_13 {
        background-image: url(../images/page/compilations/rufolk.jpg);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 206px 135px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_13 {
        background-image: url(../images/page/compilations/rufolk.jpg);
        background-repeat: no-repeat;
        background-position: 75px 100%;
        background-size: 206px 135px
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_14 {
        background-image: url(../images/page/compilations/classic.jpg);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 199px 164px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_14 {
        background-image: url(../images/page/compilations/classic.jpg);
        background-repeat: no-repeat;
        background-position: 100px 100%;
        background-size: 199px 164px
    }
}

@media screen and (min-width:1024px) {
    .compilations__item_15 {
        background-image: url(../images/page/compilations/animals.jpg);
        background-repeat: no-repeat;
        background-position: 96% 100%;
        background-size: 129px 162px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .compilations__item_15 {
        background-image: url(../images/page/compilations/animals.jpg);
        background-repeat: no-repeat;
        background-position: 120px 100%;
        background-size: 129px 162px
    }
}

.musical-instruments_cello,
.musical-instruments_guitar,
.musical-instruments_piano,
.musical-instruments_violin {
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: 0 0
}

.musical-instruments {
    width: 100%;
    height: 60px;
    margin: 0 0 24px;
    padding: 6px 0 6px 77px;
    font-size: 20px;
    line-height: 24px;
    color: #7f9ca4;
    transition: .1s all ease
}

.banner-container-full-width,
.banner-container-full-width img,
.banner-container-nested,
.banner-container-nested img {
    height: auto;
    display: block;
    width: 100%
}

.musical-instruments:active,
.musical-instruments:focus,
.musical-instruments:hover {
    text-decoration: underline;
    color: #ff5715
}

.musical-instruments_violin {
    background-image: url(../images/page/compilations/violin.png)
}

.musical-instruments_guitar {
    background-image: url(../images/page/compilations/guitar.png)
}

.musical-instruments_piano {
    background-image: url(../images/page/compilations/piano.png)
}

.musical-instruments_cello {
    background-image: url(../images/page/compilations/cello.png)
}

.player__play-pause-btn,
.player__play-pause-btn_pause {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 9px 13px
}

.banner-container-full-width {
    margin-top: 15px;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px
}

.banner-container-nested {
    max-width: 727px;
    margin-bottom: 0;
    padding: 0
}

.banner-container-nested.visible-on-mobile {
    margin-bottom: 20px
}

.fixed-player {
    display: none;
    position: fixed;
    z-index: 1000000;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    width: 100%;
    margin: 0 auto;
    padding: 0 4px;
    background-color: #002445
}

.fixed-player .player {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fixed-player .player__track-name {
    max-width: 100%
}

.player-container {
    display: block;
    max-width: 727px;
    height: auto
}

.player-container-prefix-container {
    margin: 40px 0;
    align-items: center
}

.player-container-prefix {
    flex: 1 0 auto;
    color: #48494d;
    font-size: 15px;
    font-family: 'Museo Sans Cyrl 700'
}

.fixed-player .player-container {
    width: 100%;
    max-width: 1008px;
    height: 60px;
    margin: 0 auto
}

.player {
    width: 100%;
    min-height: 60px;
    margin: 0 0 4px;
    border-radius: 6px;
    background-color: #f9f9f9
}

.player-container:nth-child(2n) .player {
    background-color: #f3f3f3
}

.player-container-top {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 60px
}

.player-container-bottom {
    display: none;
    padding: 0 15px
}

.player-container_active .player {
    background-color: #cdeff8
}

.fixed-player .player,
.player__play-pause-btn {
    background-color: transparent
}

.player__play-pause-btn {
    display: block;
    width: 47px;
    height: 52px;
    margin-right: 9px;
    border-right: 1px solid rgba(255, 255, 255, .5);
    background-image: url(../images/player/play.png);
    cursor: pointer;
    box-shadow: 1px 0 0 0 #e4dfdc
}

.player__loop {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../images/player/loop.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 18px;
    opacity: .5
}

.player-mobile-menu-page .player__loop {
    width: 100%;
    height: 40px;
    background-color: #fff;
    padding: 10px 0 10px 30px;
    border-top: 1px dashed #d5d5d5;
    line-height: 20px;
    color: #1d2541;
    text-align: left;
    font-size: 14px;
    background-size: 18px;
    background-position: center left;
    font-family: 'Museo Sans Cyrl 500', sans-serif
}

.audio_loop .player__loop,
.player__loop:hover {
    opacity: 1
}

@media screen and (max-width:767px) {
    .player {
        margin: 0 0 2px
    }
    .player__play-pause-btn_active {
        filter: brightness(.3)
    }
    .fixed-player .player {
        padding-right: 0
    }
    .player__play-pause-btn {
        width: 45px;
        flex: 0 0 45px;
        margin-right: 0;
        box-shadow: none;
        border-right: none
    }
    .player-container .player__loop {
        display: none
    }
}

.player-container_main .player__play-pause-btn {
    border-right: 1px solid #fff;
    box-shadow: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.fixed-player .player__play-pause-btn {
    min-width: 30px;
    width: 30px;
    height: 30px;
    border-right: none;
    box-shadow: none;
    margin-right: 0
}

.player__play-pause-btn_pause {
    background-color: transparent;
    background-image: url(../images/player/pause.png)
}

.loading-track .player__play-pause-btn {
    background-image: url(../images/player/loading.gif);
    background-size: 13px 13px
}

.player__next-btn,
.player__prev-btn {
    display: block;
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 9px 11px;
    cursor: pointer
}

.player__prev-btn {
    background-image: url(../images/player/prev-track.png);
    opacity: .5;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.player__prev-btn:active,
.player__prev-btn:focus,
.player__prev-btn:hover {
    opacity: 1
}

.player__next-btn {
    background-image: url(../images/player/next-track.png);
    opacity: .5;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.player__next-btn:active,
.player__next-btn:focus,
.player__next-btn:hover {
    opacity: 1
}

.player__track-name-and-seek-bar {
    width: auto;
    max-width: 45%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0 6px
}

.player__lyrics,
.player__video {
    width: 29px;
    height: 52px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    position: relative
}

.player-advertising {
    display: none
}

@media screen and (max-width:767px) {
    .player-container_main .player__play-pause-btn {}
    .player-advertising {
        display: block;
        line-height: 0;
        margin-bottom: 40px;
        text-align: center;
        height: auto;
        width: 100%
    }
    .player__track-name-and-seek-bar {
        padding: 0
    }
    .fixed-player .player__track-name-and-seek-bar {
        max-width: 60%
    }
}

.player__video {
    background-image: url(../images/player/video.png);
    background-size: 15px 14px;
    filter: grayscale(1);
    pointer-events: none
}

.player__video_available {
    filter: none;
    pointer-events: auto;
    cursor: pointer
}

.player__lyrics {
    background-image: url(../images/player/lyrics.png);
    background-size: 11px 13px;
    filter: grayscale(1);
    pointer-events: none
}

.player__lyrics_available {
    filter: none;
    pointer-events: auto;
    cursor: pointer
}

.player__track-name {
    display: block;
    height: 20px;
    width: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 5px 4px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 15px;
    font-weight: 300;
    text-align: left;
    position: relative;
    color: #1d2541
}

.player__track-name span {
    width: 100%
}

.player__track-name_active {
    width: 100%;
    color: #1d2541;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    position: relative;
    padding-right: 25px;
    padding-bottom: 15px
}

a.player__track-name_active:before {
    top: 50%;
    right: 0;
    width: 18px;
    content: '';
    height: 18px;
    position: absolute;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-image: url(/design/default_1/images/icons/player-link.png)
}

.player-container.player-container_main .player__track-name,
.player-container.player-container_main .player__likes,
.player-container.player-container_main .player__download,
.player-container.player-container_main .player__favorite {
    display: none
}

.player__length,
.player__likes span {
    padding-top: 5px;
    font-size: 16px;
    font-family: 'Museo Sans Cyrl 300', sans-serif
}

.fixed-player .player__track-name {
    color: #b3efff
}

.player__length {
    display: block;
    width: 50px;
    height: 21px;
    line-height: 16px;
    text-align: center;
    color: #797c89
}

.player-container_main .player__length {
    height: auto;
    width: 40px;
    padding-left: 0;
    text-align: left
}

.player-container_main .player__length .track-controls__time {
    padding-left: 0;
    text-align: left
}

.player__mobile-menu {
    display: block;
    width: 30px;
    height: 30px;
    margin: 5px 0 0 5px;
    background-color: transparent;
    background-image: url(../images/player/mobile-icon.png);
    background-repeat: no-repeat;
    background-size: 13px 3px;
    background-position: 50% 50%
}

.player__likes span,
.ws-likes-comments__likes .player__likes,
.ws-likes-comments__likes.ws-likes-comments__likes_liked .player__likes {
    background-color: transparent;
    background-position: 0 50%;
    background-size: 15px 16px;
    background-repeat: no-repeat
}

.player__likes {
    display: block;
    width: auto;
    min-width: 63px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    cursor: pointer
}

.player__likes span {
    display: inline-block;
    width: auto;
    height: 21px;
    padding-left: 20px;
    background-image: url(../images/player/likes.png);
    line-height: 16px;
    text-align: left;
    color: #04aeda;
    vertical-align: text-top
}

.player__likes.player__likes_green span {
    background-image: url(../images/player/likes-green.png);
    color: #70a013
}

.ws-likes-comments__likes .player__likes {
    text-align: left;
    min-width: auto;
    width: auto;
    margin-bottom: 10px;
    padding-left: 20px;
    background-image: url(../images/player/likes.png)
}

.ws-likes-comments__likes .player__likes span {
    background-image: none;
    padding-left: 0;
    padding-top: 0;
    color: #04aeda
}

.ws-likes-comments__likes.ws-likes-comments__likes_liked .player__likes {
    background-image: url(../images/icons/liked.png)
}

.ws-likes-comments__likes.ws-likes-comments__likes_liked .player__likes span {
    padding-right: 20px;
    background-image: url(../images/icons/checkbox-v.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 14px 15px;
    color: #1d2541
}

.player__download,
.player__favorite {
    display: block;
    height: 52px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer
}

.player__favorite {
    width: 38px;
    background-image: url(../images/player/add-to-favorites.png);
    background-size: 17px 17px
}

.player__download {
    width: 60px;
    margin-left: 6px;
    border-left: 1px solid rgba(255, 255, 255, .5);
    background-image: url(../images/player/download.png);
    background-size: 17px 18px;
    box-shadow: inset 1px 0 0 0 #e4dfdc
}

.fixed-player .player__download {
    box-shadow: none;
    border-left: 2px solid rgba(255, 255, 255, .11)
}

.track-controls {
    display: none;
    transition: all .25s ease
}

.player-container_active .track-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 30px;
    background-color: #cdeff8;
    margin: 0 0 4px;
    padding: 0 10px;
    border-radius: 6px;
    transition: all .25s ease
}

.player-container_main.player-container_active .track-controls {
    margin: 0
}

.track-controls__time {
    display: block;
    width: 75px;
    margin: 0;
    padding: 0 8px;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    color: #04afdb
}

@media screen and (max-width:767px) {
    .player__track-name-init {
        height: auto;
        padding-top: 0;
        white-space: normal;
        text-overflow: inherit
    }
    .player__track-name {
        font-size: 12px;
        overflow-y: hidden;
        max-height: 30px
    }
    .player__track-name_min_hidden {
        height: 30px;
        overflow: hidden
    }
    .track-controls .track-controls__time {
        width: auto
    }
}

input.track-controls__seek-bar[type=range] {
    -webkit-appearance: none;
    width: 100%;
    max-width: 500px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 0 6px 0 0;
    border-radius: 50px;
    overflow: hidden;
    outline: 0
}

@media screen and (max-width:767px) {
    .fixed-player input.track-controls__seek-bar[type=range] {
        max-width: calc(100% - 42px);
    }
}

input.track-controls__seek-bar[type=range]:focus {
    outline: 0
}

input.track-controls__seek-bar[type=range]:focus::-webkit-slider-runnable-track {
    background: #fff
}

input.track-controls__seek-bar[type=range]:focus::-ms-fill-lower {
    background: #fff
}

input.track-controls__seek-bar[type=range]:focus::-ms-fill-upper {
    background: #fff
}

input.track-controls__seek-bar[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
    background: #fff;
    border-radius: 25px;
    border: 0 solid rgba(255, 255, 255, 0)
}

input.track-controls__seek-bar[type=range]::-webkit-slider-thumb {
    border: 1px solid #000;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    background: #000;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: 0;
    box-shadow: -1000px 0 0 995px #04afdb
}

input.track-controls__seek-bar[type=range]::-moz-range-progress {
    background-color: #04afdb
}

input.track-controls__seek-bar[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
    background: #fff;
    border-radius: 25px;
    border: 0 solid rgba(255, 255, 255, 0)
}

input.track-controls__seek-bar[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px transparent, 0 0 1px rgba(13, 13, 13, 0);
    border: 1px solid #000;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    background: #000;
    cursor: pointer
}

input.track-controls__seek-bar[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

input.track-controls__seek-bar[type=range]::-ms-fill-lower {
    background: #04afdb;
    border: 0 solid rgba(255, 255, 255, 0);
    border-radius: 50px;
    box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0)
}

input.track-controls__seek-bar[type=range]::-ms-fill-upper {
    background: #fff;
    border: 0 solid rgba(255, 255, 255, 0);
    border-radius: 50px;
    box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0)
}

input.track-controls__seek-bar[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px transparent, 0 0 1px rgba(13, 13, 13, 0);
    border: 1px solid #000;
    width: 10px;
    border-radius: 50px;
    background: #000;
    cursor: pointer;
    height: 10px
}

.track-controls__volume {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 124px;
    height: 14px;
    padding: 0 0 0 24px;
    background-color: transparent;
    background-image: url(../images/player/volume.png);
    background-size: 18px 14px;
    background-repeat: no-repeat;
    background-position: 0 50%
}

.player-container_main .track-controls__volume {
    padding-right: 10px;
    margin-left: 10px;
    width: auto
}

input.track-controls__volume-control[type=range] {
    -webkit-appearance: none;
    width: 100%;
    max-width: 100px;
    margin: 0;
    padding: 0;
    border-radius: 50px;
    overflow: hidden
}

input.track-controls__volume-control[type=range]:focus {
    outline: 0
}

input.track-controls__volume-control[type=range]:focus::-webkit-slider-runnable-track {
    background: #fff
}

input.track-controls__volume-control[type=range]:focus::-ms-fill-lower {
    background: #fff
}

input.track-controls__volume-control[type=range]:focus::-ms-fill-upper {
    background: #fff
}

input.track-controls__volume-control[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
    background: #fff;
    border-radius: 25px;
    border: 0 solid rgba(255, 255, 255, 0)
}

input.track-controls__volume-control[type=range]::-webkit-slider-thumb {
    border: 1px solid #000;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    background: #000;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: 0;
    box-shadow: -1000px 0 0 995px #04afdb
}

input.track-controls__volume-control[type=range]::-moz-range-progress {
    background-color: #04afdb
}

input.track-controls__volume-control[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
    background: #fff;
    border-radius: 25px;
    border: 0 solid rgba(255, 255, 255, 0)
}

input.track-controls__volume-control[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px transparent, 0 0 1px rgba(13, 13, 13, 0);
    border: 1px solid #000;
    height: 10px;
    width: 10px;
    margin: 0;
    paddin: 0;
    border-radius: 50px;
    background: #000;
    cursor: pointer
}

input.track-controls__volume-control[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

input.track-controls__volume-control[type=range]::-ms-fill-lower {
    background: #04afdb;
    border: 0 solid rgba(255, 255, 255, 0);
    border-radius: 50px;
    box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0)
}

input.track-controls__volume-control[type=range]::-ms-fill-upper {
    background: #fff;
    border: 0 solid rgba(255, 255, 255, 0);
    border-radius: 50px;
    box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0)
}

input.track-controls__volume-control[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px transparent, 0 0 1px rgba(13, 13, 13, 0);
    border: 1px solid #000;
    width: 10px;
    border-radius: 50px;
    background: #000;
    cursor: pointer;
    height: 10px
}

.lyrics-container,
.video-container {
    display: none;
    position: relative
}

input.player-lyrics-input,
input.player-video-input {
    display: none
}

input.player-video-input:checked~.video-container {
    display: block;
    width: 100%;
    height: auto;
    background-color: #f3f3f3;
    margin: 4px 0;
    padding: 10px 20px;
    border-radius: 6px;
    transition: all .25s ease
}

input.player-video-input:checked~.player label.player__video {
    background-image: url(../images/player/video-clicked.png)
}

input.player-video-input:checked~.player label.player__video:after {
    content: '';
    display: block;
    width: 10px;
    height: 6px;
    background-color: transparent;
    background-image: url(../images/player/checked-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

input.player-lyrics-input:checked~.lyrics-container {
    display: block;
    width: 100%;
    height: auto;
    background-color: #f3f3f3;
    margin: 4px 0;
    padding: 10px 20px;
    border-radius: 6px;
    transition: all .25s ease
}

input.player-lyrics-input:checked~.player label.player__lyrics {
    background-image: url(../images/player/lyrics-clicked.png)
}

input.player-lyrics-input:checked~.player label.player__lyrics:after {
    content: '';
    display: block;
    width: 10px;
    height: 6px;
    background-color: transparent;
    background-image: url(../images/player/checked-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

.container-close {
    display: none
}

input.player-lyrics-input:checked~.lyrics-container .container-close,
input.player-video-input:checked~.video-container .container-close {
    display: block;
    width: 33px;
    height: 39px;
    background-color: #f3f3f3;
    background-image: url(../images/icons/close-icon.png);
    background-position: 50% 50%;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    position: absolute;
    right: -14.5px;
    top: 0;
    z-index: 5;
    border-radius: 6px;
    cursor: pointer
}

@media screen and (max-width:767px) {
    input.player-lyrics-input:checked~.lyrics-container .container-close,
    input.player-video-input:checked~.video-container .container-close {
        width: 24px;
        right: 0
    }
}

.lyrics-heading {
    margin: 25px 0 10px;
    font-size: 16px;
    line-height: 20px;
    color: #363a49
}

.lyrics-author,
.lyrics-container p {
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #363a49
}

.lyrics-author {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #d8d8d8;
    font-style: italic
}

.player-mobile-menu-button {
    display: block;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    background-color: transparent;
    background-image: url(../images/player/mobile-icon.png);
    background-repeat: no-repeat;
    background-size: 13px 3px;
    background-position: 50% 50%
}

.player-mobile-menu,
.player-mobile-menu-page {
    height: calc(100vh - 60px);
    width: 100vw;
    position: fixed;
    right: -100vw;
    z-index: 26;
    background-color: transparent;
    display: block;
    transition: all .2s ease
}

.player-mobile-menu-button_x {
    background-image: url(../images/player/mobile-icon-x.png);
    background-size: 16px 16px
}

.player-mobile-menu-page {
    top: 0
}

.player-mobile-menu {
    bottom: 60px
}

.player-mobile-menu:after,
.player-mobile-menu:before {
    display: block;
    top: 100%;
    right: 9px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 23
}

.player-mobile-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 9px;
    margin-left: -9px
}

.player-mobile-menu:before {
    border-color: rgba(4, 174, 218, 0);
    border-top-color: rgba(95, 202, 230, .3);
    border-width: 10px;
    margin-left: -10px
}

.player-mobile-menu__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 85%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 15px 15px 0;
    overflow-y: auto;
    background-color: #fff
}

.player-mobile-menu-page .player-mobile-menu__container {
    -ms-flex-pack: justify;
    justify-content: flex-start;
    width: 85%;
    height: 100%;
    right: 0;
    left: auto
}

.player-mobile-menu-page_visible .player-mobile-menu__container,
.player-mobile-menu_visible .player-mobile-menu__container {
    box-shadow: -30px 0 35px -5px rgba(4, 174, 218, .5)
}

.player-mobile-menu-page_visible,
.player-mobile-menu_visible {
    right: 0;
    transition: all .2s ease
}

.player-mobile-menu__track-name {
    padding: 0 0 21px;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #1d2541;
    text-align: left
}

.player-mobile-sort .show-all-link_player-mobile-menu:before,
.player-mobile-filter .show-all-link_player-mobile-menu:before {
    content: '\02190'
}

.player-mobile__item-label {
    border-top: 1px dashed #d5d5d5;
    padding: 20px;
    display: block;
    text-align: left;
    padding-left: 30px;
    position: relative
}

.player-mobile__item-label:last-child {
    margin-bottom: 20px;
    border-bottom: 1px dashed #d5d5d5
}

.player-mobile__item-sort {
    font-size: 14px;
    color: #465073
}

.player-mobile__item-sort:before {
    top: 50%;
    left: 0;
    width: 13px;
    content: '';
    height: 13px;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #d5d5d5;
    background-color: #d5d5d5;
    transform: translateY(-50%)
}

.player-mobile__item-sort_active:before {
    background-color: #1d2541
}

.player-mobile-menu__add-to-favorites,
.player-mobile-menu__link-to-lyrics,
.player-mobile-menu__link-to-notes,
.player-mobile-menu__link-to-video {
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 10px 0 10px 30px;
    border-top: 1px dashed #d5d5d5;
    line-height: 20px;
    color: #1d2541;
    text-align: left;
    font-size: 14px;
    font-family: 'Museo Sans Cyrl 500', sans-serif
}

.player-mobile-menu__link-to-video {
    background-image: url(../images/player/video.png);
    background-size: 15px 14px
}

.player-mobile-menu__link-to-lyrics,
.player-mobile-menu__link-to-notes {
    background-image: url(../images/player/lyrics.png);
    background-size: 11px 13px
}

.player-mobile-menu__add-to-favorites {
    background-image: url(../images/player/add-to-favorites.png);
    background-size: 17px 17px
}

.ws-container {
    display: block;
    height: auto;
    max-height: 0;
    overflow: hidden
}

.active.ws-container {
    max-height: 9999px;
    transition: all .25s ease
}

.ws-container.active.ws-container_lyrics-and-notes {
    max-height: 400px;
    overflow-y: scroll
}

.ws-label {
    display: block;
    width: 100%;
    background: none;
    border-bottom: 1px dashed #1d254110;
    height: 46px;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 16px;
    line-height: 46px;
    color: #fff;
    text-align: left;
    position: relative
}

.ws-label:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    border: 4px solid transparent;
    border-top: 4px solid #1f79a3
}

.ws-label:after {	 left: 50%;
    width: 5px;
    height: 5px;
    content: '';
    bottom: -6px;
    display: none;
    position: absolute;
    background-color: #04aeda;
    border-right: 1px solid #1d2541;
    border-bottom: 1px solid #1d2541;
    transform: rotate(45deg) translateX(-50%)
}

.ws-label_active,
button.ws-label_active {
    font-family: 'Museo Sans Cyrl 700', sans-serif;
    border-bottom: 1px solid #1d2541
}

.ws-label_active:after {
    display: block;	display:none;   
}

.ws-label_active:before {
    display: none
}

.ws-read-lyrics-btn,
.ws-watch-video-btn {
    height: 50px;
    padding-left: 20px;
    background-color: #fff;
    background-position: 0 50%;
    font-size: 14px;
    line-height: 49px;
    color: #1d2541;
    display: block;
    width: 100%;
    text-align: left;
    border-top: 1px dashed #979797;
    background-repeat: no-repeat
}

.ws-watch-video-btn {
    background-image: url(../images/player/video.png);
    background-size: 15px 14px;
    font-family: 'Museo Sans Cyrl 500', sans-serif
}

.ws-watch-video-btn span {
    font-family: 'Museo Sans Cyrl 100', sans-serif;
    font-style: italic;
}

.ws-read-lyrics-btn {
    background-image: url(../images/player/lyrics.png);
    background-size: 11px 13px;
    font-family: 'Museo Sans Cyrl 500', sans-serif
}

.ws-likes-comments {
    display: block;
    width: 100%;
    height: 101px;
    border-top: 1px dashed #d5d5d5;
    overflow: hidden
}

.ws-likes-comments__comments,
.ws-likes-comments__likes {
    width: 50%;
    height: 100px;
    float: left;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
    font-size: 11px;
    line-height: 20px;
    display: block;
    text-transform: uppercase
}

.ws-likes-comments__likes {
    padding: 15px 20px 20px 0;
    border-right: 1px dashed #d5d5d5;
    color: #04aeda;
    line-height: 16px;
    text-align: left
}

.ws-likes-comments__likes_liked {
    color: #1d2541
}

.ws-likes-comments__comments {
    padding: 15px 0 15px 20px;
    line-height: 16px;
    color: #04aeda;
    text-align: left
}

.ws-comments,
.ws-comments span {
    width: auto;
    height: 21px;
    text-align: left
}

.ws-comments {
    display: block;
    line-height: 21px;
    cursor: pointer;
    min-width: auto;
    margin-bottom: 10px;
    padding-left: 20px;
    background-color: transparent;
    background-image: url(../images/icons/comments.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 16px 15px
}

.ws-comments span {
    display: inline-block;
    padding-left: 3px;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #04aeda;
    vertical-align: text-top
}

.ws-add-to-play-list {
    display: block;
    width: 100%;
    height: 50px;
    padding: 17px 0 13px 25px;
    border-top: 1px dashed #d5d5d5;
    background-color: #fff;
    background-image: url(../images/player/add-to-favorites.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px 17px
}

.player__favorite_in-favorites {
    background-image: url(../images/player/in-favorites.png)
}

.ws-add-to-play-list span {
    display: block;
    width: 170px;
    padding-right: 27px;
    height: 20px;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
    font-size: 11px;
    line-height: 20px;
    color: #04aeda;
    text-align: left;
    text-transform: uppercase;
}

.filters-item__label,
.footer,
.footer-content {
    width: 100%;
    height: auto
}

.footer-copyright-and-policy__copyright,
.footer-copyright-and-policy__links {
    font-size: 14px;
    line-height: 22px;
    font-family: 'Museo Sans Cyrl 300', sans-serif
}

.ws-add-to-play-list_already {
    background-image: url(../images/icons/dark-star.png)
}

.ws-add-to-play-list_already span {
    background-image: url(../images/icons/checkbox-v.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 14px 15px;
    color: #1d2541
}

.footer {
    display: block;
    background-color: #8aa3b2;
    background: linear-gradient(to bottom, #89a3b2 0, #1c425f 100%)
}

.footer-content {
    display: block;
    max-width: 1047px;
    min-width: 320px;
    min-height: 157px;
    margin: 0 auto 60px;
    padding: 40px 20px 0
}

.footer-copyright-and-policy__copyright {
    display: block;
    text-align: left;
    color: #b1cad7
}

.footer-copyright-and-policy__links {
    color: #fff
}

.ws-item_mobile {
    display: none
}

@media screen and (max-width:767px) {
    .ws-label_active {
        margin-bottom: 10px
    }
    .ws-item_mobile {
        display: block
    }
    .ws-item_mobile .ws-label {
        text-align: left;
        height: 20px;
        text-transform: lowercase;
        color: #fff
    }
    .ws-item_mobile .ws-label:before {
        top: 25px
    }
    .ws-item_mobile ul li a,
    .ws-item_mobile ul li span {
        text-align: left;
        padding: 5px 0 5px 10px;
        line-height: 20px
    }
    .ws-item_mobile .ws-label:after {
        display: none
    }
    .footer-content {
        padding: 40px 20px 30px
    }
    .footer-copyright-and-policy__copyright {
        padding-bottom: 15px
    }
    .footer-copyright-and-policy__links {
        padding-top: 15px;
        border-top: 1px dashed #979797
    }
}

.footer-copyright-and-policy__links span {
    display: inline-block;
    padding: 0 10px
}

.filters,
.filters-item {
    display: block
}

.filters-item-more {
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #ff5715;
    cursor: pointer;
    text-decoration: underline
}

.replace-keyword {
    color: #ff5715;
    cursor: pointer;
    text-decoration: underline
}

.filters-item-more:hover {
    color: #04aeda
}

.filters-item-hidden {
    display: none
}

@media screen and (max-width:767px) {
    .footer-copyright-and-policy__links span {
        display: block;
        color: transparent;
        font-size: 12px;
        line-height: 12px
    }
}

.filters-group {
    display: block;
    border-bottom: 1px dashed #979797;
    padding: 0 0 11px;
    margin: 0 0 18px
}

.filters-group:last-child {
    border-bottom: none
}

.filters-item {
	position: relative;
  margin: 0 0 7px;
}
.filters-item__link {
	z-index:1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.filters-item__input {
  display: none
}
.filters-container {
  margin-bottom: 20px
}
.filters-title {
	color: #04aeda;
	font-size: 14px;
	line-height: 1;
	text-transform: lowercase;
	margin-bottom: 20px
}

.filters-item__label {
    display: block;
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
    font-family: 'Museo Sans Cyrl 500';
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #1d2541;
    z-index: 0;
    cursor: pointer
}

span.filters-item .filters-item__label {
    color: #aaa;
    cursor: auto
}

.filters-item__label:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    border: 1px solid #d9d9db;
    background-color: #f3f3f3;
    background-image: none;
    position: absolute;
    top: 3px;
    left: 0;
    z-index: -1;
    box-sizing: border-box
}

.filters-item__input:checked+.filters-item__label {
    color: #000;
    font-family: 'Museo Sans Cyrl 900'
}

.filters-item__input:checked+.filters-item__label:before {
    background-color: #fff
}

.filters-item__input:checked+.filters-item__label:after {
    position: absolute;
    content: '';
    top: 0;
    width: 13px;
    height: 13px;
    left: 1px;
    background-image: url(../images/icons/checkbox-v.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    background-position: 0 0
}

.filters-show-results {
    display: block;
    width: 100%;
    min-height: 30px;
    height: auto;
    margin: 20px 0;
    padding: 5px;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background-color: #ff5715;
    border-radius: 6px;
    border: 1px solid #ff5715;
    transition: all .25s ease;
    text-align: center;
    cursor: pointer
}

.filters-show-results:active,
.filters-show-results:focus,
.filters-show-results:hover {
    background-color: #fff;
    border: 1px solid #ff5715;
    border-radius: 6px;
    color: #ff5715;
    transition: all .25s ease
}

.filters-show-results span {
    display: inline-block;
    padding-left: 3px;
    font-weight: 300
}

.filters-show-results-min {
    margin-top: 0;
    min-height: 30px;
    padding: 5px
}

.song-performer-block {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 35px 0 50px;
    padding: 14px;
    background-color: #f9f9f9;
    border-radius: 6px
}

.song-performer-block__performer,
.song-performer-block__title {
    padding: 0 0 6px;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    width: 100%;
    height: auto;
    display: block
}

.song-performer-block__photo {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    border: none;
    outline: 0
}

.song-performer-block__title {
    font-size: 12px;
    line-height: 12px;
    color: #949494
}

.song-performer-block__performer {
    font-size: 20px;
    line-height: 20px;
    color: #04afdb
}

.popular-songs-block {
    display: block
}

.tags-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: auto
}

.tag {
    display: inline-block;
    width: auto;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 28px;
    margin: 0 10px 12px 0;
    padding: 0 8px;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    color: #04aeda;
    border: 1px solid #04aeda;
    transition: all .25s ease
}

.tag.catalog-tags {
    position: relative;
    padding-right: 25px
}

.tag.catalog-tags:after,
.tag.catalog-tags:before {
    top: 50%;
    right: 10px;
    width: 10px;
    height: 1px;
    content: '';
    position: absolute;
    background-color: #ff5715
}

.tag.catalog-tags:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.tag.catalog-tags:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tag:active,
.tag:focus,
.tag:hover {
    color: #ff5715;
    border-color: #ff5715;
    transition: all .25s ease
}

@media screen and (min-width:768px) {
    .tags-block {
        margin-top: 20px
    }
}

@media screen and (max-width:767px) {
    .tags-block {
        padding: 0 20px;
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .tag {
        height: 26px;
        margin: 8px 10px 0;
        font-size: 14px;
        line-height: 24px
    }
}

.song-counters-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    max-width: 727px;
    height: 70px;
    margin: 0 0 4px
}

.song-counters-block__add-to-playlist,
.song-counters-block__downloaded,
.song-counters-block__listened {
    width: auto;
    min-height: 18px;
    font-size: 12px;
    display: inline-block
}

.song-counters-block__item {
    margin-right: 35px;
    font-size: 20px;
    line-height: 18px;
    color: #747783
}

.song-counters-block__listened {
    height: auto;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    text-align: left
}

.song-counters-block__listened span {
    display: inline-block;
    padding: 0 3px
}

.song-counters-block__add-to-playlist {
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0;
    padding: 1px 0 0 20px;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    line-height: 16px;
    background-image: url(../images/player/add-to-favorites.png);
    background-repeat: no-repeat;
    background-size: 17px 17px;
    cursor: pointer;
    background-position: 0 50%
}

.song-counters-block__add-to-playlist .player__favorite_in-favorites {
    background-image: url(../images/player/in-favorites.png)
}

.prev-next-song__prev,
.song-counters-block__downloaded {
    font-family: 'Museo Sans Cyrl 300', sans-serif
}

.song-counters-block__downloaded {
    height: auto
}

.song-counters-block__downloaded span {
    display: inline-block;
    padding: 0 3px
}

.prev-next-song {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 727px;
    height: 70px;
    margin: 0 0 4px
}

.prev-next-song__next,
.prev-next-song__prev {
    display: block;
    width: auto;
    height: auto;
    min-height: 18px;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 9px 11px;
    transition: all .25s ease;
    text-decoration: underline
}

.prev-next-song__prev {
    max-width: 280px;
    min-width: 175px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0;
    padding: 12px 6px 10px 47px;
    color: #949494;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-image: url(../images/player/prev-track.png);
    background-position: 18px 50%
}

.prev-next-song__prev:active,
.prev-next-song__prev:focus,
.prev-next-song__prev:hover {
    color: #04aeda;
    transition: all .25s ease
}

@media screen and (max-width:767px) {
    .prev-next-song {
        height: auto
    }
    .prev-next-song__prev {
        max-width: 45%;
        min-width: auto;
        margin: 20px 0;
        padding: 15px 10px 10px 0;
        background-position: 0 0;
        white-space: unset;
        text-overflow: unset;
        font-family: 'Museo Sans Cyrl 500', sans-serif;
        color: #1d2541
    }
}

.prev-next-song__next {
    max-width: 280px;
    min-width: 175px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0;
    padding: 12px 47px 10px 6px;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    color: #949494;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-image: url(../images/player/next-track.png);
    background-position: calc(100% - 18px) 50%
}

.prev-next-song__next:active,
.prev-next-song__next:focus,
.prev-next-song__next:hover {
    color: #04aeda;
    transition: all .25s ease
}

@media screen and (max-width:767px) {
    .prev-next-song__next {
        max-width: 45%;
        min-width: auto;
        margin: 20px 0;
        padding: 15px 0 10px 10px;
        background-position: 100% 0;
        white-space: unset;
        text-overflow: unset;
        text-align: right;
        font-family: 'Museo Sans Cyrl 500', sans-serif;
        color: #1d2541
    }
}

.likes-button__text,
.likes-button__text span:after {
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    color: #4d4d4d
}

.likes-and-download-block {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 70px;
    margin: 0 0 50px
}

.likes-and-download-block__likes-button {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-right: 27px;
    cursor: pointer
}

.likes-and-favourites-block__favourites {
    max-width: 165px
}

.likes-and-favourites-block__favourites-button {
    padding-left: 60px
}

.likes-and-favourites-block__favourites-button,
.likes-button__text {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    background: transparent;
    color: #48494d;
    font-family: 'Museo Sans Cyrl 500', sans-serif
}

.likes-and-favourites-block__favourites-button:after {
    content: '';
    width: 43px;
    height: 43px;
    position: absolute;
    left: 0;
    top: 50%;
    border: 1px solid #b3e7f4;
    border-radius: 6px;
    transform: translateY(-50%)
}

.likes-and-favourites-block__favourites-button:before {
    content: '';
    width: 43px;
    height: 43px;
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/player/add-to-favorites.png);
    background-repeat: no-repeat;
    background-size: 17px 17px;
    background-position: 0 50%
}

.likes-button__text span {
    position: relative
}

.likes-button__text span:after {
    content: '\02192';
    font-family: 'Minion Pro', serif;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    right: -16px;
    top: 3px;
    z-index: 1
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .likes-button__text {
        font-size: 12px
    }
    .likes-button__text span:after {
        font-size: 12px;
        right: -14px;
        top: 1.5px
    }
}

.likes-button__counter {
    display: block;
    border-radius: 6px;
    background-color: transparent;
    height: 43px;
    line-height: 43px;
    margin: 0 0 0 10px;
    padding: 0 30px;
    text-align: center;
    border: 1px solid #b3e7f4;
    border-radius: 6px;
    text-align: center
}

.download-button__text,
.likes-button__counter span {
    width: auto;
    background-position: 0 50%;
    background-repeat: no-repeat
}

.likes-button__counter span {
    display: inline-block;
    height: 30px;
    padding: 0 0 0 20px;
    background-image: url(../images/player/likes.png);
    background-size: 15px 16px;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 26px;
    line-height: 30px;
    color: #04aeda;
    text-align: center;
    vertical-align: middle
}

.likes-button__counter.player__likes_green span {
    color: #7b9d2c;
    background-image: url(../images/player/likes-green.png)
}

.likes-and-download-block__download-button {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    padding: 20px 10px;
    text-align: center;
    max-width: 200px;
    border-radius: 6px;
    cursor: pointer
}

.download-button__text {
    padding-left: 22px;
    display: block;
    background-size: 17px 18px;
    font-family: 'Museo Sans Cyrl 300', sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    text-decoration: none;
    color: #ff5715
}

.download-button__text span {
    display: inline-block;
    padding-left: 3px;
    font-family: 'Museo Sans Cyrl 300', sans-serif
}

.track-tabs-block {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 727px
}

input.track-tabs-block__input {
    display: none
}

label.track-tabs-block__label {
    display: inline-block;
    height: 47px;
    margin-right: 1px;
    padding: 18px 20px 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: none;
    background-color: #dce8ee;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #0082c8;
    text-transform: uppercase;
    text-align: center
}

@media screen and (max-width:767px) {
    .download-button__text {
        padding-left: 0;
        text-align: center;
        padding-top: 30px
    }
    .download-button__text span {
        color: #767676
    }
    .song-counters-block {
        height: auto;
        padding: 0 20px;
        justify-content: space-between
    }
    .song-counters-block__listened,
    .song-counters-block__downloaded {
        margin: 0;
        color: #000;
        font-size: 12px;
        line-height: 16px;
        display: block
    }
    .song-counters-block__add-to-playlist {
        background-color: #e3f6fb;
        padding: 10px 5px 12px 20px;
        text-align: center;
        width: 55%;
        flex: 0 0 auto;
        padding-left: 20px;
        background-position: 5% 50%
    }
    .likes-and-download-block__likes-button {
        margin-right: 0;
        margin-top: 20px;
        justify-content: space-between
    }
    label.track-tabs-block__label {
        padding: 12px 10px;
        font-size: 12px;
        line-height: 16px
    }
}

.track-tabs-block__input:checked+.track-tabs-block__label {
    background-color: #f3f3f3;
    color: #000
}

.track-tabs-block__input:checked+.track-tabs-block__label:before {
    content: '\02193';
    display: inline-block;
    padding-right: 4px;
    font-family: 'Minion Pro', serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    color: #0d1943
}

.track-tabs__instrumentals,
.track-tabs__lyrics,
.track-tabs__notes,
.track-tabs__translate,
.track-tabs__video {
    display: none;
    transition: all .25s ease;
    border-top-right-radius: 6px
}

#tab-instrumentals:checked~.track-tabs__instrumentals,
#tab-lyrics:checked~.track-tabs__lyrics,
#tab-notes:checked~.track-tabs__notes,
#tab-translate:checked~.track-tabs__translate,
#tab-video:checked~.track-tabs__video {
    display: block;
    width: 100%;
    height: auto;
    background-color: #f3f3f3;
    padding: 10px 15px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    transition: all .25s ease
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

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

.tabs-block__container {
    display: block;
    width: 100%;
    height: auto;
    max-height: 500px;
    overflow-y: auto;
    margin: 0;
    padding: 10px 27px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-align: left
}

.breadcrumbs ul li,
.complain-button {
    font-family: 'Museo Sans Cyrl 300', sans-serif
}

.breadcrumbs li * {
    white-space: nowrap
}

.complain-button {
    display: block;
    width: 100%;
    max-width: 240px;
    height: 72px;
    margin: 50px 0 40px;
    padding: 20px;
    border: 1px solid #f3f3f3;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #ff5715;
    text-decoration: underline;
    text-transform: uppercase;
    background-color: #f3f3f3;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 20px 50%
}

.breadcrumbs,
.main,
.section {
    height: auto;
    display: block;
    width: 100%
}

.complain-button:active,
.complain-button:focus,
.complain-button:hover {
    background-color: #fff;
    border: 1px solid #ff5715;
    border-radius: 6px
}

.main {
    margin: 0;
    padding: 0;
    background-color: #fff;
    position: relative;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width:767px) {
    .main {
        padding-bottom: 30px
    }
}

.section {
    background-color: transparent
}

.section-content {
    display: block;
    width: 100%;
    max-width: 1047px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0
}

@media screen and (max-width:1200px) {
    .section-content {
        padding: 0 1rem
    }
}

@media screen and (max-width:767px) {
    .breadcrumbs {
        width: auto;
        margin: 0 20px
    }
}

.breadcrumbs ul {
    display: block
}

.breadcrumbs ul li,
.breadcrumbs ul li::after {
    display: inline-block;
    font-size: 12px;
    color: #3b4259
}

.breadcrumbs ul li {
    line-height: 20px;
    text-align: left
}

.breadcrumbs ul li::after {
    content: "\02192";
    margin: 0 5px;
    font-family: 'Minion Pro', serif;
    line-height: 14px
}

.breadcrumbs ul li:last-child {
    color: #4d4d4d;
    text-decoration: none
}

.breadcrumbs ul li:last-child::after {
    display: none
}

.breadcrumbs ul li a {
    display: inline-block;
    line-height: inherit;
    color: inherit
}

.breadcrumbs ul li a:active,
.breadcrumbs ul li a:focus,
.breadcrumbs ul li a:hover {
    color: #168de2;
    text-decoration: none
}

.breadcrumbs ul li,
.breadcrumbs ul li a {
    display: initial
}

.modal-opener {
    cursor: pointer
}

.modal-container {
    display: none;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: auto;
    transition: all 1.35s ease
}

.modal-container_visible {
    display: block;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow-y: auto;
    overflow-x: auto;
    transition: all 1.35s ease
}

@media screen and (max-width:767px) {
    .breadcrumbs ul {
        display: inline-flex;
        flex-wrap: wrap
    }
    .breadcrumbs ul li {
        display: block;
        line-height: 14px
    }
    .modal-container_visible {
        min-height: 100vh;
        height: 100%
    }
}

.modal-close {
    display: block;
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    background-image: url(../images/modals/modal-close-icon.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 32px 32px;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    transition: all .2s ease
}

.modal,
.modal_visible {
    transition: all 1.35s ease
}

@media screen and (max-width:767px) {
    .modal-close {
        top: 7px;
        right: 7px
    }
}

.login-modal,
.error_page-modal,
.feedback-modal,
.register-modal {
    display: block;
    width: 100%;
    max-width: 600px;
    min-width: 310px;
    height: auto;
    min-height: 300px;
    margin: auto;
    padding: 25px 60px 40px;
    border-radius: 6px;
    border: 2px solid #1d2541;
    background-color: #fff;
    position: absolute;
    top: 23%;
    left: 0;
    right: 0
}

@media screen and (max-width:767px) {
    .login-modal,
    .register-modal {
        top: 10px;
        padding: 40px 10px 30px
    }
    .player__track-name {
        max-width: 70%;
        padding: 0;
        margin: 0 3px
    }
}

.modal-input,
.modal-submit {
    height: 40px;
    padding: 0 20px
}

.modal-input {
    -webkit-appearance: none;
    display: block;
    width: 300px;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 20px;
    line-height: 20px;
    color: #1d2541;
    border-radius: 6px;
    border: 1px solid #1d2541;
    background-color: #fff;
    margin: 0 0 30px
}

.modal-input:active,
.modal-input:focus,
.modal-input:hover {
    border-radius: 6px;
    border: 1px solid #1d2541;
    background-color: #fff
}

.modal-input::-webkit-input-placeholder {
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 20px;
    line-height: 20px;
    color: #1d2541
}

.modal-input:-ms-input-placeholder {
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 20px;
    line-height: 20px;
    color: #1d2541
}

.modal-input::placeholder {
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 20px;
    line-height: 20px;
    color: #1d2541
}

textarea.modal-input {
    height: auto;
    min-height: 60px
}

.form-feedback textarea.modal-input {
    margin-top: 20px;
    width: 100%
}

@media screen and (max-width:767px) {
    .modal-input {
        margin: 0 0 18px
    }
}

.modal-submit {
    display: inline-block;
    wdith: auto;
    min-width: 100px;
    margin: 0 0 30px;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #ff5715;
    background-color: #ff5715;
    cursor: pointer
}

.modal-submit:active,
.modal-submit:focus,
.modal-submit:hover {
    border-radius: 6px;
    border: 1px solid #ff5715;
    background-color: #fff;
    color: #ff5715
}

@media screen and (max-width:767px) {
    .modal-submit {
        margin: 0 0 18px
    }
}

.modal {
    z-index: -1;
    opacity: 0
}

.modal_visible {
    display: block;
    z-index: 10000;
    opacity: 1
}

.osprey-page-section {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 48px 0 80px
}

@media screen and (max-width:767px) {
    .osprey-page-section {
        padding-top: 0;
        padding-bottom: 0
    }
}

.osprey-page-section_no-padding-top {
    padding-top: 0
}

.osprey-page-section-content {
    display: block;
    width: 100%;
    max-width: 1007px;
    height: auto;
    margin: 0 auto;
    padding: 0
}

.osprey-grid-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .osprey-grid-container {
        padding: 0 20px
    }
}

.osprey-grid-container_sbetween {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.osprey-grid-container_padding-bottom-32 {
    padding-bottom: 32px
}

.osprey-grid-1,
.osprey-grid-10,
.osprey-grid-11,
.osprey-grid-12,
.osprey-grid-2,
.osprey-grid-3,
.osprey-grid-4,
.osprey-grid-5,
.osprey-grid-6,
.osprey-grid-7,
.osprey-grid-8,
.osprey-grid-9 {
    display: block;
    width: auto;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    height: auto;
    margin: 0;
    position: relative
}

.osprey-grid-centered-item {
    margin-right: auto;
    margin-left: auto
}

.osprey-grid-1 {
    max-width: calc(100%/12 * 1);
    -ms-flex-preferred-size: calc(100%/12 * 1);
    flex-basis: calc(100%/12 * 1)
}

.osprey-grid-2 {
    max-width: calc(100%/12 * 2);
    -ms-flex-preferred-size: calc(100%/12 * 2);
    flex-basis: calc(100%/12 * 2)
}

.osprey-grid-3 {
    max-width: calc(100%/12 * 3);
    -ms-flex-preferred-size: calc(100%/12 * 3);
    flex-basis: calc(100%/12 * 3)
}

.osprey-grid-4 {
    max-width: calc(100%/12 * 4);
    -ms-flex-preferred-size: calc(100%/12 * 4);
    flex-basis: calc(100%/12 * 4)
}

.osprey-grid-5 {
    max-width: calc(100%/12 * 5);
    -ms-flex-preferred-size: calc(100%/12 * 5);
    flex-basis: calc(100%/12 * 5)
}

.osprey-grid-6 {
    max-width: calc(100%/12 * 6);
    -ms-flex-preferred-size: calc(100%/12 * 6);
    flex-basis: calc(100%/12 * 6)
}

.osprey-grid-7 {
    max-width: calc(100%/12 * 7);
    -ms-flex-preferred-size: calc(100%/12 * 7);
    flex-basis: calc(100%/12 * 7)
}

.osprey-grid-8 {
    max-width: calc(100%/12 * 8);
    -ms-flex-preferred-size: calc(100%/12 * 8);
    flex-basis: calc(100%/12 * 8)
}

.osprey-grid-9 {
    max-width: calc(100%/12 * 9);
    -ms-flex-preferred-size: calc(100%/12 * 9);
    flex-basis: calc(100%/12 * 9)
}

.osprey-grid-10 {
    max-width: calc(100%/12 * 10);
    -ms-flex-preferred-size: calc(100%/12 * 10);
    flex-basis: calc(100%/12 * 10)
}

.osprey-grid-11 {
    max-width: calc(100%/12 * 11);
    -ms-flex-preferred-size: calc(100%/12 * 11);
    flex-basis: calc(100%/12 * 11)
}

.osprey-grid-12 {
    max-width: calc(100%/12 * 12);
    -ms-flex-preferred-size: calc(100%/12 * 12);
    flex-basis: calc(100%/12 * 12)
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .osprey-grid-1-tablet {
        max-width: calc(100%/12 * 1);
        -ms-flex-preferred-size: calc(100%/12 * 1);
        flex-basis: calc(100%/12 * 1)
    }
    .osprey-grid-2-tablet {
        max-width: calc(100%/12 * 2);
        -ms-flex-preferred-size: calc(100%/12 * 2);
        flex-basis: calc(100%/12 * 2)
    }
    .osprey-grid-3-tablet {
        max-width: calc(100%/12 * 3);
        -ms-flex-preferred-size: calc(100%/12 * 3);
        flex-basis: calc(100%/12 * 3)
    }
    .osprey-grid-4-tablet {
        max-width: calc(100%/12 * 4);
        -ms-flex-preferred-size: calc(100%/12 * 4);
        flex-basis: calc(100%/12 * 4)
    }
    .osprey-grid-5-tablet {
        max-width: calc(100%/12 * 5);
        -ms-flex-preferred-size: calc(100%/12 * 5);
        flex-basis: calc(100%/12 * 5)
    }
    .osprey-grid-6-tablet {
        max-width: calc(100%/12 * 6);
        -ms-flex-preferred-size: calc(100%/12 * 6);
        flex-basis: calc(100%/12 * 6)
    }
    .osprey-grid-7-tablet {
        max-width: calc(100%/12 * 7);
        -ms-flex-preferred-size: calc(100%/12 * 7);
        flex-basis: calc(100%/12 * 7)
    }
    .osprey-grid-8-tablet {
        max-width: calc(100%/12 * 8);
        -ms-flex-preferred-size: calc(100%/12 * 8);
        flex-basis: calc(100%/12 * 8)
    }
    .osprey-grid-9-tablet {
        max-width: calc(100%/12 * 9);
        -ms-flex-preferred-size: calc(100%/12 * 9);
        flex-basis: calc(100%/12 * 9)
    }
    .osprey-grid-10-tablet {
        max-width: calc(100%/12 * 10);
        -ms-flex-preferred-size: calc(100%/12 * 10);
        flex-basis: calc(100%/12 * 10)
    }
    .osprey-grid-11-tablet {
        max-width: calc(100%/12 * 11);
        -ms-flex-preferred-size: calc(100%/12 * 11);
        flex-basis: calc(100%/12 * 11)
    }
    .osprey-grid-12-tablet {
        max-width: calc(100%/12 * 12);
        -ms-flex-preferred-size: calc(100%/12 * 12);
        flex-basis: calc(100%/12 * 12);
        padding-left: 0;
        padding-right: 0
    }
    .tablet-padding-top-block {
        padding-top: 55px;
        border-top: 1px dashed #bdbec6
    }
}

@media screen and (max-width:767px) {
    .osprey-grid-12 {
        padding-left: 0;
        padding-right: 0
    }
    .osprey-grid-1-mobile {
        max-width: calc(100%/12 * 1);
        -ms-flex-preferred-size: calc(100%/12 * 1);
        flex-basis: calc(100%/12 * 1)
    }
    .osprey-grid-2-mobile {
        max-width: calc(100%/12 * 2);
        -ms-flex-preferred-size: calc(100%/12 * 2);
        flex-basis: calc(100%/12 * 2)
    }
    .osprey-grid-3-mobile {
        max-width: calc(100%/12 * 3);
        -ms-flex-preferred-size: calc(100%/12 * 3);
        flex-basis: calc(100%/12 * 3)
    }
    .osprey-grid-4-mobile {
        max-width: calc(100%/12 * 4);
        -ms-flex-preferred-size: calc(100%/12 * 4);
        flex-basis: calc(100%/12 * 4)
    }
    .osprey-grid-5-mobile {
        max-width: calc(100%/12 * 5);
        -ms-flex-preferred-size: calc(100%/12 * 5);
        flex-basis: calc(100%/12 * 5)
    }
    .osprey-grid-6-mobile {
        max-width: calc(100%/12 * 6);
        -ms-flex-preferred-size: calc(100%/12 * 6);
        flex-basis: calc(100%/12 * 6)
    }
    .osprey-grid-7-mobile {
        max-width: calc(100%/12 * 7);
        -ms-flex-preferred-size: calc(100%/12 * 7);
        flex-basis: calc(100%/12 * 7)
    }
    .osprey-grid-8-mobile {
        max-width: calc(100%/12 * 8);
        -ms-flex-preferred-size: calc(100%/12 * 8);
        flex-basis: calc(100%/12 * 8)
    }
    .osprey-grid-9-mobile {
        max-width: calc(100%/12 * 9);
        -ms-flex-preferred-size: calc(100%/12 * 9);
        flex-basis: calc(100%/12 * 9)
    }
    .osprey-grid-10-mobile {
        max-width: calc(100%/12 * 10);
        -ms-flex-preferred-size: calc(100%/12 * 10);
        flex-basis: calc(100%/12 * 10)
    }
    .osprey-grid-11-mobile {
        max-width: calc(100%/12 * 11);
        -ms-flex-preferred-size: calc(100%/12 * 11);
        flex-basis: calc(100%/12 * 11)
    }
    .osprey-grid-12-mobile {
        max-width: calc(100%/12 * 12);
        -ms-flex-preferred-size: calc(100%/12 * 12);
        flex-basis: calc(100%/12 * 12);
        padding-left: 0;
        padding-right: 0
    }
}

.osprey-no-padding-left,
.osprey-no-padding-right {
    padding-left: 0 !important
}

input.accordion-input,
label.accordion-label {
    display: none
}

@media screen and (max-width:767px) {
    .heading-accordion:before {
        content: '';
        width: 27px;
        height: 27px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        background-color: transparent;
        background-image: url(../images/icons/accordion-open.png);
        background-position: 50% 50%;
        background-size: 27px 27px
    }
    .accordion-blocks {
        display: block
    }
    .accordion-block {
        width: 100%
    }
    .accordion-block:first-child {
        padding-right: 0
    }
    .accordion-block:last-child {
        padding-left: 0
    }
    .osprey-page-section-content h1,
    .osprey-page-section-content h2,
    .osprey-page-section-content p {
        width: auto;
        padding-left: 20px;
        margin-right: 10px;		margin-bottom: 10px;		margin-top:15px;
    }
    .page-heading-h1.page-heading-h2_note {
        padding-left: 60px;
        background-position: 10px
    }
}

.accordion-input:checked+.heading-accordion:before {
    background-image: url(../images/icons/accordion-open.png)
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .hidden-on-tablet,
    .visible-on-tablet {
        display: none !important
    }
}

@media screen and (min-width:768px) {
    .visible-on-mobile {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .player-container_active .player-container-top,
    .player__inner {
        min-height: 45px
    }
    .player__lyrics {
        margin-right: 10px
    }
    .player__lyrics,
    .player__video {
        width: 25px
    }
    .player-container_active .player__length {
        display: none
    }
    .osprey-hidden-on-mobile {
        display: none
    }
    .player-mobile-filter .osprey-hidden-on-mobile {
        display: block
    }
    .header-fixed-menu__container .ws-input {
        display: none
    }
    .fixed-player .player-mobile-menu-button,
    .fixed-player .player__prev-btn,
    .fixed-player .player__next-btn,
    .fixed-player .player__play-pause-btn {
        height: 45px;
        flex: 0 0 30px
    }
    .player__play-pause-btn,
    .player__lyrics,
    .player__video,
    .player__download,
    .player__favorite {
        height: 45px
    }
    .player-mobile-filter .page-heading-h2_sidebar {
        color: #0aa4dd;
        margin: 20px 0;
        font-size: 12px;
        line-height: 14px
    }
    .player__element_mobile {
        display: none
    }
    .player__length {
        order: 6;
        width: auto;
        flex-grow: 1;
        font-size: 14px;
        text-align: right;
        margin-right: 5px;
        position: relative
    }
    .fixed-player .player__length {
        width: auto;
        font-size: 10px;
        text-align: right;
        float: right;
        padding-top: 7px;
        position: relative;
    }
    .player__download {
        order: 7;
        width: 40px;
        border-left: 0;
        box-shadow: none;
        margin: 0
    }
    .player__mobile-menu {
        order: 8;
        width: 30px;
        margin-top: 0;
        flex: 0 0 30px;
        margin-right: 5px
    }
    .player__likes {
        width: 20px
    }
    .player__favorite,
    .player__likes {
        position: relative
    }
    .player__favorite:before,
    .player__likes:before {
        position: absolute;
        content: '';
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1px;
        height: 27px;
        background-color: #a8c0c745
    }
    .player__favorite:before {
        left: auto;
        right: 0
    }
    .hidden-on-mobile {
        display: none !important
    }
    .accordion-input:checked~.accordion-block {
        max-height: 90000px;
        padding: 20px 0
    }
    .compilations__item {
        position: relative;
        margin-left: 15px;
        background-image: none !important
    }
    .compilations__item:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border: 3px solid transparent;
        border-left: 5px solid #02496c
    }
    .tabs-block__container {
        padding: 10px 0
    }
    .song-author {
        padding: 0 15px
    }
    .page-heading-h1_inner {
        max-width: 100%
    }
}

.why__helpful_left {
    padding-right: 40px
}

.block-player-items {
    flex-wrap: wrap;
    margin-top: 24px
}

@media screen and (max-width:767px) {
    .player-block__inner-product {
        display: flex;
        flex-direction: column;
        padding: 0 20px
    }
    .player-block__inner-top-container {
        display: block;
        margin-top: 30px
    }
    .block-player-items {
        padding: 0 20px;
        margin-top: 30px
    }
    .ads-content-bottom-15 {
        padding-bottom: 15px
    }
}

.block-player__item {
    width: 100%;
    opacity: .85;
    margin-bottom: 40px;
    transition: all .2s ease-in-out
}

.block-player__item:hover {
    opacity: 1
}

.block-player {
    width: 100%
}

@media screen and (min-width:768px) {
    .block-player__item-all {
        margin-right: 30px;
        margin-bottom: 30px;
        padding-bottom: 27px;
        border-bottom: 1px dashed #e1e2e4
    }
    .block-player__item-all .player-container-stories,
    .block-player__item-all .block-player__item {
        margin-bottom: 0
    }
    .player-container-stories {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1024px) {
    .block-player__item_min {
        width: 100%
    }
}

.block-player__item-all .block-player__item-name {
    margin-top: -5px
}

.block-player__item-container-image {
    margin-right: 20px;
    text-align: center
}

.block-player__item-image-container {
    width: 100px;
    flex: 0 0 100px;
    display: block;
    text-align: center
}

.block-player__item-image {
    height: 100px;
    max-width: 100%;
    border-radius: 10px
}

@media screen and (max-width:767px) {
    .mobile-sortable {
        margin-bottom: 30px
    }
    .block-player__item-image-container {
        width: 70px;
        flex: 0 0 70px
    }
    .block-player__item-image {
        height: 70px
    }
    .block-player__item_min .block-player__item-tags {
        margin-top: 2px
    }
}

.block-player__item-length {
    color: #84ad33;
    font-size: 12px;
    line-height: 18px;
    font-family: 'Museo Sans Cyrl 900'
}

.block-player__item-name {
    display: block;
    color: #3c435a;
    margin-top: -5px;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 13px;
    font-family: 'Museo Sans Cyrl 500'
}

.block-player__item-author {
    color: #747783;
    font-size: 13px;
    line-height: 18px;
    margin-right: 5px;
    margin-bottom: 6px;
    font-family: 'Museo Sans Cyrl 300'
}

.block-player__item-tags {
    flex-wrap: wrap;
    margin-bottom: 7px;	
}
.block-player__item-tags.hide-tags-player {
	display:none;
}
.block-player__item-all .block-player__item-tags {
    margin-top: 7px;
    margin-bottom: 0
}

.block-player__item-all .block-player__item-favorite {
  margin-right: 35px
}
.block-player__item_min .block-player__item-favorite {
  margin-right: 35px
}
.block-player__item_min .block-player__item-likes {
  margin-right: 35px;
}



.block-player__item-tag {
    color: #04aeda;
    display: block;
    font-size: 11px;
    line-height: 20px;
    margin-right: 5px;
    font-family: 'Museo Sans Cyrl 500'
}

.block-player__item-likes {
    height: 17px;
    color: #04aeda;
    display: block;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    padding-left: 30px;
    position: relative;
}

.block-player__item-likes:before {
    top: 50%;
    width: 16px;
    content: '';
    height: 17px;
    position: absolute;
    background-size: cover;
    background-position: 0 0;
    transform: translate(-150%, -55%);
    background-repeat: no-repeat;
    background-image: url(../images/player/likes.png)
}

.block-player__likes_green {
    color: #70a013
}

.block-player__likes_green:before {
    background-image: url(../images/player/likes-green.png)
}

.block-player__item-favorite {
    color: #797c89;
    font-size: 15px;
    cursor: pointer;
    padding-left: 25px;
    position: relative;
    font-family: 'Museo Sans Cyrl 300'
}

.block-player__item-favorite:before {
    top: 50%;
    width: 16px;
    content: '';
    height: 17px;
    position: absolute;
    background-size: cover;
    background-position: 0 0;
    transform: translate(-150%, -50%);
    background-repeat: no-repeat;
    background-image: url(../images/player/add-to-favorites.png)
}

.block-player__item-favorite_in-favorites:before {
    background-image: url(../images/player/in-favorites.png)
}

.block-player__item-btn {
    color: #48494d;
    font-size: 15px;
    cursor: pointer;
    padding-left: 25px;
    position: relative;
    font-family: 'Museo Sans Cyrl 500'
}

.block-player__item-btn:before {
    top: 50%;
    width: 11px;
    content: '';
    height: 17px;
    position: absolute;
    background-size: contain;
    background-position: 0 0;
    transform: translate(-150%, -40%);
    background-repeat: no-repeat
}

.block-player__item-btn_play:before {
    background-image: url(../images/player/play.png)
}

.block-player__item-btn_pause:before {
    background-image: url(../images/player/pause.png)
}

.block-player__item-info-container,
.block-player__item-top-container,
.block-player__item-bottom-container {
    width: 100%
}

.block-player__item-bottom,
.flex-container.block-player__item-track-info,
.flex-container.block-player__item-bottom-container {
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between
}

.block-player__inner-body,
.block-player__item-body {
    font-size: 13px;
    line-height: 22px;
    color: #4b4b4b;
    margin-bottom: 10px
}

.block-player__item-all .block-player__item-btn span {
    border-bottom: 1px dashed #000
}

.block-player__item-btn_play.active {
    color: #70a013
}

.block-player__item-all .block-player__item-btn.active span {
    border-bottom-color: #70a013
}

.block-player__item-btn_play.active:before {
    transform: rotate(90deg) translate(-65%, 100%)
}

@media screen and (max-width:768px) {
    .block-player__item-all .block-player__item-tags {
        margin-top: 2px
    }
    .block-player__item-bottom-container {
        width: 100%;
        display: flex;
        align-items: flex-start !important;
        justify-content: space-between !important
    }
}

.songs-sort-block__input {
    display: none
}

.block-player__item-track-info .flex-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media screen and (min-width:768px) {
    .player-block__inner-product {
        margin-bottom: 30px
    }
    .block-player__item-author {
        font-size: 14px
    }
    .block-player__item-info-container {
        width: -webkit-calc(100% - 130px);
        width: calc(100% - 130px)
    }
    .section-song-inner {
        padding-right: 25px
    }
}

.player-block__inner-image-container {
    text-align: center
}

.player-block__inner-image {
    width: 100%;
    max-width: 100%;
		height: auto;
    border-radius: 10px
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .player-block__inner-image {
        width: auto;
        height: 150px
    }
    .player-block__inner-image-container {
        width: 150px;
        flex: 0 0 150px;
        margin-right: 10px
    }
    .song-counters-block__item {
        font-size: 18px
    }
    .likes-button__counter {
        padding: 0 15px
    }
    .likes-and-download-block__likes-button {
        margin-right: 0
    }
    .likes-and-favourites-block__favourites-button,
    .likes-button__text {
        font-size: 12px;
        line-height: 14px
    }
    .download-button__text {
        padding-left: 0
    }
}

@media screen and (min-width:1024px) {
    .player-block__inner-image {
        width: auto;
        height: 310px
    }
    .player-block__inner-image-container {
        width: 310px;
        flex: 0 0 310px;
        margin-right: 10px
    }
}

.block-player__inner-body-btn {
    color: #ff5b1d;
    display: block;
    cursor: pointer;
    margin-top: 10px;
    text-decoration: underline;
    background-color: transparent
}

.block-player__inner-body_hidden {
    height: 280px;
    overflow: hidden;
    position: relative
}

.block-player__inner-body-btn_hidden {
    display: none
}

.player-container-stories {
    display: none
}

.block-player.active .player-container-stories {
    display: block;
    margin-top: 30px
}

.block-player__item-btn a {
    color: #797c89
}

.collection-list .flex-container {
    justify-content: center
}

@media screen and (max-width:767px) {
    .collection-list .flex-container,
    .block-player__item-track-info.flex-container,
    .block-player__item-track-info .flex-container {
        width: 100%
    }
    .collection-list .flex-container,
    .block-player__item-track-info.flex-container {
        display: block
    }
    .block-player.active .player-container-stories {
        margin-top: 0;
        margin-bottom: 30px
    }
    .block-player.active .block-player__item {
        margin-bottom: 10px
    }
    .block-player__item-name {
        margin-bottom: 10px
    }
    .block-player__item-author {
        margin-bottom: 5px
    }
    .player__play-pause-btn--mobile {
        margin: auto;
        border-radius: 50%;
        width: 60px;
        height: 60px !important;
        background-color: #e3f6fb;
        background-size: 13px 17px
    }
    .player__track-name--mobile {
        padding-left: 10px !important
    }
    .player--mobile {
        padding-top: 10px
    }
    .player-container.active .player__play-pause-btn--mobile {
        background-color: #a7edff
    }
    .player__play-pause-btn--mobile.player__play-pause-btn_active {
        filter: none
    }
}

.player-container.active .track-controls,
.player-container.active .player {
    background-color: #cdeff8
}

.player-container.active .track-controls {
    display: flex;
    padding: 5px 15px;
    border-radius: 6px;
    align-items: center;
    margin-bottom: 5px
}

.page-sidebar-popular__title {
    color: #747783;
    line-height: 1;
    font-size: 21px
}

.popular-songs-block__item {
    margin-top: 40px
}

.popular-songs-block__item-image-container {
    margin-bottom: 10px
}

.main-index {
    align-items: center
}

.main-filter {
    margin-left: 25px;
    border-radius: 10px;
    background-color: #f3f3f3
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .main-index {
        align-items: flex-start;
        flex-direction: column
    }
    .main-filter {
        margin-left: 0
    }
    .songs-sort-block__label {
        font-size: 12px;
        padding: 10px 15px
    }
}

.main-filter__link {
    color: #747783;
    display: block;
    line-height: 1;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
    border-radius: 10px
}

.main-filter__link:before {
    top: 50%;
    right: 0;
    content: '';
    height: 25px;
    position: absolute;
    transform: translateY(-50%);
    border-right: 1px solid #e6e6e7
}

.main-filter__link:last-child:before,
.main-filter__link_active:before {
    display: none
}

.main-filter__link_active {
    color: #fff;
    padding: 10px 20px;
    background-color: #04aeda
}

.sidebar-inner {
    padding: 10px 0 0 15px
}

.sidebar {
    padding: 20px 0 0 15px
}

.sidebar__title {
    margin: 0 0 35px
}

.filter__title {
    color: #04aeda;
    line-height: 1;
    font-size: 14px;
    position: relative;
    flex: 1 0 auto;
    align-items: center;
    margin-bottom: 25px;
    text-transform: lowercase
}

.filter__title-text {
    flex: 1 0 auto
}

.filter__title-text i {
    font-size: .9em;
    font-family: 'Calibri'
}

.filter__title-dotted {
    width: 100%;
    margin-left: 8px;
    border: .5px dashed #e1e2e4
}

.filter__item-link {
    color: #666b79;
    display: block;
    line-height: 1;
    font-size: 15px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 14px
}

.filter__item-link span {
    color: #707070;
    visibility: hidden;
    transition: all .1s ease-in-out
}

.filter__item-link:before {
    left: 0;
    top: 50%;
    width: 4.5px;
    content: '';
    height: 4.5px;
    position: absolute;
    transform: translateY(-50%);
    background-color: #666b79;
    border: 2px solid #dfe0e2;
    transition: all .3s ease-in-out
}

.filter__item-link:hover {
    color: #014467;
    text-decoration: underline
}

.filter__item-link:hover:before {
    background-color: #ff6328
}

.filter__item-link:hover span {
    visibility: visible
}

.song-author-block__image-container {
    width: 170px;
    height: 170px
}

.song-author-block__image {
    border-radius: 10px
}

.song-author-block__prename {
    font-size: 14px;
    margin-top: 35px
}

.song-author-block__name {
    color: #747783;
    display: block;
    font-size: 26px;
    margin-top: 10px;
    line-height: 32px
}

.loading-page main {
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%)
}

.end_page_content,
.start_page_content {
    display: none !important
}

.subplayer-link-mobile {
    margin-top: 5px;
    display: block;
    color: #fff;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -4px;
    line-height: 25px;
    margin-bottom: -4px;
    text-align: center;
    white-space: nowrap;
    background-color: #860101;
    font-size: 14px
}

.subplayer-link-mobile-line {
    text-decoration: line-through
}

.subplayer-link-mobile span {
    border-bottom: 1px solid #fff
}
.block-player__item-bottom .block-player__item-likes {		display:none;	}
.osprey-page-section-content-main_mobile .block-player__item-bottom .block-player__item-likes {	display:none;}
.osprey-page-section-content-main_mobile .block-player__item-container-image .block-player__item-likes {	display:block;}
@media (min-width:768px) {	
	.osprey-page-section-content-main_mobile .block-player__item-bottom .block-player__item-likes {		display:block;	}
	.osprey-page-section-content-main_mobile .block-player__item-container-image .block-player__item-likes {		display:none;	}	
	.subplayer-link-mobile {
		display: none
	}
}

.fixed-player {
    padding-bottom: env(safe-area-inset-bottom)
}

@supports(padding:max(0)) {
    .osprey-page-section-content {
        padding-left: max(5px, env(safe-area-inset-left));
        padding-right: max(5px, env(safe-area-inset-right))
    }
}

.fixed-player.loading-long {
    height: 120px;
}

.loading-long-block {
    justify-content: center;
    padding: 5px;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
}

.loading-long-title {
    font-size: 10pt;
    text-align: center;
    color: #b3efff;
}

.loading-long-buttons {
    text-align: center;
}

.loading-long-buttons button {
    display: inline-block;
    font-family: 'Museo Sans Cyrl 500', sans-serif;
    font-size: 12px;
    line-height: 12pt;
    font-style: normal;
    text-align: right;
    color: #ff5715;
    cursor: pointer;
    text-decoration: underline;
    background: none;
    padding: 0 10px;
    margin: 0 5px;
}

.loading-long-buttons button.loading-long-button-reload {
    color: #fff;
}

.loading-long-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 5px;
    cursor: pointer;
}

.loading-long-close svg {
    width: 20px;
    height: 20px;
}.main-navigation .show-all-link {	color: #ff5715;}

.player-stories-list {
	display:none;
	margin-bottom: 25px;
}
.player-stories-list.active {
	display:block;
}

@media (max-width: 767px) {
	.player-stories-list .player__play-pause-btn {
		width: 45px;
		flex: 0 0 45px;
		margin-right: 0;
		box-shadow: none;
		border-right: none;
		display: block !important;
	}
}
.soc-block {
	display: block;
	margin-bottom: 30px;
}
.section-song-inner .soc-block {
	text-align: center;
	margin: 30px auto;
}

.youtube-link{
    display: none;
}

@media (max-width: 767px){
    .youtube-link{
        display: flex;
        margin: 20px 0;
        color: #1d2541;
        align-items: center;
        line-height: 1.2;
        padding: 0 10px;
        font-size: 15px;
    }
}
.youtube-link__img{
    display: block;
    width: 80px;
    height: 80px;
    object-fit: cover;
    object-position: 50% 50%;
    margin-right: 20px;
}
.youtube-link__button{
    background-color: #c4302b ;
    padding: 5px 10px;
    border-radius: 25px;
    margin-top: 5px;
    color: #fff;
    text-align: center;
}

.d-center{
    display: flex;
    justify-content: center;
}