@font-face{font-family:'geometric_706medium'; src:url(../fonts/gepmetrik-webfont.woff2) format("woff2"); font-weight:normal; font-style:normal;}
@font-face{font-family:'geometric_slabserif_703medium'; src:url(../fonts/geometricslab703bt-medium-webfont.woff2) format("woff2"); font-weight:normal; font-style:normal;}
#wprs_chart.theme4 .skin-4{font-family:'geometric_706medium'; line-height:1.2;}
#wprs_chart.theme4 .skin-4.item-row{background:#ff8824; border:1px solid #efefef;}
#wprs_chart.theme4 .skin-2 .chart-new{}
#wprs_chart.theme4 .skin-4 .cover-img{}
#wprs_chart.theme4 .skin-4 .chart-pos{font-size:20px; font-weight:700;}
#wprs_chart.theme4 .skin-4 .chart-number{font-family:'geometric_slabserif_703medium'; font-size:64px; font-weight:500;}
#wprs_chart.theme4 .skin-4 .chart-position-wrap{color:#fff; font-weight:700;}
#wprs_chart.theme4 .skin-4 .artist-info{}
#wprs_chart.theme4 .skin-4  .track-name{color:#fff; font-weight:500;}
#wprs_chart.theme4 .skin-4  .artist-name,#wprs_chart.theme4 .skin-4  .artist-name > a{color:#fff;}
#wprs_chart.theme4 .skin-4  .album-name{display: none !important;}
#wprs_chart.theme4 .skin-4 .rating-bar > span{background:url(../img/rating-sprite_skin-4.png) no-repeat;}
#wprs_chart.theme4 .skin-4 .rating-count{color:#fff;}

#wprs_chart.theme4 .track-nam{position: relative; top: 0; left: 0; display:inline-block; white-space: nowrap;}
#wprs_chart.theme4 .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.theme4 img{ box-shadow: initial!important; border-radius:initial; object-fit: cover;}
#wprs_chart.theme4 .cover-img{width:150px; height:151px; order:1;}
#wprs_chart.theme4 .item-row{display:flex; padding:13px 15px; margin-top:16px;}
#wprs_chart.theme4 .item-row > div{display:flex;}
#wprs_chart.theme4 .chart-info{margin-left:30px;}
#wprs_chart.theme4 .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.theme4 .chart-pos img{border-radius:100%;}
#wprs_chart.theme4 .artist-info{display:flex; flex-direction:column; justify-content:space-around; order:3;}
#wprs_chart.theme4 .track-name{font-size:22px;}
#wprs_chart.theme4 .artist-name{font-size:18px;}
#wprs_chart.theme4 .album-name{font-size:16px;}
#wprs_chart.theme4 .rating-bar{display:flex; margin-top:20px;}
#wprs_chart.theme4 .rating-bar > span{display:block; width:27px; height:26px; margin-right:6px;}
#wprs_chart.theme4 .full-star{background-position:0 100%!important;}
#wprs_chart.theme4 .half-star{background-position:50% 100%!important;}
#wprs_chart.theme4 .no-star{background-position:100% 100%!important;}
#wprs_chart.theme4 .rating-count{font-size:14px;}
#wprs_chart.theme4 .rating-wrap{display:flex; flex-direction:column; justify-content:center; margin-left:auto; order:4;}
#wprs_chart.theme4 .platfom-icons{display:flex; align-items:center; margin:0 30px; order:5;}
#wprs_chart.theme4 .rating-count{margin-top:15px;}
#wprs_chart.theme4 .platfom-icons > a{margin:0 20px;}
#wprs_chart.theme4 .wprs_ajaxtxt{margin-top:5px; font-size:14px; color:#fff; 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:-20px; right:0; top:-17px; bottom:0; margin:0 auto; content:"."; width:20px; color:#fff; height:20px; font-size:150px; line-height:0;}

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

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

/*-- rating --*/
.unit-rating{ background:url('../img/starrating-4.png') top left repeat-x;}
.unit-rating li a:hover{background:url('../img/starrating-4.png') left center;}
.unit-rating li.current-rating{background:url('../img/starrating-4.png') left bottom !important;}
.ratingblock.static .unit-rating li a:hover{background:url('../img/starrating_static-4.png') left center;}
.ratingblock.static .unit-rating li.current-rating{background:url('../img/starrating_static-4.png') left bottom !important;}
.unit-rating{z-index:6;}
.current-rating:after{content:""; background:#ff8824; height:30px; left:0; width:100%; position:absolute; z-index:-1;}
.unit-rating li.current-rating,.unit-rating li{z-index:auto!important;}
.unit-rating li a:focus{background:url(../img/starrating-4.png) left center; opacity:.9;}

@media(min-width: 1000px) {
 #wprs_chart.theme4 img{margin-left:-2px;}
 #wprs_chart.theme4 .skin-4 .cover-img{position:relative; height:147px; width:145px; transform:scale(1.175);}
 #wprs_chart.theme4 .skin-4 .artist-info{width:35%;}
 #wprs_chart.theme4 .platfom-icons{width:100%; justify-content:flex-start; max-width:20%; margin:auto;}
}

@media(max-width: 1000px) {
 /*#wprs_chart.theme4.narrow_1100 .artist-info{width:unset;}
 #wprs_chart.theme4.narrow_1100 .rating-wrap{width:unset;}
 #wprs_chart.theme4.narrow_1100 .platfom-icons{margin:0; width:unset;}

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

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