/*
DEV VERSION
*/
/*
@keyframes rise {
    0% {
        opacity: 0
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}
*/

@keyframes loading {
    0% {
        background: #969696
    }

    to {
        background: rgba(150,150,150,.5)
    }
}

@keyframes loading2 {
    0%,to {
        opacity: .2
    }

    20% {
        opacity: 1
    }
}

@media print {
    body * {
        visibility: hidden
    }

    .lyrics * {
        visibility: visible
    }

    .lyrics-tools,i {
        display: none
    }

    .lyrics {
        position: absolute;
        left: 0;
        top: 0
    }
}

a,article,aside,b,canvas,caption,center,dd,del,dfn,div,dl,dt,em,embed,fieldset,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,ins,label,legend,li,menu,nav,q,samp,section,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

body,pre {
    margin: 0;
    border: 0;
    vertical-align: baseline
}

footer,img,ol,p {
    padding: 0;
    vertical-align: baseline
}

footer,ol,p {
    border: 0
}

img {
    margin: 0
}

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

button,input,select,textarea {
    font-family: inherit;
    font-size: 14px;
    padding: 6px
}

button,input {
    color: #333;
	border-radius: 4px;
    border: 1px solid #d0d0d0
}

select,textarea {
	border-radius: 4px;
    border: 1px solid #ddd
}

textarea {
    color: #333
}
/*
.input-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden
}*/

select {
    height: 27px
}

body,html {
    height: 100%;
    min-width: 320px
}

html {
    overflow-y: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

/* pt-sans-regular - latin_cyrillic */
/*
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'),
       url('/assets/fonts/pt-sans-v17-latin-ext_latin_cyrillic-regular.woff2') format('woff2'), 
       url('/assets/fonts/pt-sans-v11-latin_cyrillic-regular.woff') format('woff');
}*/

body {
    background: #f7f7f7;
}

body {
    color: #4a4a4a;
    font: 10.3pt/100% "PT Sans","Segoe UI","Franklin Gothic Medium","Candara",sans-serif;
    padding: 0
}

.transition{
	transition: .5s;
}

a:not(:hover) {
    color: #1f8adc;
    text-decoration: none
}

.show-more-tracks:hover,a:hover {
    color: #219af7
}

.icon-hl:hover {
    color: #219af7!important;
    cursor: pointer
}

.disabled {
    opacity: .6
}

#scroll-top {
    width: calc(20% - 180px);
    height: 99%;
    color: #999;
    left: 0;
    top: 48px;
    cursor: pointer;
    text-decoration: none
}

#scroll-top #scroll-top-arrow {
    display: none
}

#scroll-top:hover #scroll-top-arrow {
    position: absolute;
    display: block;
    font-family: sans-serif;
    font-size: 42px;
    left: 20px;
    top: 30px
}

#popup-box,#scroll-top {
    position: fixed
}

#popup-box{
	display: none
}

#popup-box.act {
    z-index: 2001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    text-align: center
}

#popup-box .popup-box-title {
    font-size: 19px;
    font-weight: 700
}

#popup-box-content {
    position: absolute;
	border-radius: 5px;
    width: 200px
}

.act>#popup-box-content {
    width: 580px;
    height: 380px;
   /* transition: .4s;*/
    margin: auto;
    padding: 22px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    text-align: left;
    overflow-y: auto
}

.ajax-form {
    margin-top: 19px
}

.ajax-form .button:not(.popup-box-cancel) {
    margin-right: 3px
}

#new-playlist-name,.textfield {
    line-height: 29px;
    height: 29px;
    font-size: 14px;
    /*border: 1px solid #ddd;*/
    background: 0 0
}

#new-playlist-name {
    padding: 0 6px
}

.textfield:focus {
    border-color: #4d90fe;
    outline: 0
}

.form-field select,.textfield {
    margin-bottom: 10px;
    width: 220px;
    padding: 0 6px;
    box-sizing: border-box
}


.form-field>.field-label {
    width: 120px;
    display: inline-block
}

.form-field select {
    cursor: pointer;
    padding-left: 2px
}

.form-field i {
    font-size: 17px;
    margin-right: 12px
}

.list a:hover:visited,.tracklist-tit:hover:visited {
    color: #2c2c70!important
}

.anchor {
    display: block;
    position: relative;
    top: -65px;
    visibility: hidden
}
/*
.hieroglyphs {
    color: #5f5f5f
}*/

.search-clear {
    background: #fff;
    position: absolute;
	margin: 2px -37px;
    padding: 3px 0 4px 5px;
    cursor: pointer;
    font-size: 1.5em;
    color: #777
}

.search-clear:hover {
    opacity: .9
}

#player-bottom-error {
    color: #ff6b6b
}
/*
p {
    margin: 0 0 18px
}
*/
img {
    border: 0;
    border-radius: 1px;
    image-rendering: -webkit-optimize-contrast
}

h1,h2,h3 {
    font-weight: 400
}

h2 {
    font-size: 14pt
}

.article-h3 {
    font-weight: 700;
    margin: 22px 0 12px;
}
.article-h3:first-child {
    margin: 2px 0 12px;
}

.tooltip::before {
    background: rgba(0,0,0,.75);
    color: #fff;
    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    border-radius: 4px;
    margin-top: -32px;
    margin-left: 0;
    padding: 0 7px;
    height: 24px;
    font: 13px/23px "PT Sans",sans-serif;
    font-weight: 400;
    white-space: nowrap;
    content: attr(data-tooltip)
}

.tooltip::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0;
    border-color: rgba(0,0,0,.65) transparent transparent;
    margin-top: -9px;
    margin-left: -1em;
    -moz-transform: scale(.9999)
}

.tooltip::after,.tooltip::before {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    opacity: 0;
    transition: .3s
}

.tooltip:hover:after,.tooltip:hover:before {
    visibility: visible;
    opacity: 1!important;
    transition: .1s;
    transition-delay: .1s
}

#header {
    width: 100%;
    background: rgba(29,29,29,.9);
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    position: fixed;
    z-index: 2000;
    height: 46px
}

#tmenu-items {
    display: inline-block;
    margin-left: 144px;
    position: absolute;
    z-index: 2010;
    height: 50px;
    vertical-align: middle;
    outline: 0;
    color: #fdfdfd;
    font-size: 14px
}

.tmenu-item {
    display: inline-block;
    font-style: normal;
    padding-left: 9px;
    transition: .15s
}



.tmenu-button{
    display: inline-block;
}
#tmenu-settings{
	display: none; /* for old browsers */
	font-size: 1.23em;
    vertical-align: -1px;
	margin-left: -2px;
	color: #fff
}

@supports (filter: brightness(1)) {
	#tmenu-settings{
		display: inline-block;
	}
}

.drop-menu-title,.tmenu-item>.tmenu-link {
    display: inline-block;
    cursor: pointer;
    line-height: 42.9px;
    font-weight: 400;
    height: 45px;
    color: #fff;
    text-decoration: none;
    padding-right: 9px
}


.drop-menu {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    margin-top: 43px;
    margin-left: -9px
}

.tmenu-item.act>.drop-menu {
    max-height: 300px;
    padding-bottom: 3px;
    background: rgba(40,40,40,.9);
    border-radius: 0 0 5px 5px
}

.drop-menu>.drop-menu-title,.drop-menu>.tmenu-link {
    padding: 11px 12px 11px 11px;
    display: block;
    min-width: 200px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dashed #555
}
/*
.drop-menu.hidden {
    height: 0
}*/

.drop-menu>.tmenu-link:hover {
    background: #91e703;
    color: #fff!important;
    border-bottom: 1px dashed transparent
}

#tmenu-main>.drop-menu-title,#tmenu-search>.drop-menu-title {
    padding-left: 20px
}

#user-menu>.tmenu-link {
    padding-left: 24px
}

#tmenu-search-wr {
    display: none
}

#search-full-input {
    width: 335px;
    margin: 0 5px 0 0;
    line-height: 30px;
    height: 32px;
    vertical-align: top;
    font-size: 16px;
    padding: 0 6px;
    border: 1px solid #dddm;
}

#search-full-input,#search-full-submit {
    box-sizing: border-box
}

.search-artistlist-item {
    white-space: nowrap;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 8px;
    color: #6a6a6a
}

.tmenu-item.act>#tmenu-search-wr {
    position: absolute;
    z-index: 2;
    border-bottom: 2px solid #666;
    background: #fff;
    display: block!important;
    white-space: nowrap;
    height: 44px;
    margin-left: -9px
}

