#headerDummy{
  position:relative;
  width:100%;
  height: 84px;
  overflow:hidden;
  background-color: black;
}
#header{
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  height: 84px;
  opacity: 0;
  background-color: black;
}
#footer{
  position: fixed;
  bottom:0px;
  left:0px;
  width:100%;
  height: 110px;
  opacity: 0;
}
#videoContainer {
  position: relative;

  height: calc(100vh - 60px);

  width: 100vw;

  background: black;
  display: block;overflow: hidden;}

#video1Container {
  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;
}

#video1 {
  position: absolute;
}

#video1Loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

#video1RedLoader {
  width: 100px;
  height: 100px;
  background: url(/files/layouts/loader.gif);
  background-position: center;
  background-size: 100%;
  position: absolute;
}

.cover {
  position: absolute;
  background-color: transparent;
  width: 100%;
  height: 100%;
}

.bg-video {
  width: 100%;

  height: 820px;
}



.ticker{
  position: relative;
  width: 100%;
  height: 30px;
  overflow: hidden;
  color: black;margin-bottom: -3px;
  font-weight: bold;
}
.tickerInner{
  position: absolute;
  left: 0px;
  width: 50000px;
  height: 100%;
}
.tickerItem{
  position: relative;
  display: block;
  float: left;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 3px solid black;
  margin-left: -3px;padding-left: 15px;padding-right: 15px;line-height: 25px;}

#entradasDiv{
  position: fixed;
  bottom: 200px;
  width: 200px;
  height: 45px;
  display: block;
  background-color: #ff6600;
  left: calc((100% - 200px)/2);
  cursor: pointer;
  border: solid black 3px;
}
#entradasText{
  position:absolute;
  width: 100%;
  text-align: center;
  font-size: 14px;
  left: 0px;
  top: 14px;
  color: black;
  font-weight: bold;
}

#ticker1{
  background-color: #ffe900;
  height: 45px;
}
.ticker1Text{
  background-color: #ffe900;
  line-height: 45px;
}
#ticker2{
  background-color: white;
}
#ticker3{
  background-color: #ffe900;
}
#ticker4{
  background-color: #9480ff;
}
#ticker5{
  background-color: #6aaeff;
}
#ticker6{
  background-color: #ffa8ce;
}
#ticker7{
  background-color: #ff6600;
}

@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap");

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  background-color: black;
}

.countdown_wrap {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4rem;
  opacity:0;
}
.countdown_wrap::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
  linear-gradient(
          90deg,
          rgba(255, 0, 0, 0.06),
          rgba(0, 255, 0, 0.02),
          rgba(0, 0, 255, 0.06)
  );
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}

.countdown_wrap__layer--1 {
  height: 75%;
  background-image: linear-gradient(
          to right,
          white 0%,
          white 14.2857%,
          yellow 14.285%,
          yellow 28.5714%,
          cyan 28.5714%,
          cyan 42.8571%,
          green 42.8571%,
          green 57.1429%,
          magenta 57.1429%,
          magenta 71.4286%,
          red 71.4286%,
          red 85.7143%,
          blue 85.7143%,
          blue 100%
  );
}
.countdown_wrap__layer--2 {
  height: 10%;
  background-image: linear-gradient(
          to right,
          blue 0%,
          blue 14.2857%,
          black 14.285%,
          black 28.5714%,
          magenta 28.5714%,
          magenta 42.8571%,
          black 42.8571%,
          black 57.1429%,
          cyan 57.1429%,
          cyan 71.4286%,
          black 71.4286%,
          black 85.7143%,
          white 85.7143%,
          white 100%
  );
}
.countdown_wrap__layer--3 {
  height: 15%;
  background-image: linear-gradient(
          to right,
          darkblue 0%,
          darkblue 16.6667%,
          white 16.6667%,
          white 33.3333%,
          darkviolet 33.3333%,
          darkviolet 50%,
          #111 50%,
          #111 66.6667%,
          black 66.6667%,
          black 72.2226%,
          #111 72.2226%,
          #111 77.7782%,
          #222 77.7782%,
          #222 83.3333%,
          #111 83.3333%,
          #111 100%
  );
}

.countdown_wrap__timer {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%);
  font: 700 clamp(6rem, 18vw + 1rem, 40rem) / 0 "Roboto Mono", monospace;
  color: white;
  text-shadow: 0 0 0.125rem black, -0.125rem -0.125rem 0 cyan,
  0.125rem 0.125rem 0 red;
  font-size: 75px;}

@keyframes flicker {
  0% {
    opacity: 0.27861;
  }
  5% {
    opacity: 0.34769;
  }
  10% {
    opacity: 0.23604;
  }
  15% {
    opacity: 0.90626;
  }
  20% {
    opacity: 0.18128;
  }
  25% {
    opacity: 0.83891;
  }
  30% {
    opacity: 0.65583;
  }
  35% {
    opacity: 0.67807;
  }
  40% {
    opacity: 0.26559;
  }
  45% {
    opacity: 0.84693;
  }
  50% {
    opacity: 0.96019;
  }
  55% {
    opacity: 0.08594;
  }
  60% {
    opacity: 0.20313;
  }
  65% {
    opacity: 0.71988;
  }
  70% {
    opacity: 0.53455;
  }
  75% {
    opacity: 0.37288;
  }
  80% {
    opacity: 0.71428;
  }
  85% {
    opacity: 0.70419;
  }
  90% {
    opacity: 0.7003;
  }
  95% {
    opacity: 0.36108;
  }
  100% {
    opacity: 0.24387;
  }
}




@media (orientation: portrait) {

  .countdown_wrap__timer {
    font-size: 30px;}

  .bg-video {
    height: 205px;
  }

  #videoContainer {

  }

  #video1Loader {
    height: 100%;
  }
  #videoContainer .cover {
    display: none;
  }
}