.rightside{position: fixed;overflow: hidden;max-width:240px;}
.rightside li{background: none!important}
.rightside li a{margin-left:30px}
.rightside li a span{position:absolute;left:20px}
.rightside:hover{overflow-y: auto}
.rightside a{color:#101010}
.rightside a i{color:#656565}
.slides .info{position: absolute;z-index: 5;bottom:10%;left:20px}
.slider{position: relative;}
.indicator{width:130px;height:40px;position: absolute;top:25px;right:5px;z-index:10;}
.slider .indicator button{opacity:0.1}
.slider:hover .indicator button{opacity:0.3}
/*.indicator:hover button{opacity:0.4}*/
.indicator:hover button:hover{opacity: 1}
/*Search*/
.megaseach{margin:9px 0 0 0;padding:2px 20px;border-radius:25px;}
.megaseach input{float:left}
/*remove underline*/
#search,#search:hover,#search:focus {border-bottom:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.card-info{padding: 5px}
.songslist tr{border-bottom: 1px solid #efefef}
.btn-play-song{opacity: 0.6; padding:2px;margin:0 auto;font-size:20px;position: absolute;width: 36px;height: 36px;top:38%;display: block; right:0;left: 0;border-radius:50%}

/*profile cover */
.cover{position: relative;max-width:820px;width: 100%;height: 280px;}
.bg-cover{position:absolute;top:0;max-width:820px;width: 100%;height: 280px;overflow: hidden}
.bg-cover img{width: 100%;height:auto;}
/*.bg-cover::before{position: absolute;content: "";top:0;left: 0;width: 100%;height:100%;background:rgba(0,0,0,0)}*/
.bg-cover::after{position: absolute;content: "";top:0;left: 0;width: 100%;height:100%;background:rgba(255,255,255,0.1)  url(../../v2/images/gr-cover2.png) top right no-repeat;z-index: 1;opacity:1}
.logo-cover{position: relative;margin-top:40px;z-index: 1}
/*.logo-cover img{width: 160px;height: 160px;}*/
.info-cover{position: relative;margin-top:70px;z-index:1}
.share-cover{position:absolute;bottom:15px;right:15px;z-index: 5}
s.btn-play:hover{opacity:1;}
.buy-btns{border-radius:15px}
.buy-btns a{padding:3px 5px!important}
/*.buy-btns a:nth-child(1){border-radius:15px 0 0 15px}
.buy-btns a:nth-child(2){border-radius:0 15px 15px 0}*/
/*footer*/
.footer-link a{padding:4px 6px}
.footer-link a:hover{color:red}

/*Class for when element is above threshold*/
html, body, .block {
    height: 100%;
  }  
.pin-top {
    position: relative;
  }

/*  // Class for when element is below threshold*/
  .pin-bottom {
    position: relative;
  }

/*  // Class for when element is pinned*/
  .pinned {
    position: fixed !important;
  }