#tmenu-search-input {
    padding-left: 10px;
    width: 276px;
    border: 0;
    color: #666;
    font-size: 17px;
    margin-top: -4px;
    vertical-align: middle
}

#tmenu-search-input:focus {
    outline: 0
}

#tmenu-search-submit {
    display: inline-block;
    padding-right: 10px;
    cursor: pointer;
    color: #555;
    font-size: 16px;
    line-height: 42px
}

#tmenu-search-submit:hover {
    color: #09f
}

#user-menu {
    position: absolute;
    margin-left: 570px;
    white-space: nowrap
}

#tmenu-items .icon-menu-1 {
    font-size: 1.45em;
    position: absolute;
    margin-left: -25px
}

#tmenu-items .icon-lock,#tmenu-items .icon-search-1 {
    font-size: 14.6pt;
    position: absolute;
    margin-left: -24px
}

#tmenu-items .icon-lock {
    font-size: 13.9pt
}

.drop-menu {
    box-shadow: 1px 2px 3px 1px rgba(0,0,0,.2)
}
/*
#menu-wr>#tmenu-items:hover~div,#tmenu-search:not(:hover) .drop-menu {
    opacity: .3
}

#tmenu-search .drop-menu {
    background: rgba(40,40,40,.8)!important
}*/

#menu-wr {
    width: 990px;
    height: 16px;
    position: fixed;
    z-index: 2001;
    left: 50%;
    margin-left: -500px
}

#logo {
    position: absolute;
    width: 116px;
    height: 16px;
    padding: 15px 0 10px;
    margin-left: 6px;
    margin-top: -1px;
    vertical-align: middle
}

#logo:hover, #tmenu-settings:hover {
    opacity: .9
}

#middle {
    padding-top: 66px;
    width: 988px;
    min-height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-bottom: 110px
}

#contentmain {
    width: 728px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top
}

#contentmain>.card {
    width: 728px
}

.themed-cl{white-space:nowrap}.themed-cl>span{font-size:1.35em}
.themed-cls img{display:block;margin-top:-18px}
.themed-cls img:hover{opacity:.98;filter:brightness(1.01)}

.l-avatar-wr{
	width:48px;
	height:48px;
	vertical-align:middle;
	text-align:center;
	border-radius:50%;
	float:left;
	margin-right:10px
}
.l-avatar-l{
	margin:14px 0 0 1px;
	color:#fff;
	font-size:2em;
	font-family:'Gill Sans','Euphemia UCAS','PT Sans'
}

#sidebar {
    width: 260px;
    position: absolute;
    margin-left: 737px;
    top: 66px
}

#sidebar>.card {
    width: inherit
}

.card, #transcoder-frame-body, .switch-2d-back {
	background: #fff;
}
.card {    
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03);
	border-radius: 6px;
    padding: 18px 0 6px;
    margin-bottom: 10px;
    min-height: 75px
}

#loading-bar.act {
    width: 100%;
    transition: width 2.5s
}

#loading-bar {
    transition: width 0s;
    position: fixed;
    z-index: 2001;
    display: block;
    width: 0%;
    height: 2px;
    background: #89e800
}

.card-descr {
    padding-top: 10px;
    color: #777
}

.card-content {
    padding-top: 20px;
    padding-bottom: 18px;
    line-height: 124%
}

.card-tit {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 2px 0
}

.card-tit:empty {
    height: 0;
    margin-top: -22px
}

.card-tit>i:before {
    margin-left: -5px;
    width: 23px
}

.card-content,.card-descr,.card-tit {
    padding-left: 18px;
    padding-right: 18px
}

.card-icon {
    margin-left: 11px;
    position: absolute;
    font-size: 42px
}

.card-icon.icon-cancel-4 {
    margin-top: -5px;
    color: #ff423b
}

.card-icon.icon-lock {
    margin-top: -3px;
    color: #fcdf03
}

.card-icon.icon-copyright {
    margin-top: -2px;
    color: #ff3131
}

.card-icon~div {
    margin-left: 50px
}

.article,.artist-biography-text {
	font-size: 1.01em;
    line-height: 1.31em
}

.article ul {
    margin: 10px 0
}

.article ul>li {
    padding: 2px 0 3px;
    margin: 0 16px
}

.artist-biography-image {
    margin: 3px 10px 5px 0;
    vertical-align: top;
    display: inline-block;
    border-radius: 50%
}

.artist-biography-text {
    vertical-align: top;
    display: inline-block;
    width: 75%
}

.list {
    padding-left: 0!important;
    padding-right: 0!important;
    list-style: none
}

ol {
    counter-reset: li;
    margin: 0
}

.tracklist {
    color: #888;
    font-size: 1.04em
}

.card-content+.tracklist {
    padding-top: 1px;
    margin-top: 10px
}

.tracklist a {
    vertical-align: top;
    padding-right: 3px
}
/*
.list>li a:target {
    color: red
}*/

.list>li {
    border: 1px solid transparent;
    border-bottom-color: #e9e9e9;
    padding: 7px 0 13px 14px;
    line-height: 19px;
    position: relative
}

.list.in-tab>li {
    margin-left: -18px;
    width: 711px
}

.tracklist>li.act {
    border-color: #fdee04;
    position: relative;
    top: -1px;
    padding-top: 8px;
    padding-bottom: 12px
}

.tracklist-more>i {
    margin-right: 9px;
    vertical-align: text-bottom
}

.tracklist-more>i:before {
    vertical-align: top;
    font-size: 18px;
    color: #666
}

.tracklist-more {
    font-size: 14px;
    margin-top: 13px
}

.related-artists li {
    margin: 4px 0 14px 1px;
    list-style: none
}

.related-artists a:not(:hover) {
    color: #4a4a4a
}

ol>li:before {
    content: counter(li);
    counter-increment: li;
    width: 23px;
    color: #8c8c8c;
    display: inline-block;
    text-align: center
}

.tracklist>li>i {
    position: absolute;
    cursor: pointer;
    margin-left: -29px;
    padding-left: 10px;
    width: 20px;
    height: 20px
}

.tracklist>li>i:hover {
    opacity: .95
}

.tracklist.non-playable>li>i {
    cursor: default;
	pointer-events: none;
}

.tracklist>li.hint>i:before,.tracklist>li.paused>i:before,.tracklist>li:hover>i:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    -moz-transform: scale(.9999)
}

.tracklist>.hint>i {
    background: #fff
}

.tracklist>li.hint>i:before,.tracklist>li:hover>i:before {
    border-color: transparent transparent transparent #a8e669!important
}

.tracklist.non-playable>li>i:before {
    border-color: transparent!important
}

.tracklist>li.paused>i:before {
    border-color: transparent transparent transparent #ddd
}

.player-big-btn-play, .player-small-btn-play {
    color: #b6f15b
}

.player-small {
	height: 70px;
	margin-bottom: -12px;
	margin-top: 1px
}

.tracklist>li.act:before,.tracklist>li.paused:before,.tracklist>li:hover:before {
    visibility: hidden
}

.tracklist.non-playable>li:hover:before {
    visibility: visible
}

.tracklist>li.act>i:after,.tracklist>li.act>i:before {
    content: '';
    display: block;
    width: 6px;
    height: 19px;
    background: #fcdf03;
    position: absolute
}

.tracklist>li.act>i:before {
    border: 0;
    margin-left: -1px
}

.tracklist>li.act>i:after {
    margin-left: 9px
}

.tracklist>.hidden {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: -.14em
}

.red-notice, .red-notice > a {
    color: #f72d25!important
}

.arranger {
    color: #93de34!important
}

.red-notice {
    display: block
}

.tracklist-artist:not(:hover),.tracklist-user:not(.arranger) {
    color: #888!important
}

.tracklist-notice {
    margin-left: 35px;
    color: #888;
    font-size: 12px;
    line-height: .9em;
    max-width: 180px;
    min-height: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 1px;
    white-space: nowrap
}

.tracklist-tit {
    color: #999
}

.tracklist-tit:not(:hover) {
    color: #4a4a4a
}

.tracklist-tit>em {
    font-style: normal
}

.tabs li:not(.act):hover,.tracklist-tit:not(:hover)>em {
    color: #aaa
}

.tracklist-artist,.tracklist-tit,.tracklist-user {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis
}

.tracklist-artist,.tracklist-tit {
    margin-left: 13px;
    width: 188px
}

