#player-pop-main{
  position:fixed;
  display: none;
  justify-content: center;
  align-items: center;
  top:0px;
  left:0.5%;
  margin:0px;
  padding:0px;
  width:99%;
  height:100vh;
  background-color: transparent;
  z-index: 9999999999;
  color:#dadada;
  border:solid 0px red;
  font-family: 'Sofia-Pro', sans-serif;
  transition: all ease 0.5s;
}
#player-pop{
  position:relative;
  width:80%;
  height:90%;
  margin:5px auto;
  border:solid 0px grey;
  background-color: #2b2a2a;
  border-radius: 6px;
  box-shadow: 0 0 100px 2px #0c0c0c;
  overflow:hidden;
  /* backdrop-filter: blur(50px); */
  animation: playerpop linear 0.1s;
}
@keyframes playerpop {
  from {transform:scale(0.1);}
  to {transform:scale(1);}
}

#player-top-bar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* background-color: #222121f2; */
}
#playing-name{
  width:96%;
  text-align: center;
  /* background-color: #333; */
}
#player-top-bar span{
  font-size:20px;
  font-weight: bold;
  color:#868383;
  cursor:pointer;
}
#player-top-bar span:hover{
  opacity:0.5;
}
#player-top-bar b{
  margin-left:10px;
  font-size: 14px;
  color:#9b9898;
}




#video-container{
  position:relative;
  width:100%;
  height:auto;
  margin:5px auto;
  border:solid 0px #333;
  border-radius:9px;
  padding:0px;
  /* background:#333; */
  text-align: center;
  /* box-shadow: 0 0 30px 0px black; */
}
.stream_note{
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', sans-serif;
  color:#AE7628;
  font-size:22px;
  font-style:italic;
  font-weight:normal;
  opacity:0.8;
}
#watch-online-div{
  position:relative;
  width:80%;
  height:auto;
  min-height:400px;
  overflow:hidden;
  margin:10px auto;
  border-radius:2px;
  background-color:black;
  border:groove 0px #AE7628;
}
.ads{
  position:relative;
  width:90%;
  height:auto;
  overflow:hidden;
  margin:10px auto;
  border-radius:3px;
  background-color:transparent;
}

#avail_servers{
  position: relative;
  width:95%;
  margin:2px auto;
  /* background-color: #313131; */
  max-height: 100px;
  overflow-y:scroll;
}

#avail_servers::-webkit-scrollbar {
  width: 0.4em;}
#avail_servers::-webkit-scrollbar-track {
  background-color: #222;
  border-radius: 3px;
}
#avail_servers::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 3px;
}

.server-button{
  color:#b1aeae;
  background:#214869;
  border:none;
  border-radius:3px;
  padding:5px 10px;
  margin:3px;
  cursor:pointer;
  box-shadow: 0 0 0px 0px #171717;
}
.server-button:hover{
  box-shadow: 0 0 3px 1px #214869;
  opacity:0.9;
}
#video-tag{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:99%;
  z-index:900;
  object-fit:cover;
  border:solid 0px green;
  border-radius:7px;
  background-color:black;
  visibility:hidden;
}

#loading-timer,#start-player-button-div{
  position:absolute;
  color:white;
  top:50%;
  left:50%;
  transform:translate(-25%,-25%);
  z-index: 1000;
  background:grey;
}

#start-player-button-div{
  position:absolute;
  color:white;
  top:50%;
  left:50%;
  width:120px;
  height:80px;
  transform:translate(-20px,-50px);
  z-index: 1000;
  background:white;
  clip-path: polygon(0 0, 50% 50%, 0 100%);
}

#watch_torrent_btn{
  background:grey;
  font-size:18px;
  padding:10px 17px;
  border:1px solid black;
  border-radius: 7px;
  font-weight:bold;
  cursor:pointer;
  box-shadow:0 0 1px 1px grey
}
#watch_torrent_btn:hover{
    box-shadow:0 0 20px 1px grey
}

@media only screen and (max-width: 700px) {
#player-pop-main{
  position:fixed;
  display: none;
  justify-content: center;
  align-items: flex-start;
}
#player-pop{
  position:relative;
  width:97%;
  height:90%;
  box-shadow: 0 0 100px 20px #000;
  overflow:hidden;
}

#avail_servers{
  width:95%;
  max-height: 120px;
}

#video-container{
  position:relative;
  width:90%;
  height:auto;
  margin:5px auto;
  border:solid 0px #333;
  border-radius:9px;
  padding:0px;
  /* background:#333; */
  text-align: center;
  /* box-shadow: 0 0 30px 0px black; */
  }  

#watch-online-div{
  position:relative;
  width:100%;
  height:auto;
  min-height:350px;
  overflow:hidden;
  margin:10px auto;
}
.ads{
width:100%;
}
#video-tag{
  position:relative;
  width:100%;
  height:350px;
  z-index:900;
  object-fit:fill;
  border:solid 0px grey;
  border-radius:7px;
  background:#333;
}

}