@font-face{font-family:'cabinmedium';src:url(../fonts/cabin-medium-webfont.woff2) format("woff2");font-weight:normal;font-style:normal;}
@font-face{font-family:'cabinregular';src:url(../fonts/cabin-regular-webfont.woff2) format("woff2");font-weight:normal;font-style:normal;}
#wprs_chart.theme2 .skin-2{font-family:'cabinregular'; line-height:1.2;}
#wprs_chart.theme2 .skin-2.item-row{background:#fff;border-radius:16px;border:1px solid #efefef;}
#wprs_chart.theme2 .skin-2 .chart-new{background:#FFFFFF}
#wprs_chart.theme2 .skin-2 .cover-img{/* background:url(../img/cover-2.svg) no-repeat */}
#wprs_chart.theme2 .skin-2 .chart-pos{font-size:20px;font-weight:700}
#wprs_chart.theme2 .skin-2 .chart-number{font-size:32px;font-weight:700; color:#000}
#wprs_chart.theme2 .skin-2 .chart-position-wrap{color:#fff;font-weight:700}
#wprs_chart.theme2 .skin-2 .artist-info{}
#wprs_chart.theme2 .skin-2  .track-name{color:#000;font-weight:500}
#wprs_chart.theme2 .skin-2  .artist-name,#wprs_chart.theme2 .skin-2 .artist-name a{color:#8993EB}
#wprs_chart.theme2 .skin-2  .album-name{color:#8A8A8A}
#wprs_chart.theme2 .skin-2 .rating-bar > span{background:url(../img/rating-sprite_skin-2.png) no-repeat}
#wprs_chart.theme2 .skin-2 .rating-count{color:#8A8A8A}

#wprs_chart.theme2 .track-nam{position: relative;top: 0;left: 0;display:inline-block; white-space: nowrap;}
#wprs_chart.theme2 .track-name.scrollThis{animation-name: bounce;animation-duration: 10s; animation-iteration-count: infinite;}
@keyframes bounce { 0% {  transform: translateX(5%)} 50% {  transform: translateX(-100%) } 100% {transform: translateX(5%)}}

#wprs_chart.theme2 img{ box-shadow: initial!important;border-radius:initial;}
#wprs_chart.theme2 .cover-img{position:relative;width:95px;height:95px;order:1;}
#wprs_chart.theme2 .cover-img img{border-radius:12px;}
#wprs_chart.theme2 .item-row{display:flex;padding:13px 15px;margin-top:16px}
#wprs_chart.theme2 .item-row > div{display:flex}
#wprs_chart.theme2 .chart-info{margin-left:30px}
#wprs_chart.theme2 .chart-position-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:25px;margin-left:30px;padding:0 8px;border-radius:8px;order:2}
#wprs_chart.theme2 .chart-pos img{border-radius:100%;}
#wprs_chart.theme2 .artist-info{display:flex;flex-direction:column;justify-content:center;order:3}
#wprs_chart.theme2 .track-name{font-size:22px}
#wprs_chart.theme2 .artist-name{font-size:18px}
#wprs_chart.theme2 .album-name{font-size:16px}
#wprs_chart.theme2 .rating-bar{display:flex;margin-top:20px}
#wprs_chart.theme2 .rating-bar > span{display:block;width:27px;height:26px;margin-right:6px}
#wprs_chart.theme2 .full-star{background-position:0 100%!important}
#wprs_chart.theme2 .half-star{background-position:50% 100%!important}
#wprs_chart.theme2 .no-star{background-position:100% 100%!important}
#wprs_chart.theme2 .rating-count{font-size:14px}
#wprs_chart.theme2 .rating-wrap{display:flex;flex-direction:column;justify-content:center;margin-left:auto;order:4;}
#wprs_chart.theme2 .platfom-icons{display:flex;align-items:center;margin:0 30px;order:5;}
#wprs_chart.theme2 .rating-count{margin-top:15px}
#wprs_chart.theme2 .platfom-icons > a{margin:0 20px}
#wprs_chart.theme2 .wprs_ajaxtxt{margin-top:5px; font-size:14px; color:#8a8a8a;display:inline-block;}