.tracklist-tit.popular {
    font-weight: 700
}

.tracklist-tit+span {
    padding-left: 30px
}
/*
.tracklist-tit sup {
    vertical-align: inherit;
    text-decoration: none!important;
    position: absolute;
    margin-left: 2px;
    margin-top: -1px
}*/

.tracklist .icon-user {
    margin-left: 80px
}

.tracklist-user {
    width: 114px
}

.tracklist>li>b,.tracklist>li>span {
    display: inline-block;
    font-weight: 400
}

.tracklist>li>span {
    width: 40px
}

.tracklist>li>b {
    position: absolute;
    margin-top: -1px;
    font-size: .8em;
    line-height: 13px;
    overflow: hidden;
    color: #888
}

#minustrack-full-buttons a, ins {
    color: inherit;
    text-decoration: none
}
/*
.minustrack-info-notice .icon-info-1:before {
    font-size: 16px;
    vertical-align: -1px;
    color: #777
}*/

.minustrack-info-tags {
    margin-bottom: 13px
}

.minustrack-info-notice {
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis
}

.minustrack-info-tag {
    margin-left: 2px;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 3px
}

.minustrack-info-tag>i {
    font-size: 1.1em;
    vertical-align: -1px;
    color: #666
}

.minustrack-info-tags a {
    margin-right: 4px
}

.minustrack-info-tags>img {
    vertical-align: -3px;
    margin-right: 6px
}

#plus-tracks .tracklist-tit,#plus-tracks-wr,.minustrack-info-user {
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.minustrack-info-user {
    max-width: 110px;
    text-overflow: ellipsis
}

#plus-tracks-wr {
    width: 340px;
    margin-right: 28px;
    min-height: 50px
}

#plus-tracks {
    margin-top: -3px;
    padding-left: 1px!important
}

#plus-tracks>li {
    border: 0
}

#plus-tracks .tracklist-tit {
    width: 240px;
    white-space: nowrap;
    color: #4a4a4a
}

#plus-tracks li i:before {
    border-color: transparent transparent transparent #619bce!important
}

#plus-tracks li.paused:not(:hover) i:before {
    border-color: transparent transparent transparent #ddd!important
}
/*
#plus-tracks a,#plus-tracks>.act:hover>.plus-track-duration {
    display: none
}*/



#plus-tracks>li>a {
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
	margin-left: 4px;
    text-decoration: none;
    color: inherit
}



#plus-tracks-video {
    margin-top: 4px
}

.pill,.pills {
    box-sizing: border-box;
    display: inline-block
}

.pills {
    margin: 0 0 20px;
    border-bottom: 1px solid #e9e9e9;
    white-space: nowrap;
    width: 100%;
    padding: 0 0 0 18px
}

.pills.card-content {
    margin-top: 32px
}

.pill {
    padding: 0;
    margin-right: 16px;
    line-height: 23px;
    font-size: 110%;
    text-decoration: none;
    cursor: pointer
}

.pills>a:not(:hover) {
    color: #666
}

.pill.act {
    font-weight: 700;
    border-bottom: 1px solid #5da6f9
}

.pagination {
    border-top: none!important;
    margin-top: -4px
}

.pagination>a {
    display: inline-block;
    border: 1px solid #dadada;
    line-height: 31px;
    text-align: center;
    min-width: 13px;
    text-decoration: none;
    margin: -1px 0 0 -1px;
    padding-left: 10px;
    padding-right: 10px
}

.artistlist a:not(:hover),.pagination>a:not(:hover) {
    color: #4a4a4a
}

.pagination>.current {
    font-weight: 700;
    background: #f9f9f9
}

.artistlist h2 {
    color: #92d463;
    margin: 5px 0 3px;
    text-transform: capitalize
}

.artistlist a,.letters a {
    display: inline-block;
    width: 256px
}

.artistlist li {
    color: #888
}

.letters {
    margin-top: 0;
    margin-left: 0
}

.letters a {
    font-size: 115%;
    height: 32px;
    width: 3.84%;
    min-width: 25px;
    box-sizing: border-box;
    padding: 7px 0 3px;
    margin: -1px 0 0 -1px;
    text-align: center;
    text-decoration: none;
    color: #666;
    border: 1px solid #e4e4e4;
    border-left: 1px solid #f2f2f2;
    border-top: 1px solid #ededed;
    background: #fff
}

