/*animacion de bits*/
.wrapper-bit {
  position: absolute;
  height: 100vh;
  width: 45%;
  left: 0px;
  top: 0px;
}
.wrapper-bit div {
  position: absolute;
  background: url('../img/bit-1.png') repeat-y left 4px;
  background-size: 13px auto;
  transform: translate3d(0px, 0px, 0px);
  transform-style: preserve-3d;
  width: 13px;
}
/*inicia animacion bit 9*/

@keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes9 {
  0% {
      transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -moz-transform: translate3d(0px, 0px, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }

  100% {
      transform: translate3d(0px, 230%, 0px);
      -webkit-transform: translate3d(0px, 230%, 0px);
      -moz-transform: translate3d(0px, 230%, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes9 {
  0% {
      -webkit-transform: translate3d(0px, 0px, 0px);
      -webkit-animation-timing-function: linear;
  }

  100% {
      -webkit-transform: translate3d(0px, 230%, 0px);
      -webkit-animation-timing-function: linear;
  }
}
@-moz-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes9 {
  0% {
      -moz-transform: translate3d(0px, 0px, 0px);
      -moz-animation-timing-function: linear;
  }

  100% {
      -moz-transform: translate3d(0px, 230%, 0px);
      -moz-animation-timing-function: linear;
  }
}


.bit9{
   right: 17%;
   height: 94%;
   top: -65%;
   animation: 2 linear 4s normal forwards 1 running gwd-gen-1hlxgwdanimation_gwd-keyframes9;
   -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes9 2s linear 4s 1 normal forwards;
  -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes9 2s linear 4s 1 normal forwards;
}



@keyframes gwd-gen-15gpgwdanimation_gwd-keyframes9-1 {
  0% {
      transform: translate3d(0px, -0.880048px, 0px);
      -webkit-transform: translate3d(0px, -0.880048px, 0px);
      -moz-transform: translate3d(0px, -0.880048px, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
  100% {
      transform: translate3d(0px, 303px, 0px);
      -webkit-transform: translate3d(0px, 50%, 0px);
      -moz-transform: translate3d(0px, 50%, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-15gpgwdanimation_gwd-keyframes9-1 {
  0% {
      -webkit-transform: translate3d(0px, -0.880048px, 0px);
      -webkit-animation-timing-function: linear;
  }
  100% {
      -webkit-transform: translate3d(9px, 50%, 0px);
      -webkit-animation-timing-function: linear;
  }
}
@-moz-keyframes gwd-gen-15gpgwdanimation_gwd-keyframes9-1 {
  0% {
      -moz-transform: translate3d(0px, -0.880048px, 0px);
      -moz-animation-timing-function: linear;
  }
  100% {
      -moz-transform: translate3d(0px, 50%, 0px);
      -moz-animation-timing-function: linear;
  }
}

.bit9-1{
   right: 17%;
   height: 94%;
   top: -110%;
   width: 100%;
   animation: 2s linear 4s normal forwards 1 running gwd-gen-15gpgwdanimation_gwd-keyframes9-1;
   -webkit-animation: gwd-gen-15gpgwdanimation_gwd-keyframes9-1 2s linear 4.7s 1 normal forwards;
  -moz-animation: gwd-gen-15gpgwdanimation_gwd-keyframes9-1 2s linear 4.7 1 normal forwards;
}

/*inicia bit 8*/
@keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes8{
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
    100% {
        transform: translate3d(1px, -80%, 0);
        -webkit-transform: translate3d(1px, -80%, 0);
        -moz-transform: translate3d(1px, -80%, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
}
@-webkit-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes8{
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: linear
    }
    100% {
        -webkit-transform: translate3d(1px, -80%, 0);
        -webkit-animation-timing-function: linear
    }
}
@-moz-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes8 {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -moz-animation-timing-function: linear
    }
    100% {
        -moz-transform: translate3d(1px, -80%, 0);
        -moz-animation-timing-function: linear
    }
}

.bit8{
    background-position: left bottom!important;
    height: 100%;
    right: 22%;
    top: -41%;
    animation: 2s linear 4s normal forwards 1 running gwd-gen-1hlxgwdanimation_gwd-keyframes8;
    -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes8 2s linear 4s 1 normal forwards;
    -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes8 2s linear 4s 1 normal forwards;
}

/*inicia b8-1*/

@keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes8-1 {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
    100% {
        transform: translate3d(0, -170%, 0);
        -webkit-transform: translate3d(0, -170%, 0);
        -moz-transform: translate3d(0, -170%, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
}
@-webkit-keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes8-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: linear
    }
    100% {
        -webkit-transform: translate3d(0, -170%, 0);
        -webkit-animation-timing-function: linear
    }
}
@-moz-keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes8-1 {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -moz-animation-timing-function: linear
    }
    100% {
        -moz-transform: translate3d(0, -170%, 0);
        -moz-animation-timing-function: linear
    }
}

.bit8-1{
    height: 100%;
    right: 22%;
    bottom: -117%;
    animation: gwd-gen-1j7bgwdanimation_gwd-keyframes8-1 2s linear 4.047s 1 normal forwards;
    -webkit-animation: gwd-gen-1j7bgwdanimation_gwd-keyframes8-1 2s linear 4.047s 1 normal forwards;
    -moz-animation: gwd-gen-1j7bgwdanimation_gwd-keyframes8-1 2s linear 4.047s 1 normal forwards;
}


/*inicia animacion bit 7*/

@keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes7 {
  0% {
      transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -moz-transform: translate3d(0px, 0px, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }

  100% {
      transform: translate3d(0px, 900px, 0px);
      -webkit-transform: translate3d(0px, 230%, 0px);
      -moz-transform: translate3d(0px, 230%, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes7 {
  0% {
      -webkit-transform: translate3d(0px, 0px, 0px);
      -webkit-animation-timing-function: linear;
  }

  100% {
      -webkit-transform: translate3d(0px, 230%, 0px);
      -webkit-animation-timing-function: linear;
  }
}
@-moz-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes7 {
  0% {
      -moz-transform: translate3d(0px, 0px, 0px);
      -moz-animation-timing-function: linear;
  }

  100% {
      -moz-transform: translate3d(0px, 230%, 0px);
      -moz-animation-timing-function: linear;
  }
}


.bit7{
  height: 94%;
  right: 27%;
  top: -61%;
   animation: 2s linear 4s normal forwards 1 running gwd-gen-1hlxgwdanimation_gwd-keyframes7;
   -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes7 2s linear 4s 1 normal forwards;
  -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes7 2s linear 4s 1 normal forwards;
}



@keyframes gwd-gen-15gpgwdanimation_gwd-keyframes7-1{
  0% {
      transform: translate3d(0px, -0.880048px, 0px);
      -webkit-transform: translate3d(0px, -0.880048px, 0px);
      -moz-transform: translate3d(0px, -0.880048px, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
  100% {
      transform: translate3d(0px, 303px, 0px);
      -webkit-transform: translate3d(0px, 303px, 0px);
      -moz-transform: translate3d(0px, 53%, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-15gpgwdanimation_gwd-keyframes7-1 {
  0% {
      -webkit-transform: translate3d(0px, -0.880048px, 0px);
      -webkit-animation-timing-function: linear;
  }
  100% {
      -webkit-transform: translate3d(9px, 53%, 0px);
      -webkit-animation-timing-function: linear;
  }
}
@-moz-keyframes gwd-gen-15gpgwdanimation_gwd-keyframes7-1 {
  0% {
      -moz-transform: translate3d(0px, -0.880048px, 0px);
      -moz-animation-timing-function: linear;
  }
  100% {
      -moz-transform: translate3d(0px, 53%, 0px);
      -moz-animation-timing-function: linear;
  }
}

.bit7-1{
   right: 27%;
   height: 94%;
   top: -107%;
   width: 100%;
   animation: gwd-gen-15gpgwdanimation_gwd-keyframes7-1 2s linear 4.047s 1 normal forwards;
   -webkit-animation: gwd-gen-15gpgwdanimation_gwd-keyframes7-1 2s linear 4.047s 1 normal forwards;
   -moz-animation: gwd-gen-15gpgwdanimation_gwd-keyframes7-1 2s linear 4.047s 1 normal forwards;
}

@keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes6{
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
    100% {
        transform: translate3d(1px, -80%, 0);
        -webkit-transform: translate3d(1px, -180%, 0);
        -moz-transform: translate3d(1px, -80%, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
}
@-webkit-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes6{
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: linear
    }
    100% {
        -webkit-transform: translate3d(1px, -180%, 0);
        -webkit-animation-timing-function: linear
    }
}
@-moz-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes6 {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -moz-animation-timing-function: linear
    }
    100% {
        -moz-transform: translate3d(1px, -180%, 0);
        -moz-animation-timing-function: linear
    }
}

.bit6{
    right: 67%;
    height: 63%;
    top: 14%;
    animation: 2s linear 0s normal forwardanimation: 2s linear 4s normal forwards 1 running gwd-gen-1hlxgwdanimation_gwd-keyframes6;
    -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes6 2s linear 4s 1 normal forwards;
    -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes6 2s linear 4s 1 normal forwards;s 1 running gwd-gen-1hlxgwdanimation_gwd-keyframes6;
    -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes6 2s linear 4s 1 normal forwards;
    -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes6 2s linear 4s 1 normal forwards;
}



/*inicia b6-1*/
@keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes6-1 {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
    100% {
        transform: translate3d(0, -170%, 0);
        -webkit-transform: translate3d(0, -170%, 0);
        -moz-transform: translate3d(0, -170%, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
}
@-webkit-keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes6-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: linear
    }
    100% {
        -webkit-transform: translate3d(0, -170%, 0);
        -webkit-animation-timing-function: linear
    }
}
@-moz-keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes6-1 {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -moz-animation-timing-function: linear
    }
    100% {
        -moz-transform: translate3d(0, -170%, 0);
        -moz-animation-timing-function: linear
    }
}

.bit6-1{
    height: 63%;
    right: 67%;
    bottom: -87%;
    animation: gwd-gen-1j7bgwdanimation_gwd-keyframes6-1 2s linear 4.042s 1 normal forwards;
    -webkit-animation: gwd-gen-1j7bgwdanimation_gwd-keyframes6-1 2s linear 4.042s 1 normal forwards;
    -moz-animation: gwd-gen-1j7bgwdanimation_gwd-keyframes6-1 2s linear 4.042s 1 normal forwards;
}

/*inicia bit 5*/

@keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes5 {
  0% {
      transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -moz-transform: translate3d(0px, 0px, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }

  100% {
      transform: translate3d(0px, 900px, 0px);
      -webkit-transform: translate3d(0px, 230%, 0px);
      -moz-transform: translate3d(0px, 230%, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes5 {
  0% {
      -webkit-transform: translate3d(0px, 0px, 0px);
      -webkit-animation-timing-function: linear;
  }

  100% {
      -webkit-transform: translate3d(0px, 230%, 0px);
      -webkit-animation-timing-function: linear;
  }
}
@-moz-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes5 {
  0% {
      -moz-transform: translate3d(0px, 0px, 0px);
      -moz-animation-timing-function: linear;
  }

  100% {
      -moz-transform: translate3d(0px, 230%, 0px);
      -moz-animation-timing-function: linear;
  }
}

.bit5{
   right: 72%;
   height: 95%;
   top: 34%;
   animation: 2s linear 4s normal forwards 1 running gwd-gen-1hlxgwdanimation_gwd-keyframes5;
   -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes5 2s linear 4s 1 normal forwards;
  -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes5 2s linear 4s 1 normal forwards;
}

@keyframes gwd-gen-15gpgwdanimation_gwd-keyframes5-1 {
  0% {
      transform: translate3d(0px, -0.880048px, 0px);
      -webkit-transform: translate3d(0px, -0.880048px, 0px);
      -moz-transform: translate3d(0px, -0.880048px, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
  100% {
      transform: translate3d(0px, 303px, 0px);
      -webkit-transform: translate3d(0px, 303px, 0px);
      -moz-transform: translate3d(0px, 137%, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-15gpgwdanimation_gwd-keyframes5-1 {
  0% {
      -webkit-transform: translate3d(0px, -0.880048px, 0px);
      -webkit-animation-timing-function: linear;
  }
  100% {
      -webkit-transform: translate3d(9px, 137%, 0px);
      -webkit-animation-timing-function: linear;
  }
}
@-moz-keyframes gwd-gen-15gpgwdanimation_gwd-keyframes5-1 {
  0% {
      -moz-transform: translate3d(0px, -0.880048px, 0px);
      -moz-animation-timing-function: linear;
  }
  100% {
      -moz-transform: translate3d(0px, 137%, 0px);
      -moz-animation-timing-function: linear;
  }
}

.bit5-1{
   right: 72%;
   height: 95%;
   top: -97%;
   width: 100%;
   animation: 2s linear 4s normal forwards 1 running gwd-gen-15gpgwdanimation_gwd-keyframes5-1;
   -webkit-animation: gwd-gen-15gpgwdanimation_gwd-keyframes5-1 2s linear 4.7s 1 normal forwards;
  -moz-animation: gwd-gen-15gpgwdanimation_gwd-keyframes5-1 2s linear 4.7 1 normal forwards;
}


/*inicia bit4*/
@keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes4{
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
    100% {
        transform: translate3d(1px, -80%, 0);
        -webkit-transform: translate3d(1px, -180%, 0);
        -moz-transform: translate3d(1px, -180%, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
}
@-webkit-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes4{
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: linear
    }
    100% {
        -webkit-transform: translate3d(1px, -180%, 0);
        -webkit-animation-timing-function: linear
    }
}
@-moz-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes4 {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -moz-animation-timing-function: linear
    }
    100% {
        -moz-transform: translate3d(1px, -180%, 0);
        -moz-animation-timing-function: linear
    }
}

.bit4{
    height: 65%;
    right: 76%;
    top: 14%;
    animation: 2s linear 4s normal forwards 1 running gwd-gen-1hlxgwdanimation_gwd-keyframes4;
    -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes4 2s linear 4s 1 normal forwards;
    -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes4 2s linear 4s 1 normal forwards;
}

/*inicia b4-1*/
@keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes4-1 {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
    100% {
        transform: translate3d(0, -170%, 0);
        -webkit-transform: translate3d(0, -170%, 0);
        -moz-transform: translate3d(0, -170%, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
}
@-webkit-keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes4-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: linear
    }
    100% {
        -webkit-transform: translate3d(0, -170%, 0);
        -webkit-animation-timing-function: linear
    }
}
@-moz-keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes4-1 {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -moz-animation-timing-function: linear
    }
    100% {
        -moz-transform: translate3d(0, -170%, 0);
        -moz-animation-timing-function: linear
    }
}

.bit4-1{
  height: 63%;
  right: 76%;
  bottom: -95%;
  animation: gwd-gen-1j7bgwdanimation_gwd-keyframes4-1 2s linear 4.042s 1 normal forwards;
  -webkit-animation: gwd-gen-1j7bgwdanimation_gwd-keyframes4-1 2s linear 4.042s 1 normal forwards;
  -moz-animation: gwd-gen-1j7bgwdanimation_gwd-keyframes4-1 2s linear 4.042s 1 normal forwards;
}

/*INICIA BIT 3*/

/*inicia animacion bit 9*/

@keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes9 {
  0% {
      transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -moz-transform: translate3d(0px, 0px, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }

  100% {
      transform: translate3d(0px, 900px, 0px);
      -webkit-transform: translate3d(0px, 230%, 0px);
      -moz-transform: translate3d(0px, 230%, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes9 {
  0% {
      -webkit-transform: translate3d(0px, 0px, 0px);
      -webkit-animation-timing-function: linear;
  }

  100% {
      -webkit-transform: translate3d(0px, 230%, 0px);
      -webkit-animation-timing-function: linear;
  }
}
@-moz-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes9 {
  0% {
      -moz-transform: translate3d(0px, 0px, 0px);
      -moz-animation-timing-function: linear;
  }

  100% {
      -moz-transform: translate3d(0px, 230%, 0px);
      -moz-animation-timing-function: linear;
  }
}


.bit3{
  height: 45%;
  right: 83%;
  top: 63%;
   animation: 2s linear 4s normal forwards 1 running gwd-gen-1hlxgwdanimation_gwd-keyframes9;
   -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes9 2s linear 4s 1 normal forwards;
  -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes9 2s linear 4s 1 normal forwards;
}



@keyframes gwd-gen-15gpgwdanimation_gwd-keyframes3-1 {
  0% {
      transform: translate3d(0px, -0.880048px, 0px);
      -webkit-transform: translate3d(0px, -0.880048px, 0px);
      -moz-transform: translate3d(0px, -0.880048px, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
  100% {
      transform: translate3d(0px, 240%, 0px);
      -webkit-transform: translate3d(0px, 240%, 0px);
      -moz-transform: translate3d(0px, 240%, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-15gpgwdanimation_gwd-keyframes3-1 {
  0% {
      -webkit-transform: translate3d(0px, -0.880048px, 0px);
      -webkit-animation-timing-function: linear;
  }
  100% {
      -webkit-transform: translate3d(9px, 240%, 0px);
      -webkit-animation-timing-function: linear;
  }
}
@-moz-keyframes gwd-gen-15gpgwdanimation_gwd-keyframes3-1 {
  0% {
      -moz-transform: translate3d(0px, -0.880048px, 0px);
      -moz-animation-timing-function: linear;
  }
  100% {
      -moz-transform: translate3d(0px, 240%, 0px);
      -moz-animation-timing-function: linear;
  }
}

.bit3-1{
   height: 45%;
   right: 83%;
   top: -45%;
   animation: 2s linear 4s normal forwards 1 running gwd-gen-15gpgwdanimation_gwd-keyframes3-1;
   -webkit-animation: gwd-gen-15gpgwdanimation_gwd-keyframes3-1 2s linear 4.7s 1 normal forwards;
  -moz-animation: gwd-gen-15gpgwdanimation_gwd-keyframes3-1 2s linear 4.7 1 normal forwards;
}

/*inicia bit2*/


@keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes2{
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
    100% {
        transform: translate3d(1px, -80%, 0);
        -webkit-transform: translate3d(1px, -180%, 0);
        -moz-transform: translate3d(1px, -80%, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
}
@-webkit-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes2{
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: linear
    }
    100% {
        -webkit-transform: translate3d(1px, -180%, 0);
        -webkit-animation-timing-function: linear
    }
}
@-moz-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes2 {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -moz-animation-timing-function: linear
    }
    100% {
        -moz-transform: translate3d(1px, -180%, 0);
        -moz-animation-timing-function: linear
    }
}

.bit2{
    left: 7%;
    height: 63%;
    top: 14%;
    animation: 2s linear 0s normal forwardanimation: 2s linear 4s normal forwards 1 running gwd-gen-1hlxgwdanimation_gwd-keyframes2;
    -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes2 2s linear 4s 1 normal forwards;
    -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes2 2s linear 4s 1 normal forwards;
    -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes2 2s linear 4s 1 normal forwards;
    -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes2 2s linear 4s 1 normal forwards;
}



/*inicia b2-1*/
@keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes2-1 {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
    100% {
        transform: translate3d(0, -170%, 0);
        -webkit-transform: translate3d(0, -170%, 0);
        -moz-transform: translate3d(0, -170%, 0);
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
}
@-webkit-keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes2-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: linear
    }
    100% {
        -webkit-transform: translate3d(0, -170%, 0);
        -webkit-animation-timing-function: linear
    }
}
@-moz-keyframes gwd-gen-1j7bgwdanimation_gwd-keyframes2-1 {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -moz-animation-timing-function: linear
    }
    100% {
        -moz-transform: translate3d(0, -170%, 0);
        -moz-animation-timing-function: linear
    }
}

.bit2-1{
    height: 63%;
    left: 7%;
    bottom: -95%;
    animation: gwd-gen-1j7bgwdanimation_gwd-keyframes2-1 2s linear 4.042s 1 normal forwards;
    -webkit-animation: gwd-gen-1j7bgwdanimation_gwd-keyframes2-1 2s linear 4.042s 1 normal forwards;
    -moz-animation: gwd-gen-1j7bgwdanimation_gwd-keyframes2-1 2s linear 4.042s 1 normal forwards;
}

/*INICIA BIT 1*/
@keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes1 {
  0% {
      transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -moz-transform: translate3d(0px, 0px, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }

  100% {
      transform: translate3d(0px, 900px, 0px);
      -webkit-transform: translate3d(0px, 230%, 0px);
      -moz-transform: translate3d(0px, 230%, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes1 {
  0% {
      -webkit-transform: translate3d(0px, 0px, 0px);
      -webkit-animation-timing-function: linear;
  }

  100% {
      -webkit-transform: translate3d(0px, 230%, 0px);
      -webkit-animation-timing-function: linear;
  }
}
@-moz-keyframes gwd-gen-1hlxgwdanimation_gwd-keyframes1 {
  0% {
      -moz-transform: translate3d(0px, 0px, 0px);
      -moz-animation-timing-function: linear;
  }

  100% {
      -moz-transform: translate3d(0px, 230%, 0px);
      -moz-animation-timing-function: linear;
  }
}

.bit1{
   left: 2%;
   height: 95%;
   top: 41%;
   animation: 2s linear 4s normal forwards 1 running gwd-gen-1hlxgwdanimation_gwd-keyframes1;
   -webkit-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes1 2s linear 4s 1 normal forwards;
  -moz-animation: gwd-gen-1hlxgwdanimation_gwd-keyframes1 2s linear 4s 1 normal forwards;
}

@keyframes gwd-gen-15gpgwdanimation_gwd-keyframes1-1 {
  0% {
      transform: translate3d(0px, -0.880048px, 0px);
      -webkit-transform: translate3d(0px, -0.880048px, 0px);
      -moz-transform: translate3d(0px, -0.880048px, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
  100% {
      transform: translate3d(0px, 137%, 0px);
      -webkit-transform: translate3d(0px, 137%, 0px);
      -moz-transform: translate3d(0px, 137%, 0px);
      animation-timing-function: linear;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-15gpgwdanimation_gwd-keyframes1-1 {
  0% {
      -webkit-transform: translate3d(0px, -0.880048px, 0px);
      -webkit-animation-timing-function: linear;
  }
  100% {
      -webkit-transform: translate3d(9px, 137%, 0px);
      -webkit-animation-timing-function: linear;
  }
}
@-moz-keyframes gwd-gen-15gpgwdanimation_gwd-keyframes1-1 {
  0% {
      -moz-transform: translate3d(0px, -0.880048px, 0px);
      -moz-animation-timing-function: linear;
  }
  100% {
      -moz-transform: translate3d(0px, 137%, 0px);
      -moz-animation-timing-function: linear;
  }
}

.bit1-1{
   left: 2%;
   height: 95%;
   top: -97%;
   width: 100%;
   animation: 2s linear 4s normal forwards 1 running gwd-gen-15gpgwdanimation_gwd-keyframes1-1;
   -webkit-animation: gwd-gen-15gpgwdanimation_gwd-keyframes1-1 2s linear 4.7s 1 normal forwards;
  -moz-animation: gwd-gen-15gpgwdanimation_gwd-keyframes1-1 2s linear 4.7 1 normal forwards;
}