.play-bt{opacity:0;background:#f04d4c url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjdweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgNyAxMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMi4yICg5OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QbGF5IDI0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImJ1dHRvbnMiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjUxLjAwMDAwMCwgLTkzNC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTE2NTEsOTQ2IEwxNjUyLjYxNTM4LDk0MCBMMTY1MSw5MzQgTDE2NTgsOTQwIEwxNjUxLDk0NiBaIiBpZD0iUGxheS0yNCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center center;width:60px;height:60px;border-radius:50%;position:absolute;left:0;right:0;bottom:0;background-size:40%;top:0;margin:auto}
.item-row:hover .play-bt{opacity:1!important}
.stop-class{background:#f04d4c!important}
.stop-class:after{position:absolute;left:-10px;right:0;top:-8px;bottom:0;margin:0 auto;content:".";width:20px;color:#fff;height:20px;font-size:150px;line-height:0}

/*#wprs_chart.theme2.narrow_1100 .artist-info{width:29%;overflow:hidden;}
#wprs_chart.theme2.narrow_1100 .rating-wrap{width:165px;}
#wprs_chart.theme2.narrow_1100 .platfom-icons{margin:0 10px;width:250px;}

#wprs_chart.theme2.narrow_1200 .artist-info{width:35%;overflow:hidden;}
#wprs_chart.theme2.narrow_1200 .rating-wrap{width:165px;}
#wprs_chart.theme2.narrow_1200 .platfom-icons{margin:0 10px;width:250px}*/

/*-- rating --*/
.unit-rating{ background:url('../img/starrating-2.png') top left repeat-x;}
.unit-rating li a:hover{background:url('../img/starrating-2.png') left center;}
.unit-rating li.current-rating{background:url('../img/starrating-2.png') left bottom !important; }
.ratingblock.static .unit-rating li a:hover{background:url('../img/starrating_static-2.png') left center;}
.ratingblock.static .unit-rating li.current-rating{background:url('../img/starrating_static-2.png') left bottom !important;}
.ratingblock{width: auto !important}

@media(min-width: 1000px) {
 #wprs_chart.theme2 .platfom-icons{width:100%;justify-content:flex-start;max-width:20%;margin:auto 10px auto auto}
 #wprs_chart.theme2 .skin-2 .artist-info{width:35%}
}
@media(max-width: 1000px) {
 /*#wprs_chart.theme2.narrow_1100 .artist-info{width:unset;}
 #wprs_chart.theme2.narrow_1100 .rating-wrap{width:unset;}
 #wprs_chart.theme2.narrow_1100 .platfom-icons{margin:0;width:unset;}

 #wprs_chart.theme2.narrow_1200 .artist-info{width:unset;}
 #wprs_chart.theme2.narrow_1200 .rating-wrap{width:unset;}
 #wprs_chart.theme2.narrow_1200 .platfom-icons{margin:0;width:unset;}*/

 #wprs_chart.theme2 .skin-2 .chart-position-wrap{padding-bottom: 10px;}
 #wprs_chart.theme2 .platfom-icons{background: #fff;}
 #wprs_chart.theme2 .item-row{flex-direction:column;flex-flow:row wrap;position:relative}
 #wprs_chart.theme2 .cover-img{width:100%;height:170px;background-size:cover!important;background-position:center!important;border-radius:12px;background:url(../img/cover-2.svg) no-repeat}
 #wprs_chart.theme2 .cover-img:after{content:"";width:100%;height:100%;border-radius:12px;background:rgba(0,0,0,0.2)}
 #wprs_chart.theme2 .artist-info{flex-grow:1;width:100%;margin-top:20px;justify-content:center;align-items:center}
 #wprs_chart.theme2 .chart-position-wrap{position:absolute;right:0;top:21px;z-index:10;}
 #wprs_chart.theme2 .platfom-icons{position:absolute;left: 0;right: 0;margin: 0 auto;justify-content: center;top: 140px;width: 180px;padding: 12px 0;border-radius: 20px 20px 0 0;z-index:10;}
 #wprs_chart.theme2 .platfom-icons > a{margin:0 10px}
 #wprs_chart.theme2 .rating-wrap{width:100%;align-items:center}
 #wprs_chart.theme2 .artist-info > div{margin:0px 0}
 #wprs_chart.theme2 .chart-number{font-size:32px}
 #wprs_chart.theme2 .chart-pos{font-size:16px}
 #wprs_chart.theme2 .rating-bar{margin-top:15px}
 #wprs_chart.theme2 .rating-bar > span{display:block;width:22px;height:21px;margin-right:3px;background-size:cover!important}
 #wprs_chart.theme2 .rating-count{margin-top:10px;text-align:center}
 #wprs_chart.theme2 .artist-info > div{text-align:center}
 #wprs_chart.theme2 .track-name{font-size:20px}
 #wprs_chart.theme2 .artist-name{font-size:16px}
 #wprs_chart.theme2 .album-name{font-size:14px}
 .ratingblock p {text-align: center;}
 .play-bt{opacity:1 !important;margin-top: 30px !important;}
}
#wprs_chart.theme2 .artist-info {
line-height: 1.4 !important;
}
#wprs_chart.theme2 .platfom-icons  > a:hover {
opacity: .7;
}
#wprs_chart.theme2 .skin-2 .cover-img {
background-size: cover !important;
}