.alphabet-wr a {
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.alphabet-wr {
    width: 100.2%;
    margin-bottom: 10px
}

.letters a:hover {
    color: #09f
}

.letters.subalphabet {
    margin-left: 0;
    margin-bottom: 0
}

.subalphabet a {
    margin-right: 0;
    min-width: 35px;
    padding-top: 7px
}

.subalphabet a:after {
    content: ''
}

.card-tit sup {
    font-size: 11px;
    font-weight: 400;
    color: #888;
    margin-left: 3px;
    margin-top: -3px;
    position: absolute
}

.player-big {
    height: 80px;
    margin-bottom: -12px;
    margin-top: 1px
}

.player-big-back-to-start {
    color: #666;
    width: 50px;
    height: 20px;
    position: absolute;
    z-index: 7;
    top: 65%;
    font-family: sans-serif;
    font-size: 22px
}

.player-big-back-to-start:hover {
    color: #444
}

.player-big-btn-play:hover, .player-small-btn-play:hover {
    opacity: .9
}

.player-big-btn-play, .player-small-btn-play {
    position: absolute;
    z-index: 2;
    margin-left: -5px;
    cursor: pointer;
}
.player-big-btn-play {
	font-size: 38px;
	margin-top: 10px;
}
.player-small-btn-play {
	font-size: 36px;
	margin-top: 16px;
}

.player-big.act .player-big-btn-play:before {
    content: '\e882';
    font-size: 36px;
    padding-left: 1px
}

.player-small.act .player-small-btn-play:before {
    content: '\e882';
    font-size: 35px;
    padding-left: 1px
}

.player-big-wf {
    margin-left: 52px;
    margin-top: -10px;
    width: 640px
}

.player-big-wf, .player-small-wf {
    cursor: pointer;
}

.player-big-wf-back {
    width: 640px
}

.player-small-wf-back {
	width: 100%
}

.player-small-wf {
	height: 70px;
	position: absolute;
	box-sizing: border-box;
	border-left: 88px solid transparent;
	margin-left: -40px;
	width: 730px;
}

.player-big-wf {
    height: 80px;
    position: absolute
}

.player-big-wf-back, .player-small-wf-back {
    z-index: 1;
	background: linear-gradient(0deg, #bcbcbc 0%, #b9b9b9 46.5%, #777 49%, #565656 49.5%, #656565 50%, #868686 100%)
}

.player-big-wf-load, .player-small-wf-load {
    z-index: 2;
    width: 0;
    background: linear-gradient(0deg, #ababab 0%, #a8a8a8 46.5%, #6c6c6c 49%, #4b4b4b 49.5%, #5b5b5b 50%, #7a7a7a 100%)
}

.player-big-wf-play, .player-small-wf-play {
    z-index: 3;
    width: 0;
	background: linear-gradient(0deg, #d7fea4 0%, #d5f5a9 49.0%, #9adb51 49.5%, #a8ea55 50%, #b8fb58 100%)
}

.player-big-wf-back,.player-big-wf-load,.player-big-wf-play, .player-small-wf-back, .player-small-wf-load, .player-small-wf-play {
    background-size: 100% 100%;
    position: absolute;
    height: inherit
}

.player-big-time, .player-small-time {
    position: absolute;
    z-index: 7;
    padding: 0 5px;
    line-height: 19px;
    font-size: 11px;
    color: #fff;
    background: rgba(40,40,40,.5);
    border-radius: 4px;
    white-space: nowrap
}

.player-big-time {
	margin-top: 21px;
}

.player-small-time {
	right: 0;
	margin-top: 17px;
}

.player-big-wf-mask, .player-small-wf-mask {
    z-index: 4;
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    height: inherit
}

#player-bottom-wf-mask, .player-big-wf-mask, .player-small-wf-mask {
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor
}

.player-big-wf-pointer, .player-small-wf-pointer {
    position: absolute;
    z-index: 5;
    width: 1px;
    height: 100%;
    background: #98d050
}

.player-small-color-2 .player-small-btn-play {
	color: #a2a5ff
}

.player-small-color-2 .player-small-wf-pointer {
	background: #a28df9
}

.player-small-color-2 .player-small-wf-play {
	background: linear-gradient(0deg, hsl(249deg 100% 87%) 0%, #c5cae4 49.0%, #7351db 49.5%, #7c74ec 50%, #9a9de4 100%)
}


.player-small-color-3 .player-small-btn-play {
	color: #ffd257
}

.player-small-color-3 .player-small-wf-pointer {
	background: #ffcc40
}

.player-small-color-3 .player-small-wf-play {
	background: linear-gradient(0deg, hsl(45.5, 100%, 87.8%) 0%, #ffe995 49.0%, #ffc78b 49.5%, #ffca2c 50%, #ffd78a 100%)
}

.button.player-small-color-3 {
    border-color: #ffca2e
}


.player-small-color-4 .player-small-btn-play {
	color: #ff8467
}

.player-small-color-4 .player-small-wf-pointer {
	background: #ff6a59
}

.player-small-color-4 .player-small-wf-play {
	background: linear-gradient(0deg, hsl(11.6, 100%, 87.8%) 0%, #ffae95 49.0%, #ff9676 49.5%, #ff5d4c 50%, #ffb7a6 100%)
}

.button.player-small-color-4 {
    border-color: #ff9764
}




.comments-list {
    margin-top: 30px
}

.comments-list td {
    vertical-align: top
}

.comments-item img {
    margin-top: 3px
}

.comment-content {
    padding: 6px 0 12px;
    line-height: 1.27em
}

.comment-content>del,.deleted .comment-content:before {
    color: #aaa;
    text-decoration: line-through
}

html[lang=ru] .deleted .comment-content:before {
    content: 'Комментарий удалён';
    visibility: visible
}

.deleted .comment-content:before {
    content: 'Deleted';
	visibility: visible
}

.comment-time {
    margin-left: 9px;
    color: #999;
    font-size: .94em
}

.comments-item {
    width: 95%;
    border-bottom: 1px solid #eee;
    padding: 8px 0
}

.comment-shift {
    margin-left: 60px
}

.comment-reply {
    margin-right: 10px
}

.comment-reply:hover {
    color: #09f;
    cursor: pointer
}
.button {
    cursor: pointer;
    font-size: 1em;
    transition: .15s
}

.subalphabet a,a.button {
    text-decoration: none
}

.button:hover {
    color: #333
}

.button.call {
    border-color: #abec1a
}

.button.player-small-color-2{
	border-color: #a2a5ff;
}

.button-b:not(:hover) {	
    color: #666
}

.button-b {
	background: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    line-height: 2.2em;
    padding-right: 10px;
    padding-left: 10px
}

.button-b>i {
    margin-right: 4px;
    font-size: 9.9pt
}

.button-b,.minus-track-process {
    display: inline-block
}

.minus-track-process-pitch,.minus-track-process-tempo {
    margin-left: 2px;
    margin-bottom: 4px
}

.minus-track-process-pitch i,.minus-track-process-tempo i {
    margin-right: 3px
}
/*
html[lang=en] .minus-track-process-start {
    width: 100px
}
*/
.minus-track-process-start {
    min-width: 86px;
    text-align: center;
    display: inline-block
}

.minus-track-process-pitch>span,.minus-track-process-tempo>span {
    display: inline-block;
    width: 111px
}

.switch {
	background-color: white;
	display: inline-block;
	border: 1px solid #bbb;
	padding: 3px 7px;
	margin-right: 3px;
	text-align: center;
	min-width: 25px
}

.switch.act {
	border-color: #ffd600;
	cursor: default
}

.toogle,i {
    display: inline-block
}

#player-bottom *,.button,.player-big-wf,.player-small-wf,.lyrics-sender,.tabs,.tmenu-item,.toogle,.toogle-label,.tracklist>li>i,i {
    -webkit-touch-callout: none;
    user-select: none
}

.toogle+.toogle {
    margin-left: 12px
}

.toogle-label {
    vertical-align: top;
    line-height: 18px;
    margin-left: 2px
}

.toogle:hover, .switch:hover, .vocal-cut-switch-value:hover {
    cursor: pointer;
    opacity: .88;
    transition: .1s
}

.toogle>i {
    font-size: 18px;
    vertical-align: top;
    color: #a5a5a5
}

.toogle.act>i:before {
    content: '\e838'!important;
    color: #5b99d4
}

.button-minus,.button-plus {
    display: inline-block;
    border: 1px solid #cacaca;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial,sans-serif;
    width: 21px;
    text-align: center;
    margin-bottom: 5px
}

.button-minus {
    margin-right: 8px;
    margin-left: 9px
}

.button-plus {
    margin-left: 7px
}

.button-minus:hover,.button-plus:hover,.lyrics-tools i:hover {
    opacity: .85;
    cursor: pointer
}

.minus-track-process-value {
    display: inline-block;
    padding: 0 1px;
    min-width: 36px;
    text-align: center;
    font-size: 1.18em;
    cursor: default
}

#minustrack-full-buttons {
    font-size: 14px;
    font-weight: 400;
    color: #777;
    float: right;
    margin-top: -2px
}

#minustrack-full-buttons .button {
    display: inline-block;
    margin-right: 8px;
    white-space: nowrap
}

#minustrack-full-buttons i {
    font-size: 17px!important;
    margin-right: -2px;
    vertical-align: -1px
}

.button-like {
    min-width: 32px
}

.button-like.act,.button-like:hover {
    color: green!important
}

.minustrack-full>h1 {
    white-space: nowrap;
    text-overflow: ellipsis
}

.minustrack-full>h1>a:hover {
    border-bottom: 1px solid #219af7
}

.minustrack-full>h1>a:not(:hover) {
    color: inherit;
    border-bottom: 1px solid #4a4a4a
}

.minustrack-full>h1>a {
    display: inline-block;
    height: 17px;
    overflow: visible;
    text-decoration: none;
    margin-right: 2px
}

.minustrack-full-title:before {
    content: '\203A';
    padding-right: 6px
}

.minustrack-info a {
    white-space: nowrap
}

.minustrack-info {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    width: 360px
}

.minustrack-info td,.minustrack-info th {
    text-align: left;
    overflow: hidden;
    height: 23px
}

.minustrack-info th {
    padding-right: 12px;
    white-space: nowrap;
    min-width: 66px
}

.icon-link-ext-alt {
    opacity: .8;
    font-size: .85em;
    margin-left: 3px;
    vertical-align: .1em
}

.tabs {
    border-bottom: 1px solid #e9e9e9
}

.tabs li+li {
    margin-left: 13px
}

.tabs li {
    float: none;
    display: inline-block;
    cursor: pointer;
    height: 20px
}

.tabs li.act {
    border-bottom: 1px solid #5da6f9
}

.tabs li:not(.act) {
    color: #888;
    font-weight: 400
}

.lyrics-tools i {
    vertical-align: middle;
    font-size: 16px;
    color: #777
}

.lyrics-tools {
    margin-bottom: 17px
}

.lyrics-tools-font-size {
    margin-left: 13px
}

.lyrics-tools-font-size-val {
    display: inline-block;
    margin-right: 1px;
    text-align: center;
    width: 42px
}

.lyrics-sender {
    margin-top: 14px
}

pre {
    white-space: pre-wrap;
    padding: 1px;
    transition: .2s;
    color: #505050
}


#add-lyrics-text,.lyrics-editor,pre {
    font: 14px/1.18em Consolas,'Lucida Console',monospace
}

.lyrics {
    min-height: 140px
}

.lyrics pre>span {
    min-height: 1em;
    display: inline-block
}

.lyrics pre>.act {
    background: #fff7f8;
    color: #ff007f;
    transition: .4s
}

.lyrics pre>span:hover {
    background: #efe
}

.invisible {
    display: none!important
}

#user-full-contacts img {
    vertical-align: -3px
}

#user-full-contacts span {
    margin-right: 10px;
    white-space: nowrap
}

#user-full-contacts {
    margin-top: 10px;
    max-width: 400px
}

#user-full-contacts .icon-skype,#user-full-contacts .icon-vk {
    font-size: 16px;
    vertical-align: -2px
}

#user-full-about {
    display: inline-block;
    margin-top: 20px;
    width: 400px
}
/*
#user-full-about>h3 {
    margin-bottom: 10px
}
*/
.clipped {
    max-height: 112px;
    overflow: hidden;
    margin-bottom: 5px;
    cursor: pointer
}

.comment-content.clipped, #user-full-about > .clipped {
	max-height: 111px;
}

