img {
  align-self: center;
}
.adsense {
  width: 320px;
  height: 50px;
}
@media(min-width: 500px) {
  .adsense {
    width: 468px; height: 60px;
  }
}
@media(min-width: 900px) {
  .adsense {
    width: 728px;
    height: 90px;
  }
}
.adbottom {
  padding-top: 30px;
  text-align: center;
}
.adtop {
  padding-top: 30px;
  text-align: center;
}
.center {
  text-align: center;
}
.outer-main {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;      
  width: 728px;
  height: 800px;
}
.outer-main-background {
  background: #000;
  border-radius: 15px;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.outer-main-player {
  position: relative;
  z-index: 1;
}
.outer-main-player .main-container .view {
  margin-top: auto;
  margin-bottom: auto;
}
.preloader, 
.preloader
.text_area {
  display: block;
  position:absolute;
  left: 0;
  right: 0
}
.preloader{
  top: 0;
  bottom: 0;
  text-align: center;
  font-size: 14px;
  color: #2f2f2f;
  background: rgba(250, 250, 250, .95);
  transition: all .5s cubic-bezier(.25, .8, .25, 1);
  -webkit-transition: all .5s cubic-bezier(.25, .8, .25, 1);
  z-index: 999;
}
.preloader.loadComplete{
  opacity: 0;
  visibility: hidden
}
.preloader .text_area{
  height: 50px;
  top: 40%;
  margin-top: -25px;
}
#muted {
  display: none;
}
/* --- smartphones --- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
  only screen and (min-device-width : 480px) and (max-device-width : 800px),
  only screen and (max-width: 500px) {
  .outer-main {
    width: auto;
    height: auto;
    position: static;
    width: auto;
    left: auto;
    top: auto;
    height: auto;
  }
  .outer-main-background {
    border-radius: 0;
  }
  .center img {
    width: 99%;
  }
}




/* cookie popup*/
.cookie-popup {
  display:none;
  position: fixed;
  z-index: 50;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background-color: #333333;
  color: white;
  text-align: center;
}
.accept-btn {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  margin-left: 10px;
}
.accept-btn:hover {
  background-color: #3e8e41;
}
/* cookie popup*/