#loading_div {
  position: absolute;
  z-index: 99999;
  background-color: #000;
  /*background-image: url("../img/sfondo_dk.jpg");*/
  /*background-size: cover;*/
  /*background-position: center center;*/
  /*background-repeat: no-repeat;*/
  width: 100%;
  height: 100%;
  opacity: 1;
  display: block;
  top: 0;
  left: 0;
  /*position: fixed;*/
  /*width: 2000px;*/
  /*height: 100%;*/
  /*opacity: 1;*/
  /*display: block;*/
  /*left: 50%;*/
  /*margin-left: -1000px;*/
  /*top: 0;*/
}

.ptClass #loading_div {
  position: fixed;
}

.lsClass #loading_div {
  position: fixed;
}

#sfondo_loading {
  position: absolute;
  height: 100%;
  min-width: 100%;
  left: 50%;
  transform: translateX(-50%);
}

#loading_content {
  position: absolute;
  top: 70px;
  left: 15px;
  width: 590px;
  height: 640px;
}

.lsClass #loading_content {
  top: 30px;
  left: 20px;
  width: 575px;
  height: 540px;
  transform: translate(30px, -20px) scale(1.1);
}

#loading_content .slide {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 1s;
}

#loading_content .slide.active {
  opacity: 1;
}

#slide_nav {
  position: absolute;
  bottom: 110px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.lsClass #slide_nav {
  bottom: 30px;
}
.ptClass #slide_nav {
  bottom: 125px;
  pointer-events: auto;
}

.slide_nav_el {
  width: 20px;
  height: 20px;
  background-color: #858ea5;
  border: 3px solid #000;
  border-radius: 50%;
  margin-left: 5px;
  cursor: pointer;
}

.ptClass .slide_nav_el {
  width: 50px;
  height: 50px;
  margin-left: 25px;
}

.slide_nav_el.active {
  background: linear-gradient(to bottom, #ac7716 0%, #fff330 50%, #c98d1b 100%);
}

#loading_component {
  position: absolute;
  width: 330px;
  height: 280px;
  top: 37%;
  right: 5%;
}

.ptClass #loading_content {
  top: 270px;
  width: 1000px;
  height: 990px;
  left: 50%;
  margin-left: -500px;
  z-index: 1;
  pointer-events: none;
}

.ptClass #loading_component {
  position: absolute;
  width: 100%;
  height: 280px;
  top: 5%;
  left: 0;
  right: 0%;
}

.lsClass #loading_component {
  right: 12%;
  transform: scale(1.3);
}

#logo_loading {
  float: left;
  width: 100%;
  transform: scale(1.2);
}

.ptClass #logo_loading {
  float: left;
  width: 70%;
  margin-left: 15%;
  margin-top: -50px;
}

#loading_bar_container {
  float: left;
  width: 100%;
  margin-top: -100px;
  margin-left: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ptClass #loading_bar_container {
  margin-top: 580px;
  margin-left: 0px;
}

#loading_bar {
  /*position: absolute;*/
  /*left: 50%;*/
  /*margin-left: -100px;*/
  /*width: 200px;*/
  /*border-radius: 15px;*/
  /*top: 50%;*/
  /*height: 20px;*/
  /*overflow: hidden;*/
  /*border: 1px solid #424241;*/
  /*background: linear-gradient(to bottom, #050505 0%, #505050 100%);*/
  /*margin-top: 80px;*/
  /*transform: translateY(50px) scale(1.4);*/
  width: 200px;
  border-radius: 15px;
  height: 20px;
  overflow: hidden;
  border: 1px solid #424241;
  background: linear-gradient(to bottom, #050505 0%, #505050 100%);
  transform: scale(1.2);
}

#loading_bar_container.loaded #loading_bar {
  display: none;
}

@media (orientation: portrait) {
  .lsClass #loading_bar,
  .ptClass #loading_bar {
    transform: scale(2.3);
  }
}

#loading_bar_in {
  position: absolute;
  left: 0px;
  width: calc(var(--progress, 0) * 200px);
  border-radius: 15px;
  top: 0px;
  height: 20px;
  overflow: hidden;
  box-shadow: inset 0px 0px 5px 0px rgba(255, 255, 255, 1);
  background: linear-gradient(to bottom, #e96300 0%, #ffd102 100%);
}

#play_loading {
  width: 160px;
  cursor: pointer;
  position: relative;
  animation-name: light_button;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

@keyframes light_button {
  0% {
    filter: drop-shadow(-3px -3px 20px #fef35388)
      drop-shadow(3px -3px 20px #fef35388) drop-shadow(-3px 3px 20px #fef35388)
      drop-shadow(3px 3px 20px #fef35388);
  }
  50% {
    filter: drop-shadow(0px 0px 0px #fef35388)
      drop-shadow(0px 0px 0px #fef35388) drop-shadow(0px 0px 0px #fef35388)
      drop-shadow(0px 0px 0px #fef35388);
  }
  100% {
    filter: drop-shadow(-3px -3px 20px #fef35388)
      drop-shadow(3px -3px 20px #fef35388) drop-shadow(-3px 3px 20px #fef35388)
      drop-shadow(3px 3px 20px #fef35388);
  }
}

#play_loading img {
  width: 100%;
}

.ptClass #play_loading {
  width: 390px;
  margin-top: -30px;
}

#loading_bar_container:not(.loaded) #play_loading {
  display: none;
}