.clipped-show-more {
    display: none
}

.clipped>.clipped-show-more {
    display: block;
    position: absolute;
    margin-top: 126px;
    padding: 2px 0;
    width: 200px;
    background: #fff 0% 0%;
    color: #1d79c2
}

.clipped:hover>.clipped-show-more {
    transition: .3s;
    color: #219af7
}

#error-bar, #success-bar {
    position: fixed;
    opacity: 0;
    height: 0;
    width: 100%;
    z-index: 9999;
    bottom: 0;
    color: #fff;
    text-align: center;
    font-size: 1.17em;
    line-height: 43px;
    transition: 1s
}

#error-bar {
	 background: #ff3d00;
}

#success-bar {
	 background: #73e414;
}

#success-bar.act, #error-bar.act {
    opacity: .95;
    height: 45px;
    transition: .5s
}

#player-bottom-loading>b {
    margin-left: 2px;
    animation: loading2 1.2s infinite;
    animation-fill-mode: both
}

#player-bottom-loading>b:nth-child(2) {
    animation-delay: .19s
}

#player-bottom-loading>b:nth-child(3) {
    animation-delay: .38s
}


#player-bar-bottom-wr.act {
    width: 1px;
    height: 45px
}

#player-bar-bottom {
    position: fixed;
    z-index: 1000;
    left: 0;
    bottom: -61px;
    opacity: 0;
    width: 100%;
    height: 45px;
    background: rgba(29,29,29,.94);
    cursor: default
}

#player-bar-bottom-wr.act #player-bar-bottom {
    bottom: 0;
    opacity: 1;
    transition: .7s
}

#player-bottom {
    position: relative;
    left: 50%;
    margin-left: -374px;
    width: 748px;
    height: inherit;
    color: #fff
}

#player-bottom-play {
    font-size: 25px;
    line-height: 44px;
    cursor: pointer;
    margin-left: 14px
}

#player-bottom-play.act:before {
    content: '\e882'
}

#player-bottom-playtime,#player-bottom-trackname {
    position: absolute;
    z-index: 5;
    margin-top: 15px;
    font-size: 1em
}

#player-bottom-playtime {
    margin-left: 460px;
    width: 38px;
    text-align: right
}

#player-bottom-trackname {
    margin-left: 65px;
    max-width: 51%;
    height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#player-bottom-wf {
    margin-left: 57px;
    margin-top: 0;
    width: 448px
}

#player-bottom-wf-back,#player-bottom-wf-white {
    width: 100%
}

#player-bottom-wf {
    cursor: pointer
}

#player-bottom-wf,#player-bottom-wf-back,#player-bottom-wf-white {
    height: inherit;
    position: absolute
}

#player-bottom-wf-back {
    z-index: 1;
    background: #000
}

#player-bottom-wf-back-2 {
    width: 100%;
    background: #191919;
    z-index: 2
}

#player-bottom-wf-load {
    background: #2f2f2f;
    z-index: 3
}

#player-bottom-wf-back-2,#player-bottom-wf-load {
    position: absolute;
    height: 30px;
    margin-top: 9px
}

.no-waveform>#player-bottom-wf-back-2,.no-waveform>#player-bottom-wf-load {
    height: 45px;
    margin-top: 0
}

#player-bottom-wf-play {
    width: 0;
    height: 60px;
    position: absolute;
    z-index: 6;
    background: rgba(255,255,255,.13)
}

#player-bottom-wf-mask {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 30px;
    margin-top: 9px
}

#player-bottom-wf-white {
    z-index: 6;
    background: rgba(255,255,255,.16)
}

#player-bottom-vol-back,#player-bottom-vol-slider {
    position: absolute;
    margin-top: 9px;
    height: 4px
}

#player-bottom-vol {
    position: absolute;
    width: 100px;
    height: 30px;
    margin-left: 80px;
    cursor: pointer
}

#player-bottom-vol-back {
    width: 114%;
    background: #777
}

#player-bottom-vol-slider {
    width: 100%;
    display: inline-block;
    background: #a7fb5c
}

#player-bottom-vol-slider:after {
    content: '';
    position: absolute;
    display: inline-block;
    margin-top: -5px;
    margin-left: 100%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff
}

.player-bottom-button:hover {
    color: #eee
}

.player-bottom-button {
    position: absolute;
    z-index: 2;
    color: #fff;
    text-decoration: none
}

#player-bottom-buttons {
    position: absolute;
    margin-left: 529px
}

#player-bottom-mute {
    margin-top: 2px;
    margin-left: 46px;
    font-size: 19px;
    cursor: pointer
}

#player-bottom-mute.act:before {
    color: #ff1d15;
    content: '\e8b1'
}

#player-bottom-more {
    font-size: 23px;
    margin-left: 0
}

#player-bottom-more:not(:hover) {
    color: #fff
}

/*
#player-bottom-settings {
    font-size: 23px;
    margin-left: 212px
}


#player-bottom-add {
    margin-left: 36px;
    margin-top: 5px;
    font-size: 22px!important
}*/

.users img {
    float: left;
    margin-right: 10px;
    border-radius: 50%
}

.users-item {
    display: inline-block;
    width: 220px;
    margin-bottom: 1.1%!important;
    margin-top: 10px
}

.users-item>div {
    color: #888;
    font-size: .98em;
    line-height: 1.4em
}

.users-item a {
    font-size: 1.04em
}

.users-item>a>img {
    width: 48px;
    height: 48px
}

.users-item a:not(:hover) {
    color: #444
}

footer {
    position: absolute;
    margin: -124px 0 0;
    width: 100%;
    color: #888
}

#footer-content {
    margin: 50px auto 16px;
    width: 988px
}

.footer-links {
    margin-bottom: 6px;
    max-width: 733px
}

.footer-links>a {
    margin-right: .5em;
    color: #444!important;
    white-space: nowrap;
    line-height: 1.4em
}

.themed-cls>.card {
    width: 172px!important;
    margin-bottom: 12px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: inherit
}

.themed-cls>.card:hover {
    color: #439ef2
}

.themed-cls>.card:not(:last-child) {
    margin-right: 13px
}

.themed-cl {
    margin: 16px
}

.themed-cl>div {
    margin-top: 7px;
    color: #999
}
/*
#t-card-1>i {
    background-position: -172px 0
}

#t-card-2>i {
    background-position: -344px 0
}

#t-card-more>i {
    background-position: -516px 0
}*/

@media screen and (max-width:768px) {
    .themed-cls {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap
    }
}

#search-full-submit>i {
    font-size: 1.2em;
    margin-right: 3px;
    vertical-align: top
}

.icon-share-1 {
    margin-top: -5px
}

.show-more-tracks {
    border-top: 1px solid #e9e9e9;
    margin-top: 10px;
    padding-top: 9px;
    padding-left: 49px;
    margin-left: -16px;
    cursor: pointer;
    color: #444
}

.icon-vk {
    color: #4c75a3
}

.icon-facebook-rect {
    color: #3765a3;
    margin-left: 1.1%
}

.icon-odnoklassniki-rect {
    color: #f58220
}

.icon-skype {
    color: #00aff0
}

.icon-googleplus-rect {
    color: #e04a39
}

.icon-yandex {
    color: red
}

.message:not(.act) {
    display: none;
    color: #fff
}

.message>span {
    margin-left: 2px;
    display: inline-block;
    width: 88%;
    vertical-align: top;
    color: #555
}

.message {
    margin-top: 25px;
    line-height: 118%
}

.message-error>i:before {
    font-size: 27px;
    color: #ff4800
}


.advert-adsense {
    padding: 0;
    width: 100%;
    min-height: 0!important;
    box-sizing: border-box;
    margin-bottom: 10px;
    border: 0;
    overflow: hidden
}

/*
 Upload
*/
.upload-button:hover .upload-cloud-icon,
.upload-button.drag-hover .upload-cloud-icon{ 
	transition: 0.3s;
	/*color: #80B8FF !important*/
	-webkit-text-stroke: 0.014em #9b9d9c;
}

.upload-cloud-icon{
	transition: 0.3s;
	color: rgba(128, 128, 128, 0.0);
	-webkit-text-stroke: 0.014em #868686;
	font-size: 90px;
	margin-bottom: 12px
}

/*
 Mobile
*/

@media screen and (max-height:360px) and (max-width:1000px) {
    #header,#menu-wr {
        position: absolute!important
    }

    #user-menu {
        position: relative!important;
        float: right
    }
}

