.loadingContain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #0e0e0e;
  z-index: 1000;
  opacity: 0;


  -webkit-animation-name: loadinganimation;
  -webkit-animation-duration: 3s;
  animation-name: loadinganimation;
  animation-duration: 3s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.loadingTextWrap {
  height: 100%;
  width: 100%;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 600;
  font-size: 5vw;
  letter-spacing: -1px;
  color: #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-animation-name: loadingTextAnimation;
  -webkit-animation-duration: 3.5s;
  animation-name: loadingTextAnimation;
  animation-duration: 3.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.loadingTextWrap span{
  position: absolute;
}


#loading1 {
  -ms-transform: translate(-26vw, 0vw) scale(1.5);
  -webkit-transform: translate(-26vw, 0vw) scale(1.5);
  -moz-transform: translate(-26vw, 0vw) scale(1.5);
  -o-transform: translate(-26vw, 0vw) scale(1.5);
  transform: translate(-26vw, 0vw) scale(1.5);
  opacity: 1;
  -webkit-animation-name: textForm1;
  -webkit-animation-duration: 1.25s;
  animation-name: textForm1;
  animation-duration: 1.25s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  /* transition: linear; */
}

#loading2 {
  -ms-transform: translate(-12.5vw, 0vw) scale(1.5);
  -webkit-transform: translate(-12.5vw, 0vw) scale(1.5);
  -moz-transform: translate(-12.5vw, 0vw) scale(1.5);
  -o-transform: translate(-12.5vw, 0vw) scale(1.5);
  transform: translate(-12.5vw, 0vw) scale(1.5);
  opacity: 1;
  -webkit-animation-name: textForm2;
  -webkit-animation-duration: 1.2s;
  animation-name: textForm2;
  animation-duration: 1.2s;
  -webkit-animation-delay: 0.0s;
  animation-delay: 0.0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: linear;
}


#loading3 {
  -ms-transform: translate(-3vw, 0vw) scale(1.5);
  -webkit-transform: translate(-3vw, 0vw) scale(1.5);
  -moz-transform: translate(-3vw, 0vw) scale(1.5);
  -o-transform: translate(-3vw, 0vw) scale(1.5);
  transform: translate(-3vw, 0vw) scale(1.5);
  opacity: 1;
  -webkit-animation-name: textForm3;
  -webkit-animation-duration: 1.6s;
  animation-name: textForm3;
  animation-duration: 1.6s;
  -webkit-animation-delay: 0.0s;
  animation-delay: 0.0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: linear;
}
#loading4 {
  -ms-transform: translate(6.5vw, 0vw) scale(1.5);
  -webkit-transform: translate(6.5vw, 0vw) scale(1.5);
  -moz-transform: translate(6.5vw, 0vw) scale(1.5);
  -o-transform: translate(6.5vw, 0vw) scale(1.5);
  transform: translate(6.5vw, 0vw) scale(1.5);
  opacity: 1;
  -webkit-animation-name: textForm4;
  -webkit-animation-duration: 1.7s;
  animation-name: textForm4;
  animation-duration: 1.7s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: linear;
}
#loading5 {
  -ms-transform: translate(23vw, 0vw) scale(1.5);
  -webkit-transform: translate(23vw, 0vw) scale(1.5);
  -moz-transform: translate(23vw, 0vw) scale(1.5);
  -o-transform: translate(23vw, 0vw) scale(1.5);
  transform: translate(23vw, 0vw) scale(1.5);
  opacity: 1;
  -webkit-animation-name: textForm5;
  -webkit-animation-duration: 1.7s;
  animation-name: textForm5;
  animation-duration: 1.7s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: linear;
}
@keyframes textForm1 {
  0%   {
    -ms-transform: translate(0vw, 0vw) scale(5);
    -webkit-transform: translate(0vw, 0vw) scale(5);
    -moz-transform: translate(0vw, 0vw) scale(5);
    -o-transform: translate(0vw, 0vw) scale(5);
    transform: translate(0vw, 0vw) scale(5);
    opacity: 1;
  }
  10%   {
    -ms-transform: translate(-10vw, 0vw) scale(1.5);
    -webkit-transform: translate(-10vw, 0vw) scale(1.5);
    -moz-transform: translate(-10vw, 0vw) scale(1.5);
    -o-transform: translate(-10vw, 0vw) scale(1.5);
    transform: translate(-10vw, 0vw) scale(1.5);
  }
  100%   {
    -ms-transform: translate(-26vw, 0vw) scale(1.5);
    -webkit-transform: translate(-26vw, 0vw) scale(1.5);
    -moz-transform: translate(-26vw, 0vw) scale(1.5);
    -o-transform: translate(-26vw, 0vw) scale(1.5);
    transform: translate(-26vw, 0vw) scale(1.5);
    opacity: 1;
  }
}

