.textoCarregando{
    width: 100%;
    text-align: center;
    font-style: italic;
    position: absolute;
    z-index: 9999;
    margin-top: -8vw;
    text-shadow: 0.1vw 0.1vw 0.5vw rgb(28, 232, 212);
}

.stairs-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
/* line 55, ../../frontend-src/css/sass/_shared.sass */
.stairs-wrapper .stars {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

/* line 253, ../../frontend-src/css/sass/_animations.scss */
.stars-animation {
  -moz-animation: stairs 9s linear infinite;
  -webkit-animation: stairs 9s linear infinite;
  animation: stairs 9s linear infinite;
}

/* line 257, ../../frontend-src/css/sass/_animations.scss */
.stars-animation-two {
  -moz-animation: stairs 9s linear infinite;
  -webkit-animation: stairs 9s linear infinite;
  animation: stairs 9s linear infinite;
  -moz-animation-delay: 3s;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

/* line 262, ../../frontend-src/css/sass/_animations.scss */
.stars-animation-three {
  -moz-animation: stairs 9s linear infinite;
  -webkit-animation: stairs 9s linear infinite;
  animation: stairs 9s linear infinite;
  -moz-animation-delay: 6s;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

@-moz-keyframes stairs {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(3);
    transform: scale(3);
  }
}
@-webkit-keyframes stairs {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
@keyframes stairs {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}


@-webkit-keyframes spinn0r {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinn0r {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes spinn0r {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes movement {
  0% {
    -webkit-transform: translateZ(0px);
  }
  20% {
    -webkit-transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translateZ(-40px);
  }
  60% {
    -webkit-transform: translateZ(-70px);
  }
  80% {
    -webkit-transform: translateZ(50px);
  }
  90% {
    -webkit-transform: translateZ(0px);
  }
  100% {
    -webkit-transform: translateZ(-120px);
  }
}
@-moz-keyframes movement {
  0% {
    -moz-transform: translateZ(0px);
  }
  20% {
    -moz-transform: translateZ(0px);
  }
  40% {
    -moz-transform: translateZ(-40px);
  }
  60% {
    -moz-transform: translateZ(-70px);
  }
  80% {
    -moz-transform: translateZ(50px);
  }
  90% {
    -moz-transform: translateZ(0px);
  }
  100% {
    -moz-transform: translateZ(-120px);
  }
}
@keyframes movement {
  0% {
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  20% {
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translateZ(-40px);
    -moz-transform: translateZ(-40px);
    -ms-transform: translateZ(-40px);
    -o-transform: translateZ(-40px);
    transform: translateZ(-40px);
  }
  60% {
    -webkit-transform: translateZ(-70px);
    -moz-transform: translateZ(-70px);
    -ms-transform: translateZ(-70px);
    -o-transform: translateZ(-70px);
    transform: translateZ(-70px);
  }
  80% {
    -webkit-transform: translateZ(50px);
    -moz-transform: translateZ(50px);
    -ms-transform: translateZ(50px);
    -o-transform: translateZ(50px);
    transform: translateZ(50px);
  }
  90% {
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  100% {
    -webkit-transform: translateZ(-120px);
    -moz-transform: translateZ(-120px);
    -ms-transform: translateZ(-120px);
    -o-transform: translateZ(-120px);
    transform: translateZ(-120px);
  }
}
body {
  background-color: #000;
  font-family: Helvetica, sans-serif;
}

.cube, .half1, .half2, .container, .side {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.container {
  position: relative;
  width: 31.25vw;
  height: 31.25vw;
  margin: 0 auto;
  z-index: 999;
  text-align: center;
  -webkit-animation: spinn0r 10s ease-in-out infinite alternate;
  -moz-animation: spinn0r 10s ease-in-out infinite alternate;
  animation: spinn0r 10s ease-in-out infinite alternate;
  -webkit-perspective: 2500vw;
  -moz-perspective: 2500vw;
  perspective:2500vw;
}

.cube {
  width: 31.25vw;
  height: 31.25vw;
  -webkit-transform: rotateX(125deg) rotateY(0deg) rotateZ(45deg) translate3d(-3.125vw, -3.125vw, 0);
  -moz-transform: rotateX(125deg) rotateY(0deg) rotateZ(45deg) translate3d(-3.125vw, -3.125vw, 0);
  -ms-transform: rotateX(125deg) rotateY(0deg) rotateZ(45deg) translate3d(-3.125vw, -3.125vw, 0);
  -o-transform: rotateX(125deg) rotateY(0deg) rotateZ(45deg) translate3d(-3.125vw, -3.125vw, 0);
  transform: rotateX(125deg) rotateY(0deg) rotateZ(45deg) translate3d(-3.125vw, -3.125vw, 0);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 5s ease-in;
  -moz-transition: all 5s ease-in;
  transition: all 5s ease-in;
}

.half1 {
  height: 12.5vw;
  top: 0px;
  position: absolute;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: all 5s ease-in;
  -moz-transition: all 5s ease-in;
  transition: all 5s ease-in;
}

.side {
  width: 6.25vw;
  height: 6.25vw;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 10s ease-in;
  -moz-transition: all 10s ease-in;
  transition: all 10s ease-in;
}

.in {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  border: 0.125vw solid rgba(28, 232, 212, 0.8);
  box-shadow: inset 0px 0px 0.3125vw 0.1875vw rgba(28, 232, 212, 0.3);
  bottom: 0;
  -webkit-animation: movement 5s ease-out infinite alternate;
  -moz-animation: movement 5s ease-out infinite alternate;
  animation: movement 5s ease-out infinite alternate;
}

.s1 {
  top: 0;
  left: 12.5vw;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

.s2 {
  top: 6.25vw;
  left: 12.5vw;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.s3 {
  top: 12.5vw;
  left: 12.5vw;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.s4 {
  top: 18.75vw;
  left: 12.5vw;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}

.s5 {
  left: 6.25vw;
  top: 6.25vw;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}

.s6 {
  left: 18.75vw;
  top: 12.5vw;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}


.iniciar:hover{
    background-image: url(/core/javax.faces.resource/imagens/iniciar_hover.png.xhtml);
}
.iniciar:active{
    background-image: url(/core/javax.faces.resource/imagens/iniciar_active.png.xhtml);
}
.iniciar.lancando1{
    background-image: url(/core/javax.faces.resource/imagens/lancando_1.png.xhtml) !important;
}
.iniciar.lancando2{
    background-image: url(/core/javax.faces.resource/imagens/lancando_2.png.xhtml);
}
.iniciar.lancando3{
    background-image: url(/core/javax.faces.resource/imagens/lancando_3.png.xhtml);
}
.iniciar{
    position: absolute;
    margin-left: calc(50% - 4.5vh);
    bottom: 5vh;
    width: 9vh;
    height: 9vh;
    background-size: 9vh 9vh;
    background-repeat: no-repeat;
    background-image: url(/core/javax.faces.resource/imagens/iniciar.png.xhtml);
}
.painellogoResults{
  width: 60vh;
  position: absolute;
  left: calc(50% - 30vh);
  top: 15vh;
  text-align: center;
}
.logoResults{
  width: 100%;
}
.logoPacto{
  display: inline-block;
  margin-top: 4vh;
  width: 24vh;
}


@keyframes sumirAparecer {
  from {
    opacity: 0.10;
  }
  5% {opacity: 0.2;}  10% {opacity: 0.3;}
  15% {opacity: 0.4;}  20% {opacity: 0.5;}
  25% {opacity: 0.6;}  30% {opacity: 0.7;}
  35% {opacity: 0.8;}  40% {opacity: 0.9;}
  45% {opacity: 1;}  50% {opacity: 1;}
  55% {opacity: 1;}  60% {opacity: 0.9;}
  65% {opacity: 0.8;}  70% {opacity: 0.7;}
  75% {opacity: 0.6;}  80% {opacity: 0.5;}
  85% {opacity: 0.4;}  90% {opacity: 0.3;}
  95% {opacity: 0.2;}  100% {opacity: 0.1;}


}

.luzMarca {
  -webkit-animation: sumirAparecer 5s infinite; /* Chrome, Safari, Opera */
  animation: sumirAparecer 5s infinite;
}

.lancando.logininputs input{
  display: none !important;
}

.painellogoResults .inputGame {
  width: 50% !important;
  display: inline-block !important;
  font-size: 2vh !important;
  margin-top: 3vh !important;
  padding: 1vh !important;
}
.inputGame.firstInput{
  margin-top: 14vh !important;
}