@media screen and (max-height:600px) {
    #middle {
        min-height: 600px
    }
}

@media screen and (max-width:1100px) {
    #scroll-top {
        display: none
    }
}

@media screen and (min-width:1001px) {
    .drop-menu {
        transition: .2s
    }
	
	.tmenu-item:hover {
		background: #91e703
	}

    .tmenu-item.act>.drop-menu {
        transition: .15s
    }
/*
    #menu-wr>#tmenu-items:hover~div,#tmenu-search:not(:hover) .drop-menu {
        opacity: .3;
        transition: .3s
    }*/

    .tracklist.in-sidebar li::before {
        width: 21px
    }

    .tracklist.in-sidebar .tracklist-artist {
        margin-left: 30px;
        margin-top: -5px;
        line-height: 2em;
        text-decoration: none;
        pointer-events: none;
        font-size: .94em
    }

    .tracklist.in-sidebar .tracklist-tit {
        max-width: 84%;
        margin-left: 9px
    }

    .tracklist.in-sidebar {
        overflow: hidden
    }

    .tracklist.in-sidebar>li {
        width: 100%;
        padding: 2px 0 1px 16px;
        background: 0 0!important;
        border: 1px solid transparent
    }

    .tracklist.in-sidebar>li.act {
        padding: 3px 0 0 16px
    }

    .tracklist.in-sidebar b,.tracklist.in-sidebar span {
        display: none
    }

    .tracklist-without-artists .tracklist-tit {
        width: 300px
    }

    .plus-tracks-video-link {
        width: 320px;
        text-align: right
    }

    #plus-video {
        display: inline-block;
        vertical-align: top
    }
	
   /* #tag-cloud-wr {
        min-height: 300px
    }*/
}

@media screen and (max-width:1000px) {
    #sidebar {
        position: static;
        margin-left: 0;
        width: 728px
    }

    .tag-cloud>a {
        line-height: 21px
    }

    #player-bar-bottom {
        background: #2a2a2a
    }

    #footer-content {
        width: 720px;
        padding-left: 14px
    }

    #middle {
        width: 720px
    }

    #menu-wr {
        width: 720px!important;
        margin-left: -360px
    }

    #tmenu-items {
        width: 586px
    }

    #tmenu-search-input {
        width: 250px
    }

    #user-menu {
        margin-left: 0;
        position: fixed;
        right: 2px
    }

    #user-menu .drop-menu {
        margin-left: 0;
        right: 0
    }

    #comments-spacer,#user-menu-reg-text, #tmenu-playlists {
        display: none
    }

    #user-menu>.drop-menu-title {
        max-width: 180px
    }

    #plus-tracks {
        margin-bottom: 12px
    }

    #user-full-info {
        margin-top: 12px
    }
}

@media screen and (min-width:769px) {
	#user-full-info {
        display: inline-block;
        vertical-align: top;
        margin: -3px 0 20px 30px;
        min-width: 50%
    }
}

@media screen and (max-width:768px) {
    .tooltip:after,.tooltip:before {
        width: 0;
        display: none
    }

    .list.in-tab>li,.tracklist>li {
        width: 742px
    }

    #menu-wr {
        width: 100%!important;
        margin-left: 1.5%;
        left: 0
    }

    .letters>div {
        white-space: nowrap;
        display: block
    }

    .letters {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden
    }

    .subalphabet {
        padding-top: 1px;
        padding-left: 1px
    }

    .letters a {
        width: 1.961em
    }

    .footer-links>a {
        line-height: 2em
    }

    #player-bottom-mute,#player-bottom-vol {
        display: none
    }

    #contentmain {
        margin-right: 0;
        padding-left: 2px;
        padding-right: 2px;
        box-sizing: border-box
    }

    #footer-content {
        width: 100%;
        box-sizing: border-box
    }

    #tmenu-items {
        width: auto
    }

    #contentmain,#middle,#sidebar,.card {
        width: 100%!important
    }

    .card-tit {
        font-size: 18px;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .player-big-wf-back,.player-big-wf-mask {
        width: 100%
    }

    .player-big {
        height: 70px
    }
	
	.player-small-wf {
		width: 100%;
	}

    .player-big-wf {
        box-sizing: border-box;
        border-left: 88px solid transparent;
        margin-left: -40px;
        width: 100%;
        height: 70px
    }

    .player-big-time {
        margin-top: 17px;
        right: 0
    }

    .player-big-btn-play {
        margin-top: 6px
    }

    #user-menu>.drop-menu-title {
        max-width: 130px
    }

    .card-content {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    #player-bottom {
        margin-left: -286px;
        width: 572px
    }

    #tmenu-search.act #tmenu-search-wr {
        position: fixed;
        margin-left: 0!important;
        width: 100%;
        left: 0
    }

    #tmenu-search.act #tmenu-search-input {
        width: 70%;
        margin-top: 4px
    }

    #tmenu-search-submit {
        position: fixed;
        right: 2px
    }

    .minustrack-info {
        margin-left: 4%;
        width: 44%
    }
}

@media screen and (max-width:660px) {
    .hide-mob {
        display: none!important
    }

    #player-bottom {
        width: 99%;
        margin-left: 2px;
        left: 0
    }

    .card {
        width: 100%!important
    }

    #popup-box-content {
        width: 86%!important;
        height: 100%!important
		padding-top: 1px !important;
    }

    #player-bottom-more {
        position: fixed;
        right: 13px;
        z-index: 10
    }

    #player-bottom-wf {
        width: 100%;
        box-sizing: border-box;
        border-left: 116px solid transparent;
        margin-left: -60px
    }

    #player-bottom-playtime {
        position: absolute;
        right: 72px
    }

    #player-bottom-trackname {
        max-width: 100%;
        padding-right: 184px;
        box-sizing: border-box
    }

    .artist-biography-image {
        width: 30%
    }

    .artist-biography-text {
        width: 60%
    }

    .letters a {
        width: 2.1em
    }

    .tracklist-tit {
        width: 150px
    }

    .tracklist-notice {
        margin-top: 2px
    }

    .button-minus,.button-plus {
        line-height: 24px;
        width: 25px
    }
}

@media screen and (max-width:601px) {
    .minustrack-info {
        display: block;
        margin-left: 0;
        margin-top: 20px;
        width: 90%;
        padding-right: 10px
    }
	
    /*#logo {
        display: none
    }
	
	#tmenu-items {
        margin-left: -6px;
        width: 99%;
        min-width: 320px
    }*/

    #tmenu-main>.drop-menu-title {
        padding-left: 24px
    }
}

@media screen and (max-width:480px) {
    body {
        background: #f5f5f5
    }

    .tabs li+li {
        margin-left: 10px
    }

    .player-big-wf {
        border-left: 80px solid transparent;
        margin-left: -32px
    }

    .card {
        padding-top: 14px
    }

    .card-content,.card-descr,.card-tit {
        padding-left: 14px;
        padding-right: 14px
    }

    .player-big,.player-big-wf {
        height: 60px
    }

    .player-big-time {
        margin-top: 12px
    }

    .player-big-btn-play {
        margin-top: 2px
    }

    #popup-box {
        z-index: 2000!important;
        /*margin-top: 7px!important*/
    }

    #search-full-input {
        width: 66%
    }

    .minustrack-full>h1 {
        overflow: hidden
    }
}

@media screen and (max-width:360px) {
    .card {
        width: 100%!important
    }

    #user-menu>.drop-menu-title {
        max-width: 82px !important
    }

    .artistlist a {
        display: inline-block;
        width: 220px
    }

    #search-by-lyrics {
        display: block;
        margin-left: 0;
        margin-top: 10px;
        width: max-content
    }
}

@media screen and (max-width:320px) {
	body{
		zoom: .88;		
	}
	
    .artistlist a {
        display: inline-block;
        width: 99%
    }

    #user-menu>.drop-menu-title {
        max-width: 70px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.2),only screen and (min--moz-device-pixel-ratio:1.2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:1.2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .player-big-wf-mask {
        margin-left: -1px;
        width: 100.4%
    }
}

.non-colored-links a:not(:hover){
	color:inherit!important
}


/*
Hacks and kludges
*/

.themed-cls::-webkit-scrollbar,.tracklist::-webkit-scrollbar {
    display: none
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

@-moz-document url-prefix() { 
	.auth-icon-mailru::after{
		vertical-align: -1px!important;
	}
	.button-b{
		height: 30px;
		line-height: 2.0em!important;
		transform: rotate(0.0001deg)
	}
	#player-bottom-wf-mask, .player-big-wf-mask, .player-small-wf-mask{
		image-rendering: crisp-edges
	}
}

/* Chrome translate */

label > font {
	vertical-align: unset!important
}

/*
Advert
*/
#ad-md{
	background: #fff;
	margin-bottom: 10px;
}

/*
Social buttons
*/

.share {
    line-height: 30px;
    cursor: pointer;
    margin-right: 5px
}

.share-vk,.share-fb,.share-ok,.share-tg{
	display: inline-block;
    width: 32px;
    height: 32px;
	background-repeat: no-repeat;
    background-size: 32px 32px;
	line-height: 30px;
    cursor: pointer;
    margin-right: 5px
}
.share-vk{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAf7YpoZUAAACqSURBVHhe7ZCxCcMwFERPLlRoBI3wp/ASWcJTaISM4MKFfVPmOAT5mDQp0uWBkPT0uQPhV/zZuL4FuS7kjuVhi0IObBJNhznxRCTh1+41g4IHulaQMJ2nJzbtppEW1JSptHC10WlIyA+Yol6J5hKjWTUFL0wUHzzpEhM0zjTtLupdLBYpA5zgnjow6Z9qrp5CCnWpkunTeZSc2sgdObVIIJJAlajkiq/58wJ+m3p6QpFNPgAAAABJRU5ErkJggg==');
	background-color:#6382a7;
}
.share-fb{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAf7YpoZUAAABMSURBVHhe7dCxCUAhEAPQ/6+wuAEs3Msl3Es4M6WWXkoRQTDlq5J89yWiORAADhJDIfhBIAyBQYGaCQY7sEPAPec/dBVsAbaPe3BbOjYqWHWef8JPAAAAAElFTkSuQmCC');
	background-color:#3b5997;
}
.share-ok{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAf7YpoZUAAAC8SURBVHhezZLBDYMwDEUpUnPg3FNGyBSM0EOn8BQZoSNwoFL4Uxbn5FckesUSlviyXv6PM1y9bKOQpYUDEkZGSZqDkFx4E0FIcWEFc8lqQZDmEcf4jxQEH7dfofwVTCdQHEtjtH4SDvF5QbzCWBMRxzW8vD0is7c5EFb3UiPyY6LgVWEUzm5d2Ji2O+MInKUelnHr+QsqUoPQoUQQMqkZIOX4YGqSYHT/IPj24x4cmGMY24OkGP/u7Tlcqb6ul3t2i2+NSwAAAABJRU5ErkJggg==');
	background-color:#f69222;
}
.share-tg{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAf7YpoZUAAACzSURBVHhe5dCxDQMhDAVQcwUFfYpjgogposySiikY4UZwccXxp4wRirCtTJC4QOhJ/1sy/e/cHEQ4qA4y4AIOqoMMoNsAG6jAE5cJXElAbziKgNkAnHrDGQVUAE2UVaCPl1cAR4DAagSloROAUVcE2oT5xQLJdNo0BDAlDRTbbH58IIyl5j4cPWQHrwJ7wft3uBbsHlLpAqeCytlARNsAXrCByIL0ZRwLiAUF7NTmYKefnzdbvXzd9K8gwAAAAABJRU5ErkJggg==');
	background-color:#2da5df;
}

.incorrect-field{border:1px solid red}
.users-item{margin-bottom:1.58% !important}
.themed-cl>span{font-size:1.12em !important}
.comment-content{line-height:1.27em}


