html {display: table;}
.streamname{color: #fff; font-size:12px; position: absolute; margin: 40px 130px;font-style:bold;  }
.site {position: absolute; margin: 0 7px;}
.my_player{position:absolute;margin:0px;background:none !important;
border: none !important; }
#my_play {
    position: absolute;
    margin-top: 76px;
    margin-left: 36px;
    width: 41px;
    height: 40px;
    background-image: url(https://imgs.su/upload/830/654187683.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
#my_timer{display:none;position:absolute;width:48px;font:11px Arial;color:#fff;margin-left:7px}
#img{position:absolute; margin: 81px 72px;}
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
.my_streamname {
    position: absolute;
    margin: 38px 87px;
    color: #005569;
    font-size: 10px;
    font-family: Impact;
    -webkit-text-stroke: 0.1px #98d5ea;
    font-weight: 900;
    text-align: center;
    align-items: center;
    letter-spacing: 2px;
}
.my_streamname:hover::after {
    content: attr(data-title); 
}

.my_song {
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    top: 155px;
    left: 45px;
    width: 190px;
    height: 20px;
    font: 11px Verdana;
    color: #ffffff;
    font-weight: bold;
}
.stol {
    position: absolute;
    margin: 76px 190px;
    width: 41px;
}
.tg {
    position: absolute;
    margin: -35px 13px;
    width: 31px;
    height: 31px;
}
.yt {
    position: absolute;
   
    margin: -35px 235px;
    width: 31px;
    height: 30px;
}
.my_loading{display:none;}
.my_listeners {
    position: absolute;
    top: 83px;
    left: 130px;
    width: 90px;
    font: 20px arial black;
    color: #00f0ff;
    text-align: left;
}
.my_marquee {
    position: absolute;
    padding-left: 100%;
    white-space: nowrap;
    animation: scroll-left 15s linear infinite;
 }
@keyframes scroll-left {
 0% {transform: translateX(0);}
100% {transform: translateX(-100%);}
}

   
  /* CUSTOM PLAYER */ 
  .player-container {

  display: block; 

 } 
  .video-bg{ 
  position: absolute; 
  display: flex; 
  align-items: center; 
  flex-direction: column; 
  width: 250px; 
  overflow: hidden; } 
  
  .hiddenvbg { display: none }
  .change-vbg { color:#fff; } 
 
 mybg1{
 position:absolute;
 margin: 15px 15px;
 }
 .bg {position: absolute;display: flex;align-items: center;flex-direction: column;width: 284px;overflow: hidden;}


.change-vbg a {
   
   background: rgba(148,8,176,0.8);
    cursor: pointer;
    color: #fff;
    margin: 6px 12px;
    font-size: 12px;
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
} 
  
  .change-vbg a:hover{ 
  background:rgba(0,0,0,0.5); 
  } 
  
  .obloz-tips { font-family: 'Comfortaa', sans-serif; font-size: 12px; font-weight: 900; color: #fff; text-align: center; padding: 4px; margin-top: 2px; margin-bottom:2px; border-radius: 3px; text-transform:uppercase; } 
  .player-tips { font-family: 'Comfortaa', sans-serif; font-size: 16px; font-weight: 900; color: #01d2e6; padding: 4px; margin-top: 5px; margin-bottom:5px; border-radius: 3px; } 
 /*END CUSTOM PLAYER*/