@keyframes textForm2 {
  0%   {
    -ms-transform: translate(20vw, -10vh) scale(5);
    -webkit-transform: translate(20vw, -10vh) scale(5);
    -moz-transform: translate(20vw, -10vh) scale(5);
    -o-transform: translate(20vw, -10vh) scale(5);
    transform: translate(20vw, -10vh) scale(5);
    opacity: 0;
  }
  41%   {
    -ms-transform: translate(20vw, -10vh) scale(5);
    -webkit-transform: translate(20vw, -10vh) scale(5);
    -moz-transform: translate(20vw, -10vh) scale(5);
    -o-transform: translate(20vw, -10vh) scale(5);
    transform: translate(20vw, -10vh) scale(5);
    opacity: 0;
  }
  100%   {
    -ms-transform: translate(-12.5vw, 0vw) scale(1.5);
    -webkit-transform: translate(-12.5vw, 0vw) scale(1.5);
    -moz-transform: translate(-12.5vw, 0vw) scale(1.5);
    -o-transform: translate(-12.5vw, 0vw) scale(1.5);
    transform: translate(-12.5vw, 0vw) scale(1.5);
    opacity: 1;
  }
}
@keyframes textForm3 {
  0%   {
    -ms-transform: translate(20vw, -10vh) scale(5);
    -webkit-transform: translate(20vw, -10vh) scale(5);
    -moz-transform: translate(20vw, -10vh) scale(5);
    -o-transform: translate(20vw, -10vh) scale(5);
    transform: translate(20vw, -10vh) scale(5);
    opacity: 0;
  }
  56%   {
    -ms-transform: translate(20vw, -10vh) scale(5);
    -webkit-transform: translate(20vw, -10vh) scale(5);
    -moz-transform: translate(20vw, -10vh) scale(5);
    -o-transform: translate(20vw, -10vh) scale(5);
    transform: translate(20vw, -10vh) scale(5);
    opacity: 0;
  }
  100%   {
    -ms-transform: translate(-3vw, 0vw) scale(1.5);
    -webkit-transform: translate(-3vw, 0vw) scale(1.5);
    -moz-transform: translate(-3vw, 0vw) scale(1.5);
    -o-transform: translate(-3vw, 0vw) scale(1.5);
    transform: translate(-3vw, 0vw) scale(1.5);
    opacity: 1;
  }
}
@keyframes textForm4 {
  0%   {
    -ms-transform: translate(20vw, -10vh) scale(5);
    -webkit-transform: translate(20vw, -10vh) scale(5);
    -moz-transform: translate(20vw, -10vh) scale(5);
    -o-transform: translate(20vw, -10vh) scale(5);
    transform: translate(20vw, -10vh) scale(5);
    opacity: 0;
  }
  59%   {
    -ms-transform: translate(20vw, -10vh) scale(5);
    -webkit-transform: translate(20vw, -10vh) scale(5);
    -moz-transform: translate(20vw, -10vh) scale(5);
    -o-transform: translate(20vw, -10vh) scale(5);
    transform: translate(20vw, -10vh) scale(5);
    opacity: 0;
  }
  100%   {
    -ms-transform: translate(6.5vw, 0vw) scale(1.5);
    -webkit-transform: translate(6.5vw, 0vw) scale(1.5);
    -moz-transform: translate(6.5vw, 0vw) scale(1.5);
    -o-transform: translate(6.5vw, 0vw) scale(1.5);
    transform: translate(6.5vw, 0vw) scale(1.5);
    opacity: 1;
  }
}
@keyframes textForm5 {
  0%   {
    -ms-transform: translate(20vw, -10vh) scale(5);
    -webkit-transform: translate(20vw, -10vh) scale(5);
    -moz-transform: translate(20vw, -10vh) scale(5);
    -o-transform: translate(20vw, -10vh) scale(5);
    transform: translate(20vw, -10vh) scale(5);
    opacity: 0;
  }
  70%   {
    -ms-transform: translate(20vw, -10vh) scale(5);
    -webkit-transform: translate(20vw, -10vh) scale(5);
    -moz-transform: translate(20vw, -10vh) scale(5);
    -o-transform: translate(20vw, -10vh) scale(5);
    transform: translate(20vw, -10vh) scale(5);
    opacity: 0;
  }
  100%   {
    -ms-transform: translate(23vw, 0vw) scale(1.5);
    -webkit-transform: translate(23vw, 0vw) scale(1.5);
    -moz-transform: translate(23vw, 0vw) scale(1.5);
    -o-transform: translate(23vw, 0vw) scale(1.5);
    transform: translate(23vw, 0vw) scale(1.5);
    opacity: 1;
  }
}

@keyframes loadinganimation {
  0%   {opacity: 1;}
  90%  {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes loadingTextAnimation {
  0%   {
    -ms-transform: translate(0vw, 0vh);
    -webkit-transform: translate(0vw, 0vh);
    -moz-transform: translate(0vw, 0vh);
    -o-transform: translate(0vw, 0vh);
    transform: translate(0vw, 0vh);
    opacity: 1;
  }
  75%   {
    -ms-transform: translate(0vw, 0vh);
    -webkit-transform: translate(0vw, 0vh);
    -moz-transform: translate(0vw, 0vh);
    -o-transform: translate(0vw, 0vh);
    transform: translate(0vw, 0vh);
    opacity: 1;
  }
  100%   {
    -ms-transform: translate(0vw, 0vh);
    -webkit-transform: translate(0vw, 0vh);
    -moz-transform: translate(0vw, 0vh);
    -o-transform: translate(0vw, 0vh);
    transform: translate(0vw, -90vh);
    opacity: 1;
  }
}