/*
Fontello
*/
@font-face{font-family:'fontello';src:url(/assets/fonts/fontello.eot?38341298);src:url(/assets/fonts/fontello.eot?38341298#iefix) format('embedded-opentype'),url(/assets/fonts/fontello.woff2?38341298) format('woff2'),url(/assets/fonts/fontello.woff?38341298) format('woff'),url(/assets/fonts/fontello.ttf?38341298) format('truetype'),url(/assets/fonts/fontello.svg?38341298#fontello) format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:"fontello";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.3em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*.animate-spin{transform-origin:38% 50.4%;animation:spin 2s infinite linear;display:inline-block}
@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}*/
.icon-search-1:before{content:'\e800'}.icon-search:before{content:'\e801'}.icon-mail:before{content:'\e802'}.icon-mail-alt:before{content:'\e803'}.icon-thumbs-up:before{content:'\e804'}.icon-thumbs-down:before{content:'\e805'}.icon-thumbs-up-alt:before{content:'\e806'}.icon-thumbs-down-alt:before{content:'\e807'}.icon-download:before{content:'\e808'}.icon-download-cloud:before{content:'\e809'}.icon-upload-cloud:before{content:'\e80a'}.icon-flag:before{content:'\e80c'}.icon-flag-empty:before{content:'\e80d'}.icon-tag:before{content:'\e80f'}.icon-eye-off:before{content:'\e810'}.icon-eye:before{content:'\e811'}.icon-lock:before{content:'\e812'}.icon-lock-open:before{content:'\e813'}.icon-lock-open-alt:before{content:'\e814'}.icon-link-ext-alt:before{content:'\e815'}.icon-link-ext:before{content:'\e816'}.icon-heart:before{content:'\e817'}.icon-heart-empty:before{content:'\e818'}.icon-star:before{content:'\e819'}.icon-star-empty:before{content:'\e81a'}.icon-user:before{content:'\e81b'}.icon-user-plus:before{content:'\e81c'}.icon-mute:before{content:'\e81d'}.icon-mic:before{content:'\e81e'}.icon-share:before{content:'\e81f'}.icon-print:before{content:'\e820'}.icon-minus:before{content:'\e821'}.icon-plus:before{content:'\e822'}.icon-cancel:before{content:'\e823'}.icon-ok:before{content:'\e824'}.icon-info:before{content:'\e825'}.icon-info-circled:before{content:'\e826'}.icon-menu:before{content:'\e827'}.icon-volume-off:before{content:'\e828'}.icon-volume-down:before{content:'\e829'}.icon-volume-up:before{content:'\e82a'}.icon-resize-vertical:before{content:'\e82b'}.icon-resize-horizontal:before{content:'\e82c'}.icon-lightbulb:before{content:'\e82d'}.icon-block:before{content:'\e82e'}.icon-globe:before{content:'\e82f'}.icon-paper-plane:before{content:'\e831'}.icon-paper-plane-empty:before{content:'\e832'}.icon-font:before{content:'\e833'}.icon-text-height:before{content:'\e834'}.icon-crop:before{content:'\e835'}.icon-ellipsis:before{content:'\e836'}.icon-toggle-off:before{content:'\e837'}.icon-toggle-on:before{content:'\e838'}.icon-print-2:before{content:'\e840'}.icon-print-3:before{content:'\e841'}.icon-play-circled:before{content:'\e844'}.icon-play-circled2:before{content:'\e845'}.icon-down-dir:before{content:'\e846'}.icon-up-dir:before{content:'\e847'}.icon-left-dir:before{content:'\e848'}.icon-right-dir:before{content:'\e849'}.icon-birthday:before{content:'\e84a'}.icon-youtube-play:before{content:'\e84b'}.icon-cancel-1:before{content:'\e84c'}.icon-attach:before{content:'\e84d'}.icon-upload-cloud-1:before{content:'\e84e'}.icon-forward:before{content:'\e84f'}.icon-retweet:before{content:'\e850'}.icon-location:before{content:'\e851'}.icon-attention:before{content:'\e852'}.icon-award:before{content:'\e853'}.icon-comment-empty:before{content:'\e854'}.icon-attention-1:before{content:'\e855'}.icon-sliders:before{content:'\e856'}.icon-list-bullet:before{content:'\e857'}.icon-list-numbered:before{content:'\e858'}.icon-dot-3:before{content:'\e859'}.icon-menu-1:before{content:'\e85a'}.icon-skype:before{content:'\e85c'}.icon-vkontakte:before{content:'\e85d'}.icon-facebook-squared:before{content:'\e85e'}.icon-youtube:before{content:'\e85f'}.icon-vkontakte-1:before{content:'\e860'}.icon-share-1:before{content:'\e861'}.icon-info-1:before{content:'\e862'}.icon-info-outline:before{content:'\e863'}.icon-mic-1:before{content:'\e864'}.icon-mic-outline:before{content:'\e865'}.icon-block-1:before{content:'\e866'}.icon-ok-1:before{content:'\e867'}.icon-cancel-2:before{content:'\e868'}.icon-plus-1:before{content:'\e869'}.icon-minus-1:before{content:'\e86a'}.icon-block-2:before{content:'\e86b'}.icon-play:before{content:'\e86c'}.icon-stop:before{content:'\e86d'}.icon-pause:before{content:'\e86e'}.icon-to-start:before{content:'\e86f'}.icon-to-end:before{content:'\e870'}.icon-equalizer:before{content:'\e871'}.icon-heart-1:before{content:'\e872'}.icon-ok-2:before{content:'\e873'}.icon-cancel-3:before{content:'\e874'}.icon-attention-2:before{content:'\e875'}.icon-chat:before{content:'\e876'}.icon-print-1:before{content:'\e877'}.icon-volume-up-1:before{content:'\e878'}.icon-volume-off-1:before{content:'\e87a'}.icon-chart-bar:before{content:'\e87b'}.icon-search-2:before{content:'\e87c'}.icon-heart-2:before{content:'\e87d'}.icon-mail-1:before{content:'\e87e'}.icon-menu-2:before{content:'\e87f'}.icon-cancel-4:before{content:'\e880'}.icon-play-1:before{content:'\e881'}.icon-pause-1:before{content:'\e882'}.icon-stop-1:before{content:'\e883'}.icon-to-end-1:before{content:'\e884'}.icon-to-start-1:before{content:'\e885'}.icon-fast-forward:before{content:'\e886'}.icon-fast-backward:before{content:'\e887'}.icon-mic-2:before{content:'\e888'}.icon-mic-off:before{content:'\e889'}.icon-chart-bar-1:before{content:'\e88a'}.icon-globe-1:before{content:'\e88b'}.icon-soundcloud:before{content:'\e88c'}.icon-upload-cloud-2:before{content:'\e88d'}.icon-youtube-1:before{content:'\e88e'}.icon-vk:before{content:'\e88f'}.icon-soundcloud-1:before{content:'\e890'}.icon-facebook-rect:before{content:'\e891'}.icon-vkontakte-rect:before{content:'\e892'}.icon-odnoklassniki-rect:before{content:'\e893'}.icon-skype-1:before{content:'\e894'}.icon-music:before{content:'\e895'}.icon-mail-2:before{content:'\e896'}.icon-star-1:before{content:'\e897'}.icon-cancel-5:before{content:'\e898'}.icon-youtube-2:before{content:'\e899'}.icon-tag-1:before{content:'\e89a'}.icon-comment:before{content:'\e89b'}.icon-progress-5:before{content:'\e89f'}.icon-attention-3:before{content:'\e8a5'}.icon-th-list:before{content:'\e8a6'}.icon-block-3:before{content:'\e8a7'}.icon-clock:before{content:'\e8a8'}.icon-male:before{content:'\e8ab'}.icon-female:before{content:'\e8ac'}.icon-cog:before{content:'\e8b0'}.icon-volume-off-2:before{content:'\e8b1'}.icon-volume-down-2:before{content:'\e8b2'}.icon-volume:before{content:'\e8b3'}.icon-volume-up-2:before{content:'\e8b4'}.icon-eye-off-1:before{content:'\e8b5'}.icon-eye-1:before{content:'\e8b6'}.icon-attach-1:before{content:'\e8b7'}.icon-th-list-1:before{content:'\e8b9'}.icon-cog-1:before{content:'\e8ba'}.icon-shuffle:before{content:'\e8bb'}.icon-align-left:before{content:'\e8bc'}.icon-align-right:before{content:'\e8bd'}.icon-align-justify:before{content:'\e8be'}.icon-list:before{content:'\e8bf'}.icon-ellipsis-vert:before{content:'\e8c0'}.icon-thumbs-up-1:before{content:'\e8c1'}.icon-thumbs-down-1:before{content:'\e8c2'}.icon-play-2:before{content:'\e8c3'}.icon-pause-2:before{content:'\e8c4'}.icon-record:before{content:'\e8c5'}.icon-to-end-2:before{content:'\e8c6'}.icon-stop-2:before{content:'\e8c7'}.icon-to-start-2:before{content:'\e8c8'}.icon-fast-forward-1:before{content:'\e8c9'}.icon-fast-backward-1:before{content:'\e8ca'}.icon-list-add:before{content:'\e8cb'}.icon-list-1:before{content:'\e8cc'}.icon-globe-2:before{content:'\e8cd'}.icon-cc-pd:before{content:'\e8cf'}.icon-pencil:before{content:'\e8d0'}.icon-warning:before{content:'\e8d1'}.icon-cog-2:before{content:'\e8d2'}.icon-mail-3:before{content:'\e8d3'}.icon-edit:before{content:'\e8d4'}.icon-pencil-1:before{content:'\e8d5'}.icon-cd:before{content:'\e8d6'}.icon-attach-2:before{content:'\e8d7'}.icon-star-2:before{content:'\e8d8'}.icon-pencil-2:before{content:'\e8d9'}.icon-cog-3:before{content:'\e8da'}.icon-male-1:before{content:'\e8db'}.icon-female-1:before{content:'\e8dc'}.icon-download-alt:before{content:'\e8dd'}.icon-list-2:before{content:'\e8de'}.icon-attach-3:before{content:'\e8df'}.icon-link-1:before{content:'\e8e1'}.icon-th-list-2:before{content:'\e8e2'}.icon-plus-2:before{content:'\e8e3'}.icon-list-3:before{content:'\e8e4'}.icon-note:before{content:'\e8e5'}.icon-note-beamed:before{content:'\e8e6'}.icon-heart-4:before{content:'\e8e7'}.icon-clock-1:before{content:'\e8e9'}.icon-erase:before{content:'\e8ea'}.icon-gauge:before{content:'\e8eb'}.icon-award-1:before{content:'\e8ec'}.icon-indent-right:before{content:'\e8ed'}.icon-play-circle2:before{content:'\e8ef'}.icon-play-circled2-1:before{content:'\e8f0'}.icon-play-circled-1:before{content:'\e8f1'}.icon-minus-circled:before{content:'\e8f2'}.icon-minus-squared:before{content:'\e8f3'}.icon-minus-squared-alt:before{content:'\e8f4'}.icon-plus-squared-alt:before{content:'\e8f5'}.icon-plus-squared:before{content:'\e8f6'}.icon-plus-circled:before{content:'\e8f7'}.icon-cancel-circled:before{content:'\e8f8'}.icon-cancel-circled2:before{content:'\e8f9'}.icon-ok-squared:before{content:'\e8fa'}.icon-ok-circled2:before{content:'\e8fb'}.icon-ok-circled:before{content:'\e8fc'}.icon-help-circled:before{content:'\e8fd'}.icon-loop:before{content:'\e8fe'}.icon-loop-1:before{content:'\e8ff'}.icon-loop-alt:before{content:'\e900'}.icon-loop-alt-1:before{content:'\e901'}.icon-retweet-1:before{content:'\e902'}.icon-zoom-in:before{content:'\e903'}.icon-zoom-out:before{content:'\e904'}.icon-zoom-in-1:before{content:'\e905'}.icon-zoom-out-1:before{content:'\e906'}.icon-zoom-in-outline:before{content:'\e907'}.icon-zoom-in-2:before{content:'\e908'}.icon-zoom-out-outline:before{content:'\e909'}.icon-zoom-out-2:before{content:'\e90a'}.icon-zoom-in-3:before{content:'\e90b'}.icon-zoom-out-3:before{content:'\e90c'}.icon-right:before{content:'\e90f'}.icon-right-open:before{content:'\e910'}.icon-login:before{content:'\e911'}.icon-right-open-1:before{content:'\e912'}.icon-right-1:before{content:'\e913'}.icon-right-2:before{content:'\e914'}.icon-right-open-2:before{content:'\e915'}.icon-right-open-3:before{content:'\e916'}.icon-right-big:before{content:'\e917'}.icon-angle-circled-right:before{content:'\e918'}.icon-right-circled:before{content:'\e919'}.icon-right-circle:before{content:'\e91a'}.icon-copyright:before{content:'\e91b'}.icon-user-times:before{content:'\e91c'}.icon-trash:before{content:'\e91d'}.icon-yandex:before{content:'\e91e'}.icon-yandex-rect:before{content:'\e91f'}.icon-googleplus-rect:before{content:'\e920'}