.jp-progress .bullet,
.jp-volume-bar .bullet {
	position: absolute;
	content: "";
	top: -6.5px;
	right: -7px;
	height: 15px;
	width: 15px;
	background: #3bc8e7;
	border-radius: 50%;
	box-shadow: 0px 0px 15px rgb(255, 255, 255);
}



a.cover-button{float:left;text-decoration:none;margin: 0 8px 8px 0;color:#474747;padding: 5px 15px;border:1px solid #cecece;border-radius: 16px 0px;font-weight:500;text-transform:uppercase;}a.cover-button:hover{color:#222;background:#f4fcff;border:1px solid #28a6f9}a.cover-button-active{background:#f4fcff;color:#0a0909;border:1px solid #28a6f9}
a.cover-button-active:hover{background:#f4fcff;color:#3c4042;border:1px solid #28a6f9}
.cover-text-KOn7{float:left;font-size:22px;margin:-146px 60px 0 125px;position:absolute;text-shadow:0 0 1px rgba(0,0,0,.5)}
.sidebar-header-extra a:hover{text-decoration:underline}
.social-icon{border-radius:10px;padding:0;width:35px!important;height:35px!important;}
.share-social-icon{height:34px;width:34px;border-radius:3px}




.logo{height:50px;width: 100px;float:left;font-size: 25px;/* color:rgb(106 155 197); *//* font-weight:200; *//* font-family:system-ui; */padding: 5px 0 0 72px;margin: 0 0px;background:url(images/logo.png) no-repeat left;/* background-size:40px; */margin-left: -10px;}

.upload-desc{font-size:14px;text-align:center;margin:20px auto}
a.jp-play:hover{background:url(images/player.png) -35px 0 no-repeat;background-size:105px}a.jp-pause{background:url(images/player.png) 0 -35px no-repeat;display:none;background-size:105px}a.jp-pause:hover{background:url(images/player.png) -70px -35px no-repeat;background-size:105px}div.jp-progress{overflow:hidden}div.jp-audio div.jp-progress:hover{height:3px}div.jp-audio div.jp-progress{position:absolute;top:15px;height:3px;border-radius:3px}div.jp-audio div.jp-type-single div.jp-progress{/* width:100%; *//* margin:0 15px 0 0; *//* top:15px; *//* float:left; *//* position:relative; */}.player-nine .jp-progress{margin:15px 0 0!important;top:0!important}div.jp-seek-bar{width:0;height:100%;cursor:pointer;background:#d0d0d0}div.jp-play-bar{width:0;height:100%;background:#40c1fb}div.jp-audio{/* font-size:1.25em; *//* line-height:1.3; */}div.jp-seeking-bg{width:100%;height:6px;background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 5px,#f1f1f1 5px,#f1f1f1 10px);background-size:28px 28px;animation:seeking .5s linear infinite,seeking-in .5s linear}@keyframes seeking{0%{background-position:0 0}100%{background-position:28px 0}}@keyframes seeking-in{0%{opacity:0}40%{opacity:1}}a.jp-mute,a.jp-unmute,a.jp-volume-max{width:15px;height:35px;float:left}a.jp-mute{background:url(images/player.png) 0 -175px no-repeat;background-size:105px}a.jp-mute:hover{background:url(images/player.png) -35px -175px no-repeat;background-size:105px}a.jp-unmute{background:url(images/player.png) -70px -175px no-repeat;background-size:105px;display:none}a.jp-unmute:hover{background:url(images/player.png) -70px -175px no-repeat;background-size:105px}div.jp-volume-bar{/* overflow:hidden; *//* width:46px; *//* height:6px; *//* cursor:pointer; *//* margin-top:15px; *//* float:left; *//* background:#ccc; *//* border-radius:3px; */}div.jp-audio div.jp-volume-bar{/* top:15px; *//* left:405px; */}div.jp-audio-stream div.jp-volume-bar{top:37px;left:92px}div.jp-video div.jp-volume-bar{top:17px;left:72px}div.jp-volume-bar-value{width:0;height:6px;background:#40c1fb}.prev-button{background:url(images/player.png) 2px -70px no-repeat;background-size:105px;width:15px;height:35px;cursor:pointer;display:inline-block}.prev-button:hover{background:url(images/player.png) -33px -70px no-repeat;background-size:105px}.prev-button-disabled,.prev-button-disabled:hover{background:url(images/player.png) 2px -70px no-repeat;background-size:105px;cursor:default}.next-button{background:url(images/player.png) 0 -105px no-repeat;background-size:105px;width:15px;height:35px;cursor:pointer;display:inline-block}.next-button:hover{background:url(images/player.png) -35px -105px no-repeat;background-size:105px}.next-button-disabled,.next-button-disabled:hover{background:url(images/player.png) 2px -105px no-repeat;background-size:105px;cursor:default}div.jp-audio div.jp-time-holder{/* position:absolute; *//* top:25px; *//* display:none; */}div.jp-audio div.jp-type-single div.jp-time-holder{/* left:185px; *//* width:186px */}div.jp-audio div.jp-type-playlist div.jp-time-holder{left:166px;width:130px}div.jp-current-time,div.jp-duration{/* width:40px; *//* font-size:.64em; *//* text-align:center; */}#current-time,#duration-time{width:45px;float:left;height:35px;line-height:35px;font-size:11px}#current-time{text-align:right;margin-right:17px}#duration-time{text-align:left;margin-left:17px;margin-right:10px}div.jp-current-time{/* float:left; *//* display:inline; */}div.jp-duration{/* float:right; *//* display:inline; *//* text-align:left; */}div.jp-jplayer,div.jp-jplayer audio{width:0;height:0}div.jp-jplayer{background-color:#000}a.jp-repeat{background:url(images/player.png) 0 -140px no-repeat;background-size:105px;float:left;display:inline-block;width:15px;height:35px}a.jp-repeat:hover{background:url(images/player.png) -35px -140px no-repeat;background-size:105px}a.jp-repeat-off{background:url(images/player.png) -70px -140px no-repeat;background-size:105px;float:left;width:15px;height:35px}a.jp-repeat-off:hover{background:url(images/player.png) -70px -140px no-repeat;background-size:105px}.jp-no-solution{padding:5px;font-size:.8em;background-color:#eee;border:2px solid #009be3;color:#000;display:none}.jp-no-solution a{color:#000}.jp-no-solution span{font-size:1em;display:block;text-align:center;font-weight:700}@keyframes small-bounce{0%{transform:translateY(0)}25%{transform:translateY(3px)}50%{transform:translateY(0)}75%{transform:translateY(-1px)}100%{transform:translateY(0)}}@keyframes small-bounce-right{0%{transform:translateX(0)}25%{transform:translateX(3px)}50%{transform:translateX(0)}75%{transform:translateX(-1px)}100%{transform:translateX(0)}}.animation-small-bounce{animation:small-bounce 850pxms linear infinite}.animation-small-bounce-right{animation:small-bounce-right 850pxms linear infinite}.category-selector select{width:300px;max-width:95%;margin-left:0;background:#f6f6f6;margin-right:0}.star-icon{padding:0;position:relative;overflow:hidden;margin:6px 0;height:25px}.popularity-1{background:url(images/popularity_star.png) repeat-x center left;width:20px}.popularity-2{background:url(images/popularity_star.png) repeat-x center left;width:40px}.popularity-3{background:url(images/popularity_star.png) repeat-x center left;width:60px}.popularity-4{background:url(images/popularity_star.png) repeat-x center left;width:80px}.popularity-5{background:url(images/popularity_star.png) repeat-x center left;width:100px}.grid-KOn7{display:flex;width:100%;float:left}.grid-content{}.grid-sidebar{/* flex:35; *//* margin:0 10px; *//* position:relative; */}@media only screen and (max-device-width: 850px), only screen and (device-width: 850px) and (device-height: 850px), only screen and (width: 850px) and (orientation: landscape), only screen and (device-width: 850px), only screen and (max-width: 850px){.song-art a,.song-art img{width:50px}.grid-KOn7{flex-direction:column}
 .body-content,.page-KOn7,.page-settings-KOn7{border:0}.header{/* max-width:768px; *//* padding:0 5px; *//* margin:5px 0; */}.row-body,
 .menu-dd-row{/* padding:10px; *//* text-align:left */}.hashtag-inner,.search-content .notification-inner,.search-content .track-inner{padding:10px 15px}.chat-KOn7{height:300px}.sidebar-chat-list{max-height:350px}.cover-description-content{margin-left:20px}.cover-avatar{width:86px;margin-top:-125px}.cover-avatar a{float:left;overflow:hidden;height:86px}.dash-stats,.welcome-message{width:100%}.welcome-track{/* width:20% */}.song-top{min-height:auto;padding:0 0 0 65px}.player-controls{padding:0 0 0 65px}.song-art img{width:50px;border-radius:3px}.embed-KOn7 .track-actions-content,.embed-powered-by,.song-tag,.song-timeago{display:none}.action-text{display:none}.delete-button,.download-button,.like-button,.liked-button,.playlist-button,.public-button,.share-button{/* padding-right:0; *//* margin-right:10px; *//* background-position:center!important; */}.playlist-stats{padding:10px 0}.song-KOn7{padding:20px;flex:100%}.song-title{font-size: 17px;}.message-reply-KOn7 .delete_btn,.message-reply-KOn7 .report_btn{display:block}.embed-KOn7 div.jp-audio div.jp-type-single div.jp-interface{height:21px;padding-bottom:20px}.admin-stats-image,.license-box-desc{display:none}.stats-column-title{padding-top:10px}.upload-btn-text{font-size:12px}.user-stats-row{padding:10px 0 0}.license-box-KOn7{width:100%;padding-right:0}#upload-success{max-width:100%}
 .welcome-title{font-size: 15px;}.welcome-desc{/* font-size:20px */}.welcome-button a{font-size:12px}.welcome-content,.welcome-pro{padding:20px 10px}.welcome-full{padding:20px 0}.welcome-full-section{padding-left:10px;font-size:18px}.welcome-box-section,.welcome-box-title{font-size:18px}.welcome-box-title{font-size:16px}.footer{padding:0}.menu-dd-mobile{display:block}.current-plan{text-align:left}#topbar-artwork{float:right}#topbar-track-info{padding-right:0}#current-time,.player-KOn7-middle,.player-KOn7-right,.topbar-author-name,.topbar-song-name{display:none}.player-nine a{margin:0 10px}a.jp-pause,a.jp-play{margin-right:16px}.row-body .twelve{border:0}.menu_btn{padding:10px 13px;margin-right:0}.page-login-KOn7,.search-content{border-right:0;border-left:0}.player-KOn7-left{width:185px}.grid-content{/* margin:0; *//* max-width:100%; */}.grid-sidebar{margin:0}.player-KOn7-middle{display:none}a.menu-button{display:none}
.logo{height:45px;width:50px;float:left;padding:5px;/* margin-left: -10px; *//* margin:0; */color:rgb(238 238 238 / 0%);background: url(images/icons/playmuz.png) no-repeat center;background-size:45px 45px;}
}  



.sol-sidebar {
flex: 20;position: relative;margin: 10px 10px 10px 10px;
}



.menu_btn{padding:10px;float:right;height:16px;border-radius:3px;margin-top:8px;/* margin-right:10px; */}.menu_btn img{width: 20px;height: 20px;}
.menu_btn:hover{/* background:#eee; *//* border-radius:3px; */}
.menu_btn:active{/* background:#eee; */}
.menu-btn{padding:5px 10px;margin:12px 5px 0 0;float:right;/* background:#f7f7f7; */color: #000000b5;border: 1px solid #00000059;border-radius: 5px;cursor:pointer;font-weight:700;text-transform:uppercase;}
.menu-btn:active,.menu-btn:hover{background:#03A9F4;color:#fff;border:1px solid #03A9F4;transition: .6s;}
.menu_hover_messages,
.menu_hover_notifications{background:#eee}

.sidebar-suggestions a {text-decoration: none;color: rgb(0, 0, 0);}
.sidebar-suggestions a:hover {
color: #000;
}
.sidebar-suggestions-inner {/* padding: 10px 0px 0 1px; *//* overflow: auto; *//* border-radius: 0px 0px 5px 5px; */background-color: white;padding: 10px 20px 10px 20px;/* border-radius: 5px; */}
.sidebar-suggestions-image {
float: left;
width: 35px;
}
.sidebar-suggestions-image img {width: 45px;border-radius: 49px;border: 1px solid #28a6f9;padding: 3px;}
.sidebar-suggestions-info {margin: 0 30px 0 53px;}
.sidebar-suggestions-small {
font-size: 11px;
padding-top: 5px;
cursor: default;
}
.sidebar-suggestions-track {
overflow: hidden;
text-overflow: ellipsis;
}
.sidebar-suggestions-track a {
color: #333;
}

.footeraz {
	padding: 17px 0px 5px 0px;
}






@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
*{
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
}

.container{
  position: relative;
  height: 300px;
  width: 200px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
  transition: 0.3s ease-out;
}
.container:hover{
  box-shadow: 0px 1px 35px 0px rgba(0,0,0,0.3);
}
.container .image{
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  transition: transform 0.3s ease-out;
}
.container:hover .image{
  transform: translateY(-100px);
}
.image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease-out;
}
.container:hover .image img{
  opacity: 0.7;
}
.container:hover .image{
 transform: translateY(-100px);
}
.container ul{
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  list-style: none;
}
ul li{
  /* margin: 0 5px; */
}

.container:hover > ul > li > a{
  opacity: 1;
  transform: translateY(0);
}
.container:hover > ul > li:nth-child(2) a{
  transition-delay: 0.1s;
}
.container:hover > ul > li:nth-child(3) a{
  transition-delay: 0.2s;
}
.container:hover > ul > li:nth-child(4) a{
  transition-delay: 0.3s;
}
.container:hover > ul > li:nth-child(5) a{
  transition-delay: 0.4s;
}
.container .content{
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
.info{
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  color: #000;
  line-height: 26px;
}
.info h2{
  font-size: 27px;
  margin: 3px 0;
}
.info span{
  color: #1a1a1a;
}







/*Start CSS Card on main page*/
.ui.cards > .card,
.ui.card {
  max-width: 79px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 290px;
  min-height: 0px;
  background: #FFFFFF;
  padding: 0em;
  border: none;
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
  box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
  -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: box-shadow 0.1s ease, transform 0.1s ease;
  transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  z-index: '';
}
.ui.card {
  margin: 1em 0em;
}
.ui.cards > .card a,
.ui.card a {
  cursor: pointer;
}
.ui.card:first-child {
  margin-top: 0em;
}
.ui.card:last-child {
  margin-bottom: 0em;
}
.ui.cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui.cards > .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 4px;
  float: none;
}
.ui.cards > .card > .image,
.ui.card > .image {
  position: relative;
  height: 70px;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 auto;
}
.ui.cards > .card > .image > img,
.ui.card > .image > img {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: inherit;
}
.ui.cards > .card > .image:not(.ui) > img,
.ui.card > .image:not(.ui) > img {
  border: none;
}
.ui.cards a.card,
.ui.link.cards .card,
a.ui.card,
.ui.link.card {
  -webkit-transform: none;
          transform: none;
}
.ui.cards a.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover,
.ui.link.card:hover {
  cursor: pointer;
  z-index: 5;
  background: #FFFFFF;
  border: none;
  -webkit-box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
          box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.welcome-categories {
    text-align: center;
    /* padding-bottom: 10px; */
    color: #000000;
    text-decoration: none;
    background: -webkit-linear-gradient(top, hsl(0deg 0% 100%) 0%,hsl(0deg 0% 94%) 100%);
}