* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  background: #fff;
  overflow: hidden;
}

body { font-family: Arial, sans-serif; font-size: 18px;}
h2{font-family: 'Reenie Beanie', serif; font-size: 100px; margin: 0;}
img{border: none;}
span{border-top: 1px solid #000; border-bottom: 1px solid #000;padding: 5px 0 5px 0;}
#main{margin: auto; width: 280px; height: 100%;}


.wrap {
  min-height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.outer {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 2000px;
  -ms-perspective: 2000px;
  -moz-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
  position: relative;
}

.cube {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  top: 50vh;
  left: 50%;
}

.side {
  position: absolute;
  height: inherit;
  width: inherit;
}

.outer:nth-child(1) .cube {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  margin-left: -15px;
  opacity: 0;
  -webkit-transform: translate3d(-232px, 530px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-232px, 530px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-232px, 530px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-232px, 530px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-232px, 530px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward1 6s infinite;
  -ms-animation: forward1 6s infinite;
  -moz-animation: forward1 6s infinite;
  -o-animation: forward1 6s infinite;
  animation: forward1 6s infinite;
  -webkit-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.outer:nth-child(1) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(15px);
  -ms-transform: rotateX(90deg) translateZ(15px);
  -moz-transform: rotateX(90deg) translateZ(15px);
  -o-transform: rotateX(90deg) translateZ(15px);
  transform: rotateX(90deg) translateZ(15px);
}
.outer:nth-child(1) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(15px);
  -ms-transform: translateZ(15px);
  -moz-transform: translateZ(15px);
  -o-transform: translateZ(15px);
  transform: translateZ(15px);
}
.outer:nth-child(1) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(15px);
  -ms-transform: rotateY(180deg) translateZ(15px);
  -moz-transform: rotateY(180deg) translateZ(15px);
  -o-transform: rotateY(180deg) translateZ(15px);
  transform: rotateY(180deg) translateZ(15px);
}
.outer:nth-child(1) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(15px);
  -ms-transform: rotateY(90deg) translateZ(15px);
  -moz-transform: rotateY(90deg) translateZ(15px);
  -o-transform: rotateY(90deg) translateZ(15px);
  transform: rotateY(90deg) translateZ(15px);
}
.outer:nth-child(1) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(15px);
  -ms-transform: rotateY(-90deg) translateZ(15px);
  -moz-transform: rotateY(-90deg) translateZ(15px);
  -o-transform: rotateY(-90deg) translateZ(15px);
  transform: rotateY(-90deg) translateZ(15px);
}
.outer:nth-child(1) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(15px);
  -ms-transform: rotateX(-90deg) translateZ(15px);
  -moz-transform: rotateX(-90deg) translateZ(15px);
  -o-transform: rotateX(-90deg) translateZ(15px);
  transform: rotateX(-90deg) translateZ(15px);
}
.outer:nth-child(1) .cube .side:nth-child(1) {
  background: rgba(255, 13, 0, 0.6);
  border: 2px solid rgba(255, 110, 102, 0.6);
}
.outer:nth-child(1) .cube .side:nth-child(2) {
  background: rgba(255, 26, 0, 0.6);
  border: 2px solid rgba(255, 117, 102, 0.6);
}
.outer:nth-child(1) .cube .side:nth-child(3) {
  background: rgba(255, 38, 0, 0.6);
  border: 2px solid rgba(255, 125, 102, 0.6);
}
.outer:nth-child(1) .cube .side:nth-child(4) {
  background: rgba(255, 51, 0, 0.6);
  border: 2px solid rgba(255, 133, 102, 0.6);
}
.outer:nth-child(1) .cube .side:nth-child(5) {
  background: rgba(255, 64, 0, 0.6);
  border: 2px solid rgba(255, 140, 102, 0.6);
}
.outer:nth-child(1) .cube .side:nth-child(6) {
  background: rgba(255, 77, 0, 0.6);
  border: 2px solid rgba(255, 148, 102, 0.6);
}

@-webkit-keyframes forward1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(2) .cube {
  height: 39px;
  width: 39px;
  margin-top: -19.5px;
  margin-left: -19.5px;
  opacity: 0;
  -webkit-transform: translate3d(-212px, 389px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-212px, 389px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-212px, 389px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-212px, 389px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-212px, 389px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward2 6s infinite;
  -ms-animation: forward2 6s infinite;
  -moz-animation: forward2 6s infinite;
  -o-animation: forward2 6s infinite;
  animation: forward2 6s infinite;
  -webkit-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.outer:nth-child(2) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(19.5px);
  -ms-transform: rotateX(90deg) translateZ(19.5px);
  -moz-transform: rotateX(90deg) translateZ(19.5px);
  -o-transform: rotateX(90deg) translateZ(19.5px);
  transform: rotateX(90deg) translateZ(19.5px);
}
.outer:nth-child(2) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(19.5px);
  -ms-transform: translateZ(19.5px);
  -moz-transform: translateZ(19.5px);
  -o-transform: translateZ(19.5px);
  transform: translateZ(19.5px);
}
.outer:nth-child(2) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(19.5px);
  -ms-transform: rotateY(180deg) translateZ(19.5px);
  -moz-transform: rotateY(180deg) translateZ(19.5px);
  -o-transform: rotateY(180deg) translateZ(19.5px);
  transform: rotateY(180deg) translateZ(19.5px);
}
.outer:nth-child(2) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(19.5px);
  -ms-transform: rotateY(90deg) translateZ(19.5px);
  -moz-transform: rotateY(90deg) translateZ(19.5px);
  -o-transform: rotateY(90deg) translateZ(19.5px);
  transform: rotateY(90deg) translateZ(19.5px);
}
.outer:nth-child(2) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(19.5px);
  -ms-transform: rotateY(-90deg) translateZ(19.5px);
  -moz-transform: rotateY(-90deg) translateZ(19.5px);
  -o-transform: rotateY(-90deg) translateZ(19.5px);
  transform: rotateY(-90deg) translateZ(19.5px);
}
.outer:nth-child(2) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(19.5px);
  -ms-transform: rotateX(-90deg) translateZ(19.5px);
  -moz-transform: rotateX(-90deg) translateZ(19.5px);
  -o-transform: rotateX(-90deg) translateZ(19.5px);
  transform: rotateX(-90deg) translateZ(19.5px);
}
.outer:nth-child(2) .cube .side:nth-child(1) {
  background: rgba(255, 64, 0, 0.6);
  border: 2px solid rgba(255, 140, 102, 0.6);
}
.outer:nth-child(2) .cube .side:nth-child(2) {
  background: rgba(255, 77, 0, 0.6);
  border: 2px solid rgba(255, 148, 102, 0.6);
}
.outer:nth-child(2) .cube .side:nth-child(3) {
  background: rgba(255, 89, 0, 0.6);
  border: 2px solid rgba(255, 156, 102, 0.6);
}
.outer:nth-child(2) .cube .side:nth-child(4) {
  background: rgba(255, 102, 0, 0.6);
  border: 2px solid rgba(255, 163, 102, 0.6);
}
.outer:nth-child(2) .cube .side:nth-child(5) {
  background: rgba(255, 115, 0, 0.6);
  border: 2px solid rgba(255, 171, 102, 0.6);
}
.outer:nth-child(2) .cube .side:nth-child(6) {
  background: rgba(255, 128, 0, 0.6);
  border: 2px solid rgba(255, 179, 102, 0.6);
}

@-webkit-keyframes forward2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(3) .cube {
  height: 37px;
  width: 37px;
  margin-top: -18.5px;
  margin-left: -18.5px;
  opacity: 0;
  -webkit-transform: translate3d(553px, 335px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(553px, 335px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(553px, 335px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(553px, 335px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(553px, 335px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward3 6s infinite;
  -ms-animation: forward3 6s infinite;
  -moz-animation: forward3 6s infinite;
  -o-animation: forward3 6s infinite;
  animation: forward3 6s infinite;
  -webkit-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.outer:nth-child(3) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(18.5px);
  -ms-transform: rotateX(90deg) translateZ(18.5px);
  -moz-transform: rotateX(90deg) translateZ(18.5px);
  -o-transform: rotateX(90deg) translateZ(18.5px);
  transform: rotateX(90deg) translateZ(18.5px);
}
.outer:nth-child(3) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(18.5px);
  -ms-transform: translateZ(18.5px);
  -moz-transform: translateZ(18.5px);
  -o-transform: translateZ(18.5px);
  transform: translateZ(18.5px);
}
.outer:nth-child(3) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(18.5px);
  -ms-transform: rotateY(180deg) translateZ(18.5px);
  -moz-transform: rotateY(180deg) translateZ(18.5px);
  -o-transform: rotateY(180deg) translateZ(18.5px);
  transform: rotateY(180deg) translateZ(18.5px);
}
.outer:nth-child(3) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(18.5px);
  -ms-transform: rotateY(90deg) translateZ(18.5px);
  -moz-transform: rotateY(90deg) translateZ(18.5px);
  -o-transform: rotateY(90deg) translateZ(18.5px);
  transform: rotateY(90deg) translateZ(18.5px);
}
.outer:nth-child(3) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(18.5px);
  -ms-transform: rotateY(-90deg) translateZ(18.5px);
  -moz-transform: rotateY(-90deg) translateZ(18.5px);
  -o-transform: rotateY(-90deg) translateZ(18.5px);
  transform: rotateY(-90deg) translateZ(18.5px);
}
.outer:nth-child(3) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(18.5px);
  -ms-transform: rotateX(-90deg) translateZ(18.5px);
  -moz-transform: rotateX(-90deg) translateZ(18.5px);
  -o-transform: rotateX(-90deg) translateZ(18.5px);
  transform: rotateX(-90deg) translateZ(18.5px);
}
.outer:nth-child(3) .cube .side:nth-child(1) {
  background: rgba(255, 115, 0, 0.6);
  border: 2px solid rgba(255, 171, 102, 0.6);
}
.outer:nth-child(3) .cube .side:nth-child(2) {
  background: rgba(255, 128, 0, 0.6);
  border: 2px solid rgba(255, 179, 102, 0.6);
}
.outer:nth-child(3) .cube .side:nth-child(3) {
  background: rgba(255, 140, 0, 0.6);
  border: 2px solid rgba(255, 186, 102, 0.6);
}
.outer:nth-child(3) .cube .side:nth-child(4) {
  background: rgba(255, 153, 0, 0.6);
  border: 2px solid rgba(255, 194, 102, 0.6);
}
.outer:nth-child(3) .cube .side:nth-child(5) {
  background: rgba(255, 166, 0, 0.6);
  border: 2px solid rgba(255, 201, 102, 0.6);
}
.outer:nth-child(3) .cube .side:nth-child(6) {
  background: rgba(255, 179, 0, 0.6);
  border: 2px solid rgba(255, 209, 102, 0.6);
}

@-webkit-keyframes forward3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(4) .cube {
  height: 17px;
  width: 17px;
  margin-top: -8.5px;
  margin-left: -8.5px;
  opacity: 0;
  -webkit-transform: translate3d(429px, -673px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(429px, -673px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(429px, -673px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(429px, -673px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(429px, -673px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward4 6s infinite;
  -ms-animation: forward4 6s infinite;
  -moz-animation: forward4 6s infinite;
  -o-animation: forward4 6s infinite;
  animation: forward4 6s infinite;
  -webkit-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.outer:nth-child(4) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(8.5px);
  -ms-transform: rotateX(90deg) translateZ(8.5px);
  -moz-transform: rotateX(90deg) translateZ(8.5px);
  -o-transform: rotateX(90deg) translateZ(8.5px);
  transform: rotateX(90deg) translateZ(8.5px);
}
.outer:nth-child(4) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(8.5px);
  -ms-transform: translateZ(8.5px);
  -moz-transform: translateZ(8.5px);
  -o-transform: translateZ(8.5px);
  transform: translateZ(8.5px);
}
.outer:nth-child(4) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(8.5px);
  -ms-transform: rotateY(180deg) translateZ(8.5px);
  -moz-transform: rotateY(180deg) translateZ(8.5px);
  -o-transform: rotateY(180deg) translateZ(8.5px);
  transform: rotateY(180deg) translateZ(8.5px);
}
.outer:nth-child(4) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(8.5px);
  -ms-transform: rotateY(90deg) translateZ(8.5px);
  -moz-transform: rotateY(90deg) translateZ(8.5px);
  -o-transform: rotateY(90deg) translateZ(8.5px);
  transform: rotateY(90deg) translateZ(8.5px);
}
.outer:nth-child(4) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(8.5px);
  -ms-transform: rotateY(-90deg) translateZ(8.5px);
  -moz-transform: rotateY(-90deg) translateZ(8.5px);
  -o-transform: rotateY(-90deg) translateZ(8.5px);
  transform: rotateY(-90deg) translateZ(8.5px);
}
.outer:nth-child(4) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(8.5px);
  -ms-transform: rotateX(-90deg) translateZ(8.5px);
  -moz-transform: rotateX(-90deg) translateZ(8.5px);
  -o-transform: rotateX(-90deg) translateZ(8.5px);
  transform: rotateX(-90deg) translateZ(8.5px);
}
.outer:nth-child(4) .cube .side:nth-child(1) {
  background: rgba(255, 166, 0, 0.6);
  border: 2px solid rgba(255, 201, 102, 0.6);
}
.outer:nth-child(4) .cube .side:nth-child(2) {
  background: rgba(255, 179, 0, 0.6);
  border: 2px solid rgba(255, 209, 102, 0.6);
}
.outer:nth-child(4) .cube .side:nth-child(3) {
  background: rgba(255, 191, 0, 0.6);
  border: 2px solid rgba(255, 217, 102, 0.6);
}
.outer:nth-child(4) .cube .side:nth-child(4) {
  background: rgba(255, 204, 0, 0.6);
  border: 2px solid rgba(255, 224, 102, 0.6);
}
.outer:nth-child(4) .cube .side:nth-child(5) {
  background: rgba(255, 217, 0, 0.6);
  border: 2px solid rgba(255, 232, 102, 0.6);
}
.outer:nth-child(4) .cube .side:nth-child(6) {
  background: rgba(255, 229, 0, 0.6);
  border: 2px solid rgba(255, 240, 102, 0.6);
}

@-webkit-keyframes forward4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(5) .cube {
  height: 23px;
  width: 23px;
  margin-top: -11.5px;
  margin-left: -11.5px;
  opacity: 0;
  -webkit-transform: translate3d(438px, -270px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(438px, -270px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(438px, -270px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(438px, -270px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(438px, -270px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward5 6s infinite;
  -ms-animation: forward5 6s infinite;
  -moz-animation: forward5 6s infinite;
  -o-animation: forward5 6s infinite;
  animation: forward5 6s infinite;
  -webkit-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.outer:nth-child(5) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(11.5px);
  -ms-transform: rotateX(90deg) translateZ(11.5px);
  -moz-transform: rotateX(90deg) translateZ(11.5px);
  -o-transform: rotateX(90deg) translateZ(11.5px);
  transform: rotateX(90deg) translateZ(11.5px);
}
.outer:nth-child(5) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(11.5px);
  -ms-transform: translateZ(11.5px);
  -moz-transform: translateZ(11.5px);
  -o-transform: translateZ(11.5px);
  transform: translateZ(11.5px);
}
.outer:nth-child(5) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(11.5px);
  -ms-transform: rotateY(180deg) translateZ(11.5px);
  -moz-transform: rotateY(180deg) translateZ(11.5px);
  -o-transform: rotateY(180deg) translateZ(11.5px);
  transform: rotateY(180deg) translateZ(11.5px);
}
.outer:nth-child(5) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(11.5px);
  -ms-transform: rotateY(90deg) translateZ(11.5px);
  -moz-transform: rotateY(90deg) translateZ(11.5px);
  -o-transform: rotateY(90deg) translateZ(11.5px);
  transform: rotateY(90deg) translateZ(11.5px);
}
.outer:nth-child(5) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(11.5px);
  -ms-transform: rotateY(-90deg) translateZ(11.5px);
  -moz-transform: rotateY(-90deg) translateZ(11.5px);
  -o-transform: rotateY(-90deg) translateZ(11.5px);
  transform: rotateY(-90deg) translateZ(11.5px);
}
.outer:nth-child(5) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(11.5px);
  -ms-transform: rotateX(-90deg) translateZ(11.5px);
  -moz-transform: rotateX(-90deg) translateZ(11.5px);
  -o-transform: rotateX(-90deg) translateZ(11.5px);
  transform: rotateX(-90deg) translateZ(11.5px);
}
.outer:nth-child(5) .cube .side:nth-child(1) {
  background: rgba(255, 217, 0, 0.6);
  border: 2px solid rgba(255, 232, 102, 0.6);
}
.outer:nth-child(5) .cube .side:nth-child(2) {
  background: rgba(255, 229, 0, 0.6);
  border: 2px solid rgba(255, 240, 102, 0.6);
}
.outer:nth-child(5) .cube .side:nth-child(3) {
  background: rgba(255, 242, 0, 0.6);
  border: 2px solid rgba(255, 247, 102, 0.6);
}
.outer:nth-child(5) .cube .side:nth-child(4) {
  background: rgba(255, 255, 0, 0.6);
  border: 2px solid rgba(255, 255, 102, 0.6);
}
.outer:nth-child(5) .cube .side:nth-child(5) {
  background: rgba(242, 255, 0, 0.6);
  border: 2px solid rgba(247, 255, 102, 0.6);
}
.outer:nth-child(5) .cube .side:nth-child(6) {
  background: rgba(230, 255, 0, 0.6);
  border: 2px solid rgba(240, 255, 102, 0.6);
}

@-webkit-keyframes forward5 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward5 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward5 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward5 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward5 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(6) .cube {
  height: 17px;
  width: 17px;
  margin-top: -8.5px;
  margin-left: -8.5px;
  opacity: 0;
  -webkit-transform: translate3d(280px, -679px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(280px, -679px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(280px, -679px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(280px, -679px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(280px, -679px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward6 6s infinite;
  -ms-animation: forward6 6s infinite;
  -moz-animation: forward6 6s infinite;
  -o-animation: forward6 6s infinite;
  animation: forward6 6s infinite;
  -webkit-animation-delay: -1.2s;
  -ms-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  animation-delay: -1.2s;
}
.outer:nth-child(6) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(8.5px);
  -ms-transform: rotateX(90deg) translateZ(8.5px);
  -moz-transform: rotateX(90deg) translateZ(8.5px);
  -o-transform: rotateX(90deg) translateZ(8.5px);
  transform: rotateX(90deg) translateZ(8.5px);
}
.outer:nth-child(6) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(8.5px);
  -ms-transform: translateZ(8.5px);
  -moz-transform: translateZ(8.5px);
  -o-transform: translateZ(8.5px);
  transform: translateZ(8.5px);
}
.outer:nth-child(6) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(8.5px);
  -ms-transform: rotateY(180deg) translateZ(8.5px);
  -moz-transform: rotateY(180deg) translateZ(8.5px);
  -o-transform: rotateY(180deg) translateZ(8.5px);
  transform: rotateY(180deg) translateZ(8.5px);
}
.outer:nth-child(6) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(8.5px);
  -ms-transform: rotateY(90deg) translateZ(8.5px);
  -moz-transform: rotateY(90deg) translateZ(8.5px);
  -o-transform: rotateY(90deg) translateZ(8.5px);
  transform: rotateY(90deg) translateZ(8.5px);
}
.outer:nth-child(6) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(8.5px);
  -ms-transform: rotateY(-90deg) translateZ(8.5px);
  -moz-transform: rotateY(-90deg) translateZ(8.5px);
  -o-transform: rotateY(-90deg) translateZ(8.5px);
  transform: rotateY(-90deg) translateZ(8.5px);
}
.outer:nth-child(6) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(8.5px);
  -ms-transform: rotateX(-90deg) translateZ(8.5px);
  -moz-transform: rotateX(-90deg) translateZ(8.5px);
  -o-transform: rotateX(-90deg) translateZ(8.5px);
  transform: rotateX(-90deg) translateZ(8.5px);
}
.outer:nth-child(6) .cube .side:nth-child(1) {
  background: rgba(242, 255, 0, 0.6);
  border: 2px solid rgba(247, 255, 102, 0.6);
}
.outer:nth-child(6) .cube .side:nth-child(2) {
  background: rgba(230, 255, 0, 0.6);
  border: 2px solid rgba(240, 255, 102, 0.6);
}
.outer:nth-child(6) .cube .side:nth-child(3) {
  background: rgba(217, 255, 0, 0.6);
  border: 2px solid rgba(232, 255, 102, 0.6);
}
.outer:nth-child(6) .cube .side:nth-child(4) {
  background: rgba(204, 255, 0, 0.6);
  border: 2px solid rgba(224, 255, 102, 0.6);
}
.outer:nth-child(6) .cube .side:nth-child(5) {
  background: rgba(191, 255, 0, 0.6);
  border: 2px solid rgba(217, 255, 102, 0.6);
}
.outer:nth-child(6) .cube .side:nth-child(6) {
  background: rgba(178, 255, 0, 0.6);
  border: 2px solid rgba(209, 255, 102, 0.6);
}

@-webkit-keyframes forward6 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward6 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward6 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward6 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward6 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(7) .cube {
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
  opacity: 0;
  -webkit-transform: translate3d(265px, -291px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(265px, -291px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(265px, -291px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(265px, -291px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(265px, -291px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward7 6s infinite;
  -ms-animation: forward7 6s infinite;
  -moz-animation: forward7 6s infinite;
  -o-animation: forward7 6s infinite;
  animation: forward7 6s infinite;
  -webkit-animation-delay: -1.4s;
  -ms-animation-delay: -1.4s;
  -moz-animation-delay: -1.4s;
  -o-animation-delay: -1.4s;
  animation-delay: -1.4s;
}
.outer:nth-child(7) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(20px);
  -ms-transform: rotateX(90deg) translateZ(20px);
  -moz-transform: rotateX(90deg) translateZ(20px);
  -o-transform: rotateX(90deg) translateZ(20px);
  transform: rotateX(90deg) translateZ(20px);
}
.outer:nth-child(7) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px);
}
.outer:nth-child(7) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(20px);
  -ms-transform: rotateY(180deg) translateZ(20px);
  -moz-transform: rotateY(180deg) translateZ(20px);
  -o-transform: rotateY(180deg) translateZ(20px);
  transform: rotateY(180deg) translateZ(20px);
}
.outer:nth-child(7) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(20px);
  -ms-transform: rotateY(90deg) translateZ(20px);
  -moz-transform: rotateY(90deg) translateZ(20px);
  -o-transform: rotateY(90deg) translateZ(20px);
  transform: rotateY(90deg) translateZ(20px);
}
.outer:nth-child(7) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(20px);
  -ms-transform: rotateY(-90deg) translateZ(20px);
  -moz-transform: rotateY(-90deg) translateZ(20px);
  -o-transform: rotateY(-90deg) translateZ(20px);
  transform: rotateY(-90deg) translateZ(20px);
}
.outer:nth-child(7) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(20px);
  -ms-transform: rotateX(-90deg) translateZ(20px);
  -moz-transform: rotateX(-90deg) translateZ(20px);
  -o-transform: rotateX(-90deg) translateZ(20px);
  transform: rotateX(-90deg) translateZ(20px);
}
.outer:nth-child(7) .cube .side:nth-child(1) {
  background: rgba(191, 255, 0, 0.6);
  border: 2px solid rgba(217, 255, 102, 0.6);
}
.outer:nth-child(7) .cube .side:nth-child(2) {
  background: rgba(178, 255, 0, 0.6);
  border: 2px solid rgba(209, 255, 102, 0.6);
}
.outer:nth-child(7) .cube .side:nth-child(3) {
  background: rgba(166, 255, 0, 0.6);
  border: 2px solid rgba(201, 255, 102, 0.6);
}
.outer:nth-child(7) .cube .side:nth-child(4) {
  background: rgba(153, 255, 0, 0.6);
  border: 2px solid rgba(194, 255, 102, 0.6);
}
.outer:nth-child(7) .cube .side:nth-child(5) {
  background: rgba(140, 255, 0, 0.6);
  border: 2px solid rgba(186, 255, 102, 0.6);
}
.outer:nth-child(7) .cube .side:nth-child(6) {
  background: rgba(128, 255, 0, 0.6);
  border: 2px solid rgba(179, 255, 102, 0.6);
}

@-webkit-keyframes forward7 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward7 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward7 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward7 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward7 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(8) .cube {
  height: 37px;
  width: 37px;
  margin-top: -18.5px;
  margin-left: -18.5px;
  opacity: 0;
  -webkit-transform: translate3d(-418px, -629px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-418px, -629px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-418px, -629px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-418px, -629px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-418px, -629px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward8 6s infinite;
  -ms-animation: forward8 6s infinite;
  -moz-animation: forward8 6s infinite;
  -o-animation: forward8 6s infinite;
  animation: forward8 6s infinite;
  -webkit-animation-delay: -1.6s;
  -ms-animation-delay: -1.6s;
  -moz-animation-delay: -1.6s;
  -o-animation-delay: -1.6s;
  animation-delay: -1.6s;
}
.outer:nth-child(8) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(18.5px);
  -ms-transform: rotateX(90deg) translateZ(18.5px);
  -moz-transform: rotateX(90deg) translateZ(18.5px);
  -o-transform: rotateX(90deg) translateZ(18.5px);
  transform: rotateX(90deg) translateZ(18.5px);
}
.outer:nth-child(8) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(18.5px);
  -ms-transform: translateZ(18.5px);
  -moz-transform: translateZ(18.5px);
  -o-transform: translateZ(18.5px);
  transform: translateZ(18.5px);
}
.outer:nth-child(8) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(18.5px);
  -ms-transform: rotateY(180deg) translateZ(18.5px);
  -moz-transform: rotateY(180deg) translateZ(18.5px);
  -o-transform: rotateY(180deg) translateZ(18.5px);
  transform: rotateY(180deg) translateZ(18.5px);
}
.outer:nth-child(8) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(18.5px);
  -ms-transform: rotateY(90deg) translateZ(18.5px);
  -moz-transform: rotateY(90deg) translateZ(18.5px);
  -o-transform: rotateY(90deg) translateZ(18.5px);
  transform: rotateY(90deg) translateZ(18.5px);
}
.outer:nth-child(8) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(18.5px);
  -ms-transform: rotateY(-90deg) translateZ(18.5px);
  -moz-transform: rotateY(-90deg) translateZ(18.5px);
  -o-transform: rotateY(-90deg) translateZ(18.5px);
  transform: rotateY(-90deg) translateZ(18.5px);
}
.outer:nth-child(8) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(18.5px);
  -ms-transform: rotateX(-90deg) translateZ(18.5px);
  -moz-transform: rotateX(-90deg) translateZ(18.5px);
  -o-transform: rotateX(-90deg) translateZ(18.5px);
  transform: rotateX(-90deg) translateZ(18.5px);
}
.outer:nth-child(8) .cube .side:nth-child(1) {
  background: rgba(140, 255, 0, 0.6);
  border: 2px solid rgba(186, 255, 102, 0.6);
}
.outer:nth-child(8) .cube .side:nth-child(2) {
  background: rgba(128, 255, 0, 0.6);
  border: 2px solid rgba(179, 255, 102, 0.6);
}
.outer:nth-child(8) .cube .side:nth-child(3) {
  background: rgba(115, 255, 0, 0.6);
  border: 2px solid rgba(171, 255, 102, 0.6);
}
.outer:nth-child(8) .cube .side:nth-child(4) {
  background: rgba(102, 255, 0, 0.6);
  border: 2px solid rgba(163, 255, 102, 0.6);
}
.outer:nth-child(8) .cube .side:nth-child(5) {
  background: rgba(89, 255, 0, 0.6);
  border: 2px solid rgba(156, 255, 102, 0.6);
}
.outer:nth-child(8) .cube .side:nth-child(6) {
  background: rgba(76, 255, 0, 0.6);
  border: 2px solid rgba(148, 255, 102, 0.6);
}

@-webkit-keyframes forward8 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward8 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward8 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward8 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward8 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(9) .cube {
  height: 18px;
  width: 18px;
  margin-top: -9px;
  margin-left: -9px;
  opacity: 0;
  -webkit-transform: translate3d(-416px, 624px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-416px, 624px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-416px, 624px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-416px, 624px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-416px, 624px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward9 6s infinite;
  -ms-animation: forward9 6s infinite;
  -moz-animation: forward9 6s infinite;
  -o-animation: forward9 6s infinite;
  animation: forward9 6s infinite;
  -webkit-animation-delay: -1.8s;
  -ms-animation-delay: -1.8s;
  -moz-animation-delay: -1.8s;
  -o-animation-delay: -1.8s;
  animation-delay: -1.8s;
}
.outer:nth-child(9) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(9px);
  -ms-transform: rotateX(90deg) translateZ(9px);
  -moz-transform: rotateX(90deg) translateZ(9px);
  -o-transform: rotateX(90deg) translateZ(9px);
  transform: rotateX(90deg) translateZ(9px);
}
.outer:nth-child(9) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(9px);
  -ms-transform: translateZ(9px);
  -moz-transform: translateZ(9px);
  -o-transform: translateZ(9px);
  transform: translateZ(9px);
}
.outer:nth-child(9) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(9px);
  -ms-transform: rotateY(180deg) translateZ(9px);
  -moz-transform: rotateY(180deg) translateZ(9px);
  -o-transform: rotateY(180deg) translateZ(9px);
  transform: rotateY(180deg) translateZ(9px);
}
.outer:nth-child(9) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(9px);
  -ms-transform: rotateY(90deg) translateZ(9px);
  -moz-transform: rotateY(90deg) translateZ(9px);
  -o-transform: rotateY(90deg) translateZ(9px);
  transform: rotateY(90deg) translateZ(9px);
}
.outer:nth-child(9) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(9px);
  -ms-transform: rotateY(-90deg) translateZ(9px);
  -moz-transform: rotateY(-90deg) translateZ(9px);
  -o-transform: rotateY(-90deg) translateZ(9px);
  transform: rotateY(-90deg) translateZ(9px);
}
.outer:nth-child(9) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(9px);
  -ms-transform: rotateX(-90deg) translateZ(9px);
  -moz-transform: rotateX(-90deg) translateZ(9px);
  -o-transform: rotateX(-90deg) translateZ(9px);
  transform: rotateX(-90deg) translateZ(9px);
}
.outer:nth-child(9) .cube .side:nth-child(1) {
  background: rgba(89, 255, 0, 0.6);
  border: 2px solid rgba(156, 255, 102, 0.6);
}
.outer:nth-child(9) .cube .side:nth-child(2) {
  background: rgba(76, 255, 0, 0.6);
  border: 2px solid rgba(148, 255, 102, 0.6);
}
.outer:nth-child(9) .cube .side:nth-child(3) {
  background: rgba(64, 255, 0, 0.6);
  border: 2px solid rgba(140, 255, 102, 0.6);
}
.outer:nth-child(9) .cube .side:nth-child(4) {
  background: rgba(51, 255, 0, 0.6);
  border: 2px solid rgba(133, 255, 102, 0.6);
}
.outer:nth-child(9) .cube .side:nth-child(5) {
  background: rgba(38, 255, 0, 0.6);
  border: 2px solid rgba(125, 255, 102, 0.6);
}
.outer:nth-child(9) .cube .side:nth-child(6) {
  background: rgba(26, 255, 0, 0.6);
  border: 2px solid rgba(117, 255, 102, 0.6);
}

@-webkit-keyframes forward9 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward9 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward9 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward9 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward9 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(10) .cube {
  height: 20px;
  width: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  -webkit-transform: translate3d(283px, 670px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(283px, 670px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(283px, 670px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(283px, 670px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(283px, 670px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward10 6s infinite;
  -ms-animation: forward10 6s infinite;
  -moz-animation: forward10 6s infinite;
  -o-animation: forward10 6s infinite;
  animation: forward10 6s infinite;
  -webkit-animation-delay: -2s;
  -ms-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.outer:nth-child(10) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(10px);
  -ms-transform: rotateX(90deg) translateZ(10px);
  -moz-transform: rotateX(90deg) translateZ(10px);
  -o-transform: rotateX(90deg) translateZ(10px);
  transform: rotateX(90deg) translateZ(10px);
}
.outer:nth-child(10) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(10px);
  -ms-transform: translateZ(10px);
  -moz-transform: translateZ(10px);
  -o-transform: translateZ(10px);
  transform: translateZ(10px);
}
.outer:nth-child(10) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(10px);
  -ms-transform: rotateY(180deg) translateZ(10px);
  -moz-transform: rotateY(180deg) translateZ(10px);
  -o-transform: rotateY(180deg) translateZ(10px);
  transform: rotateY(180deg) translateZ(10px);
}
.outer:nth-child(10) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(10px);
  -ms-transform: rotateY(90deg) translateZ(10px);
  -moz-transform: rotateY(90deg) translateZ(10px);
  -o-transform: rotateY(90deg) translateZ(10px);
  transform: rotateY(90deg) translateZ(10px);
}
.outer:nth-child(10) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(10px);
  -ms-transform: rotateY(-90deg) translateZ(10px);
  -moz-transform: rotateY(-90deg) translateZ(10px);
  -o-transform: rotateY(-90deg) translateZ(10px);
  transform: rotateY(-90deg) translateZ(10px);
}
.outer:nth-child(10) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(10px);
  -ms-transform: rotateX(-90deg) translateZ(10px);
  -moz-transform: rotateX(-90deg) translateZ(10px);
  -o-transform: rotateX(-90deg) translateZ(10px);
  transform: rotateX(-90deg) translateZ(10px);
}
.outer:nth-child(10) .cube .side:nth-child(1) {
  background: rgba(38, 255, 0, 0.6);
  border: 2px solid rgba(125, 255, 102, 0.6);
}
.outer:nth-child(10) .cube .side:nth-child(2) {
  background: rgba(26, 255, 0, 0.6);
  border: 2px solid rgba(117, 255, 102, 0.6);
}
.outer:nth-child(10) .cube .side:nth-child(3) {
  background: rgba(13, 255, 0, 0.6);
  border: 2px solid rgba(110, 255, 102, 0.6);
}
.outer:nth-child(10) .cube .side:nth-child(4) {
  background: rgba(0, 255, 0, 0.6);
  border: 2px solid rgba(102, 255, 102, 0.6);
}
.outer:nth-child(10) .cube .side:nth-child(5) {
  background: rgba(0, 255, 13, 0.6);
  border: 2px solid rgba(102, 255, 110, 0.6);
}
.outer:nth-child(10) .cube .side:nth-child(6) {
  background: rgba(0, 255, 25, 0.6);
  border: 2px solid rgba(102, 255, 117, 0.6);
}

@-webkit-keyframes forward10 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward10 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward10 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward10 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward10 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(11) .cube {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  margin-left: -15px;
  opacity: 0;
  -webkit-transform: translate3d(-208px, -229px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-208px, -229px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-208px, -229px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-208px, -229px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-208px, -229px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward11 6s infinite;
  -ms-animation: forward11 6s infinite;
  -moz-animation: forward11 6s infinite;
  -o-animation: forward11 6s infinite;
  animation: forward11 6s infinite;
  -webkit-animation-delay: -2.2s;
  -ms-animation-delay: -2.2s;
  -moz-animation-delay: -2.2s;
  -o-animation-delay: -2.2s;
  animation-delay: -2.2s;
}
.outer:nth-child(11) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(15px);
  -ms-transform: rotateX(90deg) translateZ(15px);
  -moz-transform: rotateX(90deg) translateZ(15px);
  -o-transform: rotateX(90deg) translateZ(15px);
  transform: rotateX(90deg) translateZ(15px);
}
.outer:nth-child(11) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(15px);
  -ms-transform: translateZ(15px);
  -moz-transform: translateZ(15px);
  -o-transform: translateZ(15px);
  transform: translateZ(15px);
}
.outer:nth-child(11) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(15px);
  -ms-transform: rotateY(180deg) translateZ(15px);
  -moz-transform: rotateY(180deg) translateZ(15px);
  -o-transform: rotateY(180deg) translateZ(15px);
  transform: rotateY(180deg) translateZ(15px);
}
.outer:nth-child(11) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(15px);
  -ms-transform: rotateY(90deg) translateZ(15px);
  -moz-transform: rotateY(90deg) translateZ(15px);
  -o-transform: rotateY(90deg) translateZ(15px);
  transform: rotateY(90deg) translateZ(15px);
}
.outer:nth-child(11) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(15px);
  -ms-transform: rotateY(-90deg) translateZ(15px);
  -moz-transform: rotateY(-90deg) translateZ(15px);
  -o-transform: rotateY(-90deg) translateZ(15px);
  transform: rotateY(-90deg) translateZ(15px);
}
.outer:nth-child(11) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(15px);
  -ms-transform: rotateX(-90deg) translateZ(15px);
  -moz-transform: rotateX(-90deg) translateZ(15px);
  -o-transform: rotateX(-90deg) translateZ(15px);
  transform: rotateX(-90deg) translateZ(15px);
}
.outer:nth-child(11) .cube .side:nth-child(1) {
  background: rgba(0, 255, 13, 0.6);
  border: 2px solid rgba(102, 255, 110, 0.6);
}
.outer:nth-child(11) .cube .side:nth-child(2) {
  background: rgba(0, 255, 25, 0.6);
  border: 2px solid rgba(102, 255, 117, 0.6);
}
.outer:nth-child(11) .cube .side:nth-child(3) {
  background: rgba(0, 255, 38, 0.6);
  border: 2px solid rgba(102, 255, 125, 0.6);
}
.outer:nth-child(11) .cube .side:nth-child(4) {
  background: rgba(0, 255, 51, 0.6);
  border: 2px solid rgba(102, 255, 133, 0.6);
}
.outer:nth-child(11) .cube .side:nth-child(5) {
  background: rgba(0, 255, 64, 0.6);
  border: 2px solid rgba(102, 255, 140, 0.6);
}
.outer:nth-child(11) .cube .side:nth-child(6) {
  background: rgba(0, 255, 77, 0.6);
  border: 2px solid rgba(102, 255, 148, 0.6);
}

@-webkit-keyframes forward11 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward11 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward11 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward11 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward11 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(12) .cube {
  height: 45px;
  width: 45px;
  margin-top: -22.5px;
  margin-left: -22.5px;
  opacity: 0;
  -webkit-transform: translate3d(-406px, 455px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-406px, 455px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-406px, 455px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-406px, 455px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-406px, 455px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward12 6s infinite;
  -ms-animation: forward12 6s infinite;
  -moz-animation: forward12 6s infinite;
  -o-animation: forward12 6s infinite;
  animation: forward12 6s infinite;
  -webkit-animation-delay: -2.4s;
  -ms-animation-delay: -2.4s;
  -moz-animation-delay: -2.4s;
  -o-animation-delay: -2.4s;
  animation-delay: -2.4s;
}
.outer:nth-child(12) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(22.5px);
  -ms-transform: rotateX(90deg) translateZ(22.5px);
  -moz-transform: rotateX(90deg) translateZ(22.5px);
  -o-transform: rotateX(90deg) translateZ(22.5px);
  transform: rotateX(90deg) translateZ(22.5px);
}
.outer:nth-child(12) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(22.5px);
  -ms-transform: translateZ(22.5px);
  -moz-transform: translateZ(22.5px);
  -o-transform: translateZ(22.5px);
  transform: translateZ(22.5px);
}
.outer:nth-child(12) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(22.5px);
  -ms-transform: rotateY(180deg) translateZ(22.5px);
  -moz-transform: rotateY(180deg) translateZ(22.5px);
  -o-transform: rotateY(180deg) translateZ(22.5px);
  transform: rotateY(180deg) translateZ(22.5px);
}
.outer:nth-child(12) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(22.5px);
  -ms-transform: rotateY(90deg) translateZ(22.5px);
  -moz-transform: rotateY(90deg) translateZ(22.5px);
  -o-transform: rotateY(90deg) translateZ(22.5px);
  transform: rotateY(90deg) translateZ(22.5px);
}
.outer:nth-child(12) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(22.5px);
  -ms-transform: rotateY(-90deg) translateZ(22.5px);
  -moz-transform: rotateY(-90deg) translateZ(22.5px);
  -o-transform: rotateY(-90deg) translateZ(22.5px);
  transform: rotateY(-90deg) translateZ(22.5px);
}
.outer:nth-child(12) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(22.5px);
  -ms-transform: rotateX(-90deg) translateZ(22.5px);
  -moz-transform: rotateX(-90deg) translateZ(22.5px);
  -o-transform: rotateX(-90deg) translateZ(22.5px);
  transform: rotateX(-90deg) translateZ(22.5px);
}
.outer:nth-child(12) .cube .side:nth-child(1) {
  background: rgba(0, 255, 64, 0.6);
  border: 2px solid rgba(102, 255, 140, 0.6);
}
.outer:nth-child(12) .cube .side:nth-child(2) {
  background: rgba(0, 255, 77, 0.6);
  border: 2px solid rgba(102, 255, 148, 0.6);
}
.outer:nth-child(12) .cube .side:nth-child(3) {
  background: rgba(0, 255, 89, 0.6);
  border: 2px solid rgba(102, 255, 156, 0.6);
}
.outer:nth-child(12) .cube .side:nth-child(4) {
  background: rgba(0, 255, 102, 0.6);
  border: 2px solid rgba(102, 255, 163, 0.6);
}
.outer:nth-child(12) .cube .side:nth-child(5) {
  background: rgba(0, 255, 115, 0.6);
  border: 2px solid rgba(102, 255, 171, 0.6);
}
.outer:nth-child(12) .cube .side:nth-child(6) {
  background: rgba(0, 255, 128, 0.6);
  border: 2px solid rgba(102, 255, 179, 0.6);
}

@-webkit-keyframes forward12 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward12 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward12 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward12 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward12 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(13) .cube {
  height: 42px;
  width: 42px;
  margin-top: -21px;
  margin-left: -21px;
  opacity: 0;
  -webkit-transform: translate3d(-301px, -397px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-301px, -397px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-301px, -397px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-301px, -397px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-301px, -397px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward13 6s infinite;
  -ms-animation: forward13 6s infinite;
  -moz-animation: forward13 6s infinite;
  -o-animation: forward13 6s infinite;
  animation: forward13 6s infinite;
  -webkit-animation-delay: -2.6s;
  -ms-animation-delay: -2.6s;
  -moz-animation-delay: -2.6s;
  -o-animation-delay: -2.6s;
  animation-delay: -2.6s;
}
.outer:nth-child(13) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(21px);
  -ms-transform: rotateX(90deg) translateZ(21px);
  -moz-transform: rotateX(90deg) translateZ(21px);
  -o-transform: rotateX(90deg) translateZ(21px);
  transform: rotateX(90deg) translateZ(21px);
}
.outer:nth-child(13) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(21px);
  -ms-transform: translateZ(21px);
  -moz-transform: translateZ(21px);
  -o-transform: translateZ(21px);
  transform: translateZ(21px);
}
.outer:nth-child(13) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(21px);
  -ms-transform: rotateY(180deg) translateZ(21px);
  -moz-transform: rotateY(180deg) translateZ(21px);
  -o-transform: rotateY(180deg) translateZ(21px);
  transform: rotateY(180deg) translateZ(21px);
}
.outer:nth-child(13) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(21px);
  -ms-transform: rotateY(90deg) translateZ(21px);
  -moz-transform: rotateY(90deg) translateZ(21px);
  -o-transform: rotateY(90deg) translateZ(21px);
  transform: rotateY(90deg) translateZ(21px);
}
.outer:nth-child(13) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(21px);
  -ms-transform: rotateY(-90deg) translateZ(21px);
  -moz-transform: rotateY(-90deg) translateZ(21px);
  -o-transform: rotateY(-90deg) translateZ(21px);
  transform: rotateY(-90deg) translateZ(21px);
}
.outer:nth-child(13) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(21px);
  -ms-transform: rotateX(-90deg) translateZ(21px);
  -moz-transform: rotateX(-90deg) translateZ(21px);
  -o-transform: rotateX(-90deg) translateZ(21px);
  transform: rotateX(-90deg) translateZ(21px);
}
.outer:nth-child(13) .cube .side:nth-child(1) {
  background: rgba(0, 255, 115, 0.6);
  border: 2px solid rgba(102, 255, 171, 0.6);
}
.outer:nth-child(13) .cube .side:nth-child(2) {
  background: rgba(0, 255, 128, 0.6);
  border: 2px solid rgba(102, 255, 179, 0.6);
}
.outer:nth-child(13) .cube .side:nth-child(3) {
  background: rgba(0, 255, 140, 0.6);
  border: 2px solid rgba(102, 255, 186, 0.6);
}
.outer:nth-child(13) .cube .side:nth-child(4) {
  background: rgba(0, 255, 153, 0.6);
  border: 2px solid rgba(102, 255, 194, 0.6);
}
.outer:nth-child(13) .cube .side:nth-child(5) {
  background: rgba(0, 255, 166, 0.6);
  border: 2px solid rgba(102, 255, 201, 0.6);
}
.outer:nth-child(13) .cube .side:nth-child(6) {
  background: rgba(0, 255, 179, 0.6);
  border: 2px solid rgba(102, 255, 209, 0.6);
}

@-webkit-keyframes forward13 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward13 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward13 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward13 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward13 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(14) .cube {
  height: 45px;
  width: 45px;
  margin-top: -22.5px;
  margin-left: -22.5px;
  opacity: 0;
  -webkit-transform: translate3d(-454px, -645px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-454px, -645px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-454px, -645px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-454px, -645px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-454px, -645px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward14 6s infinite;
  -ms-animation: forward14 6s infinite;
  -moz-animation: forward14 6s infinite;
  -o-animation: forward14 6s infinite;
  animation: forward14 6s infinite;
  -webkit-animation-delay: -2.8s;
  -ms-animation-delay: -2.8s;
  -moz-animation-delay: -2.8s;
  -o-animation-delay: -2.8s;
  animation-delay: -2.8s;
}
.outer:nth-child(14) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(22.5px);
  -ms-transform: rotateX(90deg) translateZ(22.5px);
  -moz-transform: rotateX(90deg) translateZ(22.5px);
  -o-transform: rotateX(90deg) translateZ(22.5px);
  transform: rotateX(90deg) translateZ(22.5px);
}
.outer:nth-child(14) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(22.5px);
  -ms-transform: translateZ(22.5px);
  -moz-transform: translateZ(22.5px);
  -o-transform: translateZ(22.5px);
  transform: translateZ(22.5px);
}
.outer:nth-child(14) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(22.5px);
  -ms-transform: rotateY(180deg) translateZ(22.5px);
  -moz-transform: rotateY(180deg) translateZ(22.5px);
  -o-transform: rotateY(180deg) translateZ(22.5px);
  transform: rotateY(180deg) translateZ(22.5px);
}
.outer:nth-child(14) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(22.5px);
  -ms-transform: rotateY(90deg) translateZ(22.5px);
  -moz-transform: rotateY(90deg) translateZ(22.5px);
  -o-transform: rotateY(90deg) translateZ(22.5px);
  transform: rotateY(90deg) translateZ(22.5px);
}
.outer:nth-child(14) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(22.5px);
  -ms-transform: rotateY(-90deg) translateZ(22.5px);
  -moz-transform: rotateY(-90deg) translateZ(22.5px);
  -o-transform: rotateY(-90deg) translateZ(22.5px);
  transform: rotateY(-90deg) translateZ(22.5px);
}
.outer:nth-child(14) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(22.5px);
  -ms-transform: rotateX(-90deg) translateZ(22.5px);
  -moz-transform: rotateX(-90deg) translateZ(22.5px);
  -o-transform: rotateX(-90deg) translateZ(22.5px);
  transform: rotateX(-90deg) translateZ(22.5px);
}
.outer:nth-child(14) .cube .side:nth-child(1) {
  background: rgba(0, 255, 166, 0.6);
  border: 2px solid rgba(102, 255, 201, 0.6);
}
.outer:nth-child(14) .cube .side:nth-child(2) {
  background: rgba(0, 255, 179, 0.6);
  border: 2px solid rgba(102, 255, 209, 0.6);
}
.outer:nth-child(14) .cube .side:nth-child(3) {
  background: rgba(0, 255, 191, 0.6);
  border: 2px solid rgba(102, 255, 217, 0.6);
}
.outer:nth-child(14) .cube .side:nth-child(4) {
  background: rgba(0, 255, 204, 0.6);
  border: 2px solid rgba(102, 255, 224, 0.6);
}
.outer:nth-child(14) .cube .side:nth-child(5) {
  background: rgba(0, 255, 217, 0.6);
  border: 2px solid rgba(102, 255, 232, 0.6);
}
.outer:nth-child(14) .cube .side:nth-child(6) {
  background: rgba(0, 255, 230, 0.6);
  border: 2px solid rgba(102, 255, 240, 0.6);
}

@-webkit-keyframes forward14 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward14 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward14 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward14 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward14 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(15) .cube {
  height: 13px;
  width: 13px;
  margin-top: -6.5px;
  margin-left: -6.5px;
  opacity: 0;
  -webkit-transform: translate3d(406px, 518px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(406px, 518px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(406px, 518px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(406px, 518px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(406px, 518px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward15 6s infinite;
  -ms-animation: forward15 6s infinite;
  -moz-animation: forward15 6s infinite;
  -o-animation: forward15 6s infinite;
  animation: forward15 6s infinite;
  -webkit-animation-delay: -3s;
  -ms-animation-delay: -3s;
  -moz-animation-delay: -3s;
  -o-animation-delay: -3s;
  animation-delay: -3s;
}
.outer:nth-child(15) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(6.5px);
  -ms-transform: rotateX(90deg) translateZ(6.5px);
  -moz-transform: rotateX(90deg) translateZ(6.5px);
  -o-transform: rotateX(90deg) translateZ(6.5px);
  transform: rotateX(90deg) translateZ(6.5px);
}
.outer:nth-child(15) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(6.5px);
  -ms-transform: translateZ(6.5px);
  -moz-transform: translateZ(6.5px);
  -o-transform: translateZ(6.5px);
  transform: translateZ(6.5px);
}
.outer:nth-child(15) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(6.5px);
  -ms-transform: rotateY(180deg) translateZ(6.5px);
  -moz-transform: rotateY(180deg) translateZ(6.5px);
  -o-transform: rotateY(180deg) translateZ(6.5px);
  transform: rotateY(180deg) translateZ(6.5px);
}
.outer:nth-child(15) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(6.5px);
  -ms-transform: rotateY(90deg) translateZ(6.5px);
  -moz-transform: rotateY(90deg) translateZ(6.5px);
  -o-transform: rotateY(90deg) translateZ(6.5px);
  transform: rotateY(90deg) translateZ(6.5px);
}
.outer:nth-child(15) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(6.5px);
  -ms-transform: rotateY(-90deg) translateZ(6.5px);
  -moz-transform: rotateY(-90deg) translateZ(6.5px);
  -o-transform: rotateY(-90deg) translateZ(6.5px);
  transform: rotateY(-90deg) translateZ(6.5px);
}
.outer:nth-child(15) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(6.5px);
  -ms-transform: rotateX(-90deg) translateZ(6.5px);
  -moz-transform: rotateX(-90deg) translateZ(6.5px);
  -o-transform: rotateX(-90deg) translateZ(6.5px);
  transform: rotateX(-90deg) translateZ(6.5px);
}
.outer:nth-child(15) .cube .side:nth-child(1) {
  background: rgba(0, 255, 217, 0.6);
  border: 2px solid rgba(102, 255, 232, 0.6);
}
.outer:nth-child(15) .cube .side:nth-child(2) {
  background: rgba(0, 255, 230, 0.6);
  border: 2px solid rgba(102, 255, 240, 0.6);
}
.outer:nth-child(15) .cube .side:nth-child(3) {
  background: rgba(0, 255, 242, 0.6);
  border: 2px solid rgba(102, 255, 247, 0.6);
}
.outer:nth-child(15) .cube .side:nth-child(4) {
  background: rgba(0, 255, 255, 0.6);
  border: 2px solid rgba(102, 255, 255, 0.6);
}
.outer:nth-child(15) .cube .side:nth-child(5) {
  background: rgba(0, 242, 255, 0.6);
  border: 2px solid rgba(102, 247, 255, 0.6);
}
.outer:nth-child(15) .cube .side:nth-child(6) {
  background: rgba(0, 229, 255, 0.6);
  border: 2px solid rgba(102, 240, 255, 0.6);
}

@-webkit-keyframes forward15 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward15 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward15 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward15 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward15 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(16) .cube {
  height: 36px;
  width: 36px;
  margin-top: -18px;
  margin-left: -18px;
  opacity: 0;
  -webkit-transform: translate3d(-271px, -299px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-271px, -299px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-271px, -299px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-271px, -299px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-271px, -299px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward16 6s infinite;
  -ms-animation: forward16 6s infinite;
  -moz-animation: forward16 6s infinite;
  -o-animation: forward16 6s infinite;
  animation: forward16 6s infinite;
  -webkit-animation-delay: -3.2s;
  -ms-animation-delay: -3.2s;
  -moz-animation-delay: -3.2s;
  -o-animation-delay: -3.2s;
  animation-delay: -3.2s;
}
.outer:nth-child(16) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(18px);
  -ms-transform: rotateX(90deg) translateZ(18px);
  -moz-transform: rotateX(90deg) translateZ(18px);
  -o-transform: rotateX(90deg) translateZ(18px);
  transform: rotateX(90deg) translateZ(18px);
}
.outer:nth-child(16) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(18px);
  -ms-transform: translateZ(18px);
  -moz-transform: translateZ(18px);
  -o-transform: translateZ(18px);
  transform: translateZ(18px);
}
.outer:nth-child(16) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(18px);
  -ms-transform: rotateY(180deg) translateZ(18px);
  -moz-transform: rotateY(180deg) translateZ(18px);
  -o-transform: rotateY(180deg) translateZ(18px);
  transform: rotateY(180deg) translateZ(18px);
}
.outer:nth-child(16) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(18px);
  -ms-transform: rotateY(90deg) translateZ(18px);
  -moz-transform: rotateY(90deg) translateZ(18px);
  -o-transform: rotateY(90deg) translateZ(18px);
  transform: rotateY(90deg) translateZ(18px);
}
.outer:nth-child(16) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(18px);
  -ms-transform: rotateY(-90deg) translateZ(18px);
  -moz-transform: rotateY(-90deg) translateZ(18px);
  -o-transform: rotateY(-90deg) translateZ(18px);
  transform: rotateY(-90deg) translateZ(18px);
}
.outer:nth-child(16) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(18px);
  -ms-transform: rotateX(-90deg) translateZ(18px);
  -moz-transform: rotateX(-90deg) translateZ(18px);
  -o-transform: rotateX(-90deg) translateZ(18px);
  transform: rotateX(-90deg) translateZ(18px);
}
.outer:nth-child(16) .cube .side:nth-child(1) {
  background: rgba(0, 242, 255, 0.6);
  border: 2px solid rgba(102, 247, 255, 0.6);
}
.outer:nth-child(16) .cube .side:nth-child(2) {
  background: rgba(0, 229, 255, 0.6);
  border: 2px solid rgba(102, 240, 255, 0.6);
}
.outer:nth-child(16) .cube .side:nth-child(3) {
  background: rgba(0, 217, 255, 0.6);
  border: 2px solid rgba(102, 232, 255, 0.6);
}
.outer:nth-child(16) .cube .side:nth-child(4) {
  background: rgba(0, 204, 255, 0.6);
  border: 2px solid rgba(102, 224, 255, 0.6);
}
.outer:nth-child(16) .cube .side:nth-child(5) {
  background: rgba(0, 191, 255, 0.6);
  border: 2px solid rgba(102, 217, 255, 0.6);
}
.outer:nth-child(16) .cube .side:nth-child(6) {
  background: rgba(0, 178, 255, 0.6);
  border: 2px solid rgba(102, 209, 255, 0.6);
}

@-webkit-keyframes forward16 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward16 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward16 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward16 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward16 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(17) .cube {
  height: 25px;
  width: 25px;
  margin-top: -12.5px;
  margin-left: -12.5px;
  opacity: 0;
  -webkit-transform: translate3d(237px, 613px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(237px, 613px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(237px, 613px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(237px, 613px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(237px, 613px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward17 6s infinite;
  -ms-animation: forward17 6s infinite;
  -moz-animation: forward17 6s infinite;
  -o-animation: forward17 6s infinite;
  animation: forward17 6s infinite;
  -webkit-animation-delay: -3.4s;
  -ms-animation-delay: -3.4s;
  -moz-animation-delay: -3.4s;
  -o-animation-delay: -3.4s;
  animation-delay: -3.4s;
}
.outer:nth-child(17) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(12.5px);
  -ms-transform: rotateX(90deg) translateZ(12.5px);
  -moz-transform: rotateX(90deg) translateZ(12.5px);
  -o-transform: rotateX(90deg) translateZ(12.5px);
  transform: rotateX(90deg) translateZ(12.5px);
}
.outer:nth-child(17) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(12.5px);
  -ms-transform: translateZ(12.5px);
  -moz-transform: translateZ(12.5px);
  -o-transform: translateZ(12.5px);
  transform: translateZ(12.5px);
}
.outer:nth-child(17) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(12.5px);
  -ms-transform: rotateY(180deg) translateZ(12.5px);
  -moz-transform: rotateY(180deg) translateZ(12.5px);
  -o-transform: rotateY(180deg) translateZ(12.5px);
  transform: rotateY(180deg) translateZ(12.5px);
}
.outer:nth-child(17) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(12.5px);
  -ms-transform: rotateY(90deg) translateZ(12.5px);
  -moz-transform: rotateY(90deg) translateZ(12.5px);
  -o-transform: rotateY(90deg) translateZ(12.5px);
  transform: rotateY(90deg) translateZ(12.5px);
}
.outer:nth-child(17) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(12.5px);
  -ms-transform: rotateY(-90deg) translateZ(12.5px);
  -moz-transform: rotateY(-90deg) translateZ(12.5px);
  -o-transform: rotateY(-90deg) translateZ(12.5px);
  transform: rotateY(-90deg) translateZ(12.5px);
}
.outer:nth-child(17) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(12.5px);
  -ms-transform: rotateX(-90deg) translateZ(12.5px);
  -moz-transform: rotateX(-90deg) translateZ(12.5px);
  -o-transform: rotateX(-90deg) translateZ(12.5px);
  transform: rotateX(-90deg) translateZ(12.5px);
}
.outer:nth-child(17) .cube .side:nth-child(1) {
  background: rgba(0, 191, 255, 0.6);
  border: 2px solid rgba(102, 217, 255, 0.6);
}
.outer:nth-child(17) .cube .side:nth-child(2) {
  background: rgba(0, 178, 255, 0.6);
  border: 2px solid rgba(102, 209, 255, 0.6);
}
.outer:nth-child(17) .cube .side:nth-child(3) {
  background: rgba(0, 166, 255, 0.6);
  border: 2px solid rgba(102, 201, 255, 0.6);
}
.outer:nth-child(17) .cube .side:nth-child(4) {
  background: rgba(0, 153, 255, 0.6);
  border: 2px solid rgba(102, 194, 255, 0.6);
}
.outer:nth-child(17) .cube .side:nth-child(5) {
  background: rgba(0, 140, 255, 0.6);
  border: 2px solid rgba(102, 186, 255, 0.6);
}
.outer:nth-child(17) .cube .side:nth-child(6) {
  background: rgba(0, 127, 255, 0.6);
  border: 2px solid rgba(102, 178, 255, 0.6);
}

@-webkit-keyframes forward17 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward17 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward17 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward17 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward17 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(18) .cube {
  height: 48px;
  width: 48px;
  margin-top: -24px;
  margin-left: -24px;
  opacity: 0;
  -webkit-transform: translate3d(596px, -589px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(596px, -589px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(596px, -589px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(596px, -589px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(596px, -589px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward18 6s infinite;
  -ms-animation: forward18 6s infinite;
  -moz-animation: forward18 6s infinite;
  -o-animation: forward18 6s infinite;
  animation: forward18 6s infinite;
  -webkit-animation-delay: -3.6s;
  -ms-animation-delay: -3.6s;
  -moz-animation-delay: -3.6s;
  -o-animation-delay: -3.6s;
  animation-delay: -3.6s;
}
.outer:nth-child(18) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(24px);
  -ms-transform: rotateX(90deg) translateZ(24px);
  -moz-transform: rotateX(90deg) translateZ(24px);
  -o-transform: rotateX(90deg) translateZ(24px);
  transform: rotateX(90deg) translateZ(24px);
}
.outer:nth-child(18) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(24px);
  -ms-transform: translateZ(24px);
  -moz-transform: translateZ(24px);
  -o-transform: translateZ(24px);
  transform: translateZ(24px);
}
.outer:nth-child(18) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(24px);
  -ms-transform: rotateY(180deg) translateZ(24px);
  -moz-transform: rotateY(180deg) translateZ(24px);
  -o-transform: rotateY(180deg) translateZ(24px);
  transform: rotateY(180deg) translateZ(24px);
}
.outer:nth-child(18) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(24px);
  -ms-transform: rotateY(90deg) translateZ(24px);
  -moz-transform: rotateY(90deg) translateZ(24px);
  -o-transform: rotateY(90deg) translateZ(24px);
  transform: rotateY(90deg) translateZ(24px);
}
.outer:nth-child(18) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(24px);
  -ms-transform: rotateY(-90deg) translateZ(24px);
  -moz-transform: rotateY(-90deg) translateZ(24px);
  -o-transform: rotateY(-90deg) translateZ(24px);
  transform: rotateY(-90deg) translateZ(24px);
}
.outer:nth-child(18) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(24px);
  -ms-transform: rotateX(-90deg) translateZ(24px);
  -moz-transform: rotateX(-90deg) translateZ(24px);
  -o-transform: rotateX(-90deg) translateZ(24px);
  transform: rotateX(-90deg) translateZ(24px);
}
.outer:nth-child(18) .cube .side:nth-child(1) {
  background: rgba(0, 140, 255, 0.6);
  border: 2px solid rgba(102, 186, 255, 0.6);
}
.outer:nth-child(18) .cube .side:nth-child(2) {
  background: rgba(0, 127, 255, 0.6);
  border: 2px solid rgba(102, 178, 255, 0.6);
}
.outer:nth-child(18) .cube .side:nth-child(3) {
  background: rgba(0, 115, 255, 0.6);
  border: 2px solid rgba(102, 171, 255, 0.6);
}
.outer:nth-child(18) .cube .side:nth-child(4) {
  background: rgba(0, 102, 255, 0.6);
  border: 2px solid rgba(102, 163, 255, 0.6);
}
.outer:nth-child(18) .cube .side:nth-child(5) {
  background: rgba(0, 89, 255, 0.6);
  border: 2px solid rgba(102, 156, 255, 0.6);
}
.outer:nth-child(18) .cube .side:nth-child(6) {
  background: rgba(0, 76, 255, 0.6);
  border: 2px solid rgba(102, 148, 255, 0.6);
}

@-webkit-keyframes forward18 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward18 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward18 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward18 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward18 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(19) .cube {
  height: 16px;
  width: 16px;
  margin-top: -8px;
  margin-left: -8px;
  opacity: 0;
  -webkit-transform: translate3d(-525px, 267px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-525px, 267px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-525px, 267px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-525px, 267px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-525px, 267px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward19 6s infinite;
  -ms-animation: forward19 6s infinite;
  -moz-animation: forward19 6s infinite;
  -o-animation: forward19 6s infinite;
  animation: forward19 6s infinite;
  -webkit-animation-delay: -3.8s;
  -ms-animation-delay: -3.8s;
  -moz-animation-delay: -3.8s;
  -o-animation-delay: -3.8s;
  animation-delay: -3.8s;
}
.outer:nth-child(19) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(8px);
  -ms-transform: rotateX(90deg) translateZ(8px);
  -moz-transform: rotateX(90deg) translateZ(8px);
  -o-transform: rotateX(90deg) translateZ(8px);
  transform: rotateX(90deg) translateZ(8px);
}
.outer:nth-child(19) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(8px);
  -ms-transform: translateZ(8px);
  -moz-transform: translateZ(8px);
  -o-transform: translateZ(8px);
  transform: translateZ(8px);
}
.outer:nth-child(19) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(8px);
  -ms-transform: rotateY(180deg) translateZ(8px);
  -moz-transform: rotateY(180deg) translateZ(8px);
  -o-transform: rotateY(180deg) translateZ(8px);
  transform: rotateY(180deg) translateZ(8px);
}
.outer:nth-child(19) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(8px);
  -ms-transform: rotateY(90deg) translateZ(8px);
  -moz-transform: rotateY(90deg) translateZ(8px);
  -o-transform: rotateY(90deg) translateZ(8px);
  transform: rotateY(90deg) translateZ(8px);
}
.outer:nth-child(19) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(8px);
  -ms-transform: rotateY(-90deg) translateZ(8px);
  -moz-transform: rotateY(-90deg) translateZ(8px);
  -o-transform: rotateY(-90deg) translateZ(8px);
  transform: rotateY(-90deg) translateZ(8px);
}
.outer:nth-child(19) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(8px);
  -ms-transform: rotateX(-90deg) translateZ(8px);
  -moz-transform: rotateX(-90deg) translateZ(8px);
  -o-transform: rotateX(-90deg) translateZ(8px);
  transform: rotateX(-90deg) translateZ(8px);
}
.outer:nth-child(19) .cube .side:nth-child(1) {
  background: rgba(0, 89, 255, 0.6);
  border: 2px solid rgba(102, 156, 255, 0.6);
}
.outer:nth-child(19) .cube .side:nth-child(2) {
  background: rgba(0, 76, 255, 0.6);
  border: 2px solid rgba(102, 148, 255, 0.6);
}
.outer:nth-child(19) .cube .side:nth-child(3) {
  background: rgba(0, 64, 255, 0.6);
  border: 2px solid rgba(102, 140, 255, 0.6);
}
.outer:nth-child(19) .cube .side:nth-child(4) {
  background: rgba(0, 51, 255, 0.6);
  border: 2px solid rgba(102, 133, 255, 0.6);
}
.outer:nth-child(19) .cube .side:nth-child(5) {
  background: rgba(0, 38, 255, 0.6);
  border: 2px solid rgba(102, 125, 255, 0.6);
}
.outer:nth-child(19) .cube .side:nth-child(6) {
  background: rgba(0, 25, 255, 0.6);
  border: 2px solid rgba(102, 117, 255, 0.6);
}

@-webkit-keyframes forward19 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward19 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward19 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward19 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward19 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(20) .cube {
  height: 15px;
  width: 15px;
  margin-top: -7.5px;
  margin-left: -7.5px;
  opacity: 0;
  -webkit-transform: translate3d(-446px, -688px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-446px, -688px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-446px, -688px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-446px, -688px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-446px, -688px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward20 6s infinite;
  -ms-animation: forward20 6s infinite;
  -moz-animation: forward20 6s infinite;
  -o-animation: forward20 6s infinite;
  animation: forward20 6s infinite;
  -webkit-animation-delay: -4s;
  -ms-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -o-animation-delay: -4s;
  animation-delay: -4s;
}
.outer:nth-child(20) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(7.5px);
  -ms-transform: rotateX(90deg) translateZ(7.5px);
  -moz-transform: rotateX(90deg) translateZ(7.5px);
  -o-transform: rotateX(90deg) translateZ(7.5px);
  transform: rotateX(90deg) translateZ(7.5px);
}
.outer:nth-child(20) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(7.5px);
  -ms-transform: translateZ(7.5px);
  -moz-transform: translateZ(7.5px);
  -o-transform: translateZ(7.5px);
  transform: translateZ(7.5px);
}
.outer:nth-child(20) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(7.5px);
  -ms-transform: rotateY(180deg) translateZ(7.5px);
  -moz-transform: rotateY(180deg) translateZ(7.5px);
  -o-transform: rotateY(180deg) translateZ(7.5px);
  transform: rotateY(180deg) translateZ(7.5px);
}
.outer:nth-child(20) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(7.5px);
  -ms-transform: rotateY(90deg) translateZ(7.5px);
  -moz-transform: rotateY(90deg) translateZ(7.5px);
  -o-transform: rotateY(90deg) translateZ(7.5px);
  transform: rotateY(90deg) translateZ(7.5px);
}
.outer:nth-child(20) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(7.5px);
  -ms-transform: rotateY(-90deg) translateZ(7.5px);
  -moz-transform: rotateY(-90deg) translateZ(7.5px);
  -o-transform: rotateY(-90deg) translateZ(7.5px);
  transform: rotateY(-90deg) translateZ(7.5px);
}
.outer:nth-child(20) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(7.5px);
  -ms-transform: rotateX(-90deg) translateZ(7.5px);
  -moz-transform: rotateX(-90deg) translateZ(7.5px);
  -o-transform: rotateX(-90deg) translateZ(7.5px);
  transform: rotateX(-90deg) translateZ(7.5px);
}
.outer:nth-child(20) .cube .side:nth-child(1) {
  background: rgba(0, 38, 255, 0.6);
  border: 2px solid rgba(102, 125, 255, 0.6);
}
.outer:nth-child(20) .cube .side:nth-child(2) {
  background: rgba(0, 25, 255, 0.6);
  border: 2px solid rgba(102, 117, 255, 0.6);
}
.outer:nth-child(20) .cube .side:nth-child(3) {
  background: rgba(0, 13, 255, 0.6);
  border: 2px solid rgba(102, 110, 255, 0.6);
}
.outer:nth-child(20) .cube .side:nth-child(4) {
  background: rgba(0, 0, 255, 0.6);
  border: 2px solid rgba(102, 102, 255, 0.6);
}
.outer:nth-child(20) .cube .side:nth-child(5) {
  background: rgba(13, 0, 255, 0.6);
  border: 2px solid rgba(110, 102, 255, 0.6);
}
.outer:nth-child(20) .cube .side:nth-child(6) {
  background: rgba(25, 0, 255, 0.6);
  border: 2px solid rgba(117, 102, 255, 0.6);
}

@-webkit-keyframes forward20 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward20 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward20 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward20 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward20 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(21) .cube {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  margin-left: -15px;
  opacity: 0;
  -webkit-transform: translate3d(-548px, 645px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-548px, 645px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-548px, 645px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-548px, 645px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-548px, 645px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward21 6s infinite;
  -ms-animation: forward21 6s infinite;
  -moz-animation: forward21 6s infinite;
  -o-animation: forward21 6s infinite;
  animation: forward21 6s infinite;
  -webkit-animation-delay: -4.2s;
  -ms-animation-delay: -4.2s;
  -moz-animation-delay: -4.2s;
  -o-animation-delay: -4.2s;
  animation-delay: -4.2s;
}
.outer:nth-child(21) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(15px);
  -ms-transform: rotateX(90deg) translateZ(15px);
  -moz-transform: rotateX(90deg) translateZ(15px);
  -o-transform: rotateX(90deg) translateZ(15px);
  transform: rotateX(90deg) translateZ(15px);
}
.outer:nth-child(21) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(15px);
  -ms-transform: translateZ(15px);
  -moz-transform: translateZ(15px);
  -o-transform: translateZ(15px);
  transform: translateZ(15px);
}
.outer:nth-child(21) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(15px);
  -ms-transform: rotateY(180deg) translateZ(15px);
  -moz-transform: rotateY(180deg) translateZ(15px);
  -o-transform: rotateY(180deg) translateZ(15px);
  transform: rotateY(180deg) translateZ(15px);
}
.outer:nth-child(21) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(15px);
  -ms-transform: rotateY(90deg) translateZ(15px);
  -moz-transform: rotateY(90deg) translateZ(15px);
  -o-transform: rotateY(90deg) translateZ(15px);
  transform: rotateY(90deg) translateZ(15px);
}
.outer:nth-child(21) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(15px);
  -ms-transform: rotateY(-90deg) translateZ(15px);
  -moz-transform: rotateY(-90deg) translateZ(15px);
  -o-transform: rotateY(-90deg) translateZ(15px);
  transform: rotateY(-90deg) translateZ(15px);
}
.outer:nth-child(21) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(15px);
  -ms-transform: rotateX(-90deg) translateZ(15px);
  -moz-transform: rotateX(-90deg) translateZ(15px);
  -o-transform: rotateX(-90deg) translateZ(15px);
  transform: rotateX(-90deg) translateZ(15px);
}
.outer:nth-child(21) .cube .side:nth-child(1) {
  background: rgba(13, 0, 255, 0.6);
  border: 2px solid rgba(110, 102, 255, 0.6);
}
.outer:nth-child(21) .cube .side:nth-child(2) {
  background: rgba(25, 0, 255, 0.6);
  border: 2px solid rgba(117, 102, 255, 0.6);
}
.outer:nth-child(21) .cube .side:nth-child(3) {
  background: rgba(38, 0, 255, 0.6);
  border: 2px solid rgba(125, 102, 255, 0.6);
}
.outer:nth-child(21) .cube .side:nth-child(4) {
  background: rgba(51, 0, 255, 0.6);
  border: 2px solid rgba(133, 102, 255, 0.6);
}
.outer:nth-child(21) .cube .side:nth-child(5) {
  background: rgba(64, 0, 255, 0.6);
  border: 2px solid rgba(140, 102, 255, 0.6);
}
.outer:nth-child(21) .cube .side:nth-child(6) {
  background: rgba(77, 0, 255, 0.6);
  border: 2px solid rgba(148, 102, 255, 0.6);
}

@-webkit-keyframes forward21 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward21 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward21 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward21 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward21 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(22) .cube {
  height: 35px;
  width: 35px;
  margin-top: -17.5px;
  margin-left: -17.5px;
  opacity: 0;
  -webkit-transform: translate3d(-388px, 655px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-388px, 655px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-388px, 655px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-388px, 655px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-388px, 655px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward22 6s infinite;
  -ms-animation: forward22 6s infinite;
  -moz-animation: forward22 6s infinite;
  -o-animation: forward22 6s infinite;
  animation: forward22 6s infinite;
  -webkit-animation-delay: -4.4s;
  -ms-animation-delay: -4.4s;
  -moz-animation-delay: -4.4s;
  -o-animation-delay: -4.4s;
  animation-delay: -4.4s;
}
.outer:nth-child(22) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(17.5px);
  -ms-transform: rotateX(90deg) translateZ(17.5px);
  -moz-transform: rotateX(90deg) translateZ(17.5px);
  -o-transform: rotateX(90deg) translateZ(17.5px);
  transform: rotateX(90deg) translateZ(17.5px);
}
.outer:nth-child(22) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(17.5px);
  -ms-transform: translateZ(17.5px);
  -moz-transform: translateZ(17.5px);
  -o-transform: translateZ(17.5px);
  transform: translateZ(17.5px);
}
.outer:nth-child(22) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(17.5px);
  -ms-transform: rotateY(180deg) translateZ(17.5px);
  -moz-transform: rotateY(180deg) translateZ(17.5px);
  -o-transform: rotateY(180deg) translateZ(17.5px);
  transform: rotateY(180deg) translateZ(17.5px);
}
.outer:nth-child(22) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(17.5px);
  -ms-transform: rotateY(90deg) translateZ(17.5px);
  -moz-transform: rotateY(90deg) translateZ(17.5px);
  -o-transform: rotateY(90deg) translateZ(17.5px);
  transform: rotateY(90deg) translateZ(17.5px);
}
.outer:nth-child(22) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(17.5px);
  -ms-transform: rotateY(-90deg) translateZ(17.5px);
  -moz-transform: rotateY(-90deg) translateZ(17.5px);
  -o-transform: rotateY(-90deg) translateZ(17.5px);
  transform: rotateY(-90deg) translateZ(17.5px);
}
.outer:nth-child(22) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(17.5px);
  -ms-transform: rotateX(-90deg) translateZ(17.5px);
  -moz-transform: rotateX(-90deg) translateZ(17.5px);
  -o-transform: rotateX(-90deg) translateZ(17.5px);
  transform: rotateX(-90deg) translateZ(17.5px);
}
.outer:nth-child(22) .cube .side:nth-child(1) {
  background: rgba(64, 0, 255, 0.6);
  border: 2px solid rgba(140, 102, 255, 0.6);
}
.outer:nth-child(22) .cube .side:nth-child(2) {
  background: rgba(77, 0, 255, 0.6);
  border: 2px solid rgba(148, 102, 255, 0.6);
}
.outer:nth-child(22) .cube .side:nth-child(3) {
  background: rgba(89, 0, 255, 0.6);
  border: 2px solid rgba(156, 102, 255, 0.6);
}
.outer:nth-child(22) .cube .side:nth-child(4) {
  background: rgba(102, 0, 255, 0.6);
  border: 2px solid rgba(163, 102, 255, 0.6);
}
.outer:nth-child(22) .cube .side:nth-child(5) {
  background: rgba(115, 0, 255, 0.6);
  border: 2px solid rgba(171, 102, 255, 0.6);
}
.outer:nth-child(22) .cube .side:nth-child(6) {
  background: rgba(127, 0, 255, 0.6);
  border: 2px solid rgba(178, 102, 255, 0.6);
}

@-webkit-keyframes forward22 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward22 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward22 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward22 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward22 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(23) .cube {
  height: 47px;
  width: 47px;
  margin-top: -23.5px;
  margin-left: -23.5px;
  opacity: 0;
  -webkit-transform: translate3d(513px, -300px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(513px, -300px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(513px, -300px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(513px, -300px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(513px, -300px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward23 6s infinite;
  -ms-animation: forward23 6s infinite;
  -moz-animation: forward23 6s infinite;
  -o-animation: forward23 6s infinite;
  animation: forward23 6s infinite;
  -webkit-animation-delay: -4.6s;
  -ms-animation-delay: -4.6s;
  -moz-animation-delay: -4.6s;
  -o-animation-delay: -4.6s;
  animation-delay: -4.6s;
}
.outer:nth-child(23) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(23.5px);
  -ms-transform: rotateX(90deg) translateZ(23.5px);
  -moz-transform: rotateX(90deg) translateZ(23.5px);
  -o-transform: rotateX(90deg) translateZ(23.5px);
  transform: rotateX(90deg) translateZ(23.5px);
}
.outer:nth-child(23) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(23.5px);
  -ms-transform: translateZ(23.5px);
  -moz-transform: translateZ(23.5px);
  -o-transform: translateZ(23.5px);
  transform: translateZ(23.5px);
}
.outer:nth-child(23) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(23.5px);
  -ms-transform: rotateY(180deg) translateZ(23.5px);
  -moz-transform: rotateY(180deg) translateZ(23.5px);
  -o-transform: rotateY(180deg) translateZ(23.5px);
  transform: rotateY(180deg) translateZ(23.5px);
}
.outer:nth-child(23) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(23.5px);
  -ms-transform: rotateY(90deg) translateZ(23.5px);
  -moz-transform: rotateY(90deg) translateZ(23.5px);
  -o-transform: rotateY(90deg) translateZ(23.5px);
  transform: rotateY(90deg) translateZ(23.5px);
}
.outer:nth-child(23) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(23.5px);
  -ms-transform: rotateY(-90deg) translateZ(23.5px);
  -moz-transform: rotateY(-90deg) translateZ(23.5px);
  -o-transform: rotateY(-90deg) translateZ(23.5px);
  transform: rotateY(-90deg) translateZ(23.5px);
}
.outer:nth-child(23) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(23.5px);
  -ms-transform: rotateX(-90deg) translateZ(23.5px);
  -moz-transform: rotateX(-90deg) translateZ(23.5px);
  -o-transform: rotateX(-90deg) translateZ(23.5px);
  transform: rotateX(-90deg) translateZ(23.5px);
}
.outer:nth-child(23) .cube .side:nth-child(1) {
  background: rgba(115, 0, 255, 0.6);
  border: 2px solid rgba(171, 102, 255, 0.6);
}
.outer:nth-child(23) .cube .side:nth-child(2) {
  background: rgba(127, 0, 255, 0.6);
  border: 2px solid rgba(178, 102, 255, 0.6);
}
.outer:nth-child(23) .cube .side:nth-child(3) {
  background: rgba(140, 0, 255, 0.6);
  border: 2px solid rgba(186, 102, 255, 0.6);
}
.outer:nth-child(23) .cube .side:nth-child(4) {
  background: rgba(153, 0, 255, 0.6);
  border: 2px solid rgba(194, 102, 255, 0.6);
}
.outer:nth-child(23) .cube .side:nth-child(5) {
  background: rgba(166, 0, 255, 0.6);
  border: 2px solid rgba(201, 102, 255, 0.6);
}
.outer:nth-child(23) .cube .side:nth-child(6) {
  background: rgba(179, 0, 255, 0.6);
  border: 2px solid rgba(209, 102, 255, 0.6);
}

@-webkit-keyframes forward23 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward23 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward23 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward23 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward23 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(24) .cube {
  height: 37px;
  width: 37px;
  margin-top: -18.5px;
  margin-left: -18.5px;
  opacity: 0;
  -webkit-transform: translate3d(-613px, -306px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-613px, -306px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-613px, -306px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-613px, -306px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-613px, -306px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward24 6s infinite;
  -ms-animation: forward24 6s infinite;
  -moz-animation: forward24 6s infinite;
  -o-animation: forward24 6s infinite;
  animation: forward24 6s infinite;
  -webkit-animation-delay: -4.8s;
  -ms-animation-delay: -4.8s;
  -moz-animation-delay: -4.8s;
  -o-animation-delay: -4.8s;
  animation-delay: -4.8s;
}
.outer:nth-child(24) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(18.5px);
  -ms-transform: rotateX(90deg) translateZ(18.5px);
  -moz-transform: rotateX(90deg) translateZ(18.5px);
  -o-transform: rotateX(90deg) translateZ(18.5px);
  transform: rotateX(90deg) translateZ(18.5px);
}
.outer:nth-child(24) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(18.5px);
  -ms-transform: translateZ(18.5px);
  -moz-transform: translateZ(18.5px);
  -o-transform: translateZ(18.5px);
  transform: translateZ(18.5px);
}
.outer:nth-child(24) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(18.5px);
  -ms-transform: rotateY(180deg) translateZ(18.5px);
  -moz-transform: rotateY(180deg) translateZ(18.5px);
  -o-transform: rotateY(180deg) translateZ(18.5px);
  transform: rotateY(180deg) translateZ(18.5px);
}
.outer:nth-child(24) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(18.5px);
  -ms-transform: rotateY(90deg) translateZ(18.5px);
  -moz-transform: rotateY(90deg) translateZ(18.5px);
  -o-transform: rotateY(90deg) translateZ(18.5px);
  transform: rotateY(90deg) translateZ(18.5px);
}
.outer:nth-child(24) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(18.5px);
  -ms-transform: rotateY(-90deg) translateZ(18.5px);
  -moz-transform: rotateY(-90deg) translateZ(18.5px);
  -o-transform: rotateY(-90deg) translateZ(18.5px);
  transform: rotateY(-90deg) translateZ(18.5px);
}
.outer:nth-child(24) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(18.5px);
  -ms-transform: rotateX(-90deg) translateZ(18.5px);
  -moz-transform: rotateX(-90deg) translateZ(18.5px);
  -o-transform: rotateX(-90deg) translateZ(18.5px);
  transform: rotateX(-90deg) translateZ(18.5px);
}
.outer:nth-child(24) .cube .side:nth-child(1) {
  background: rgba(166, 0, 255, 0.6);
  border: 2px solid rgba(201, 102, 255, 0.6);
}
.outer:nth-child(24) .cube .side:nth-child(2) {
  background: rgba(179, 0, 255, 0.6);
  border: 2px solid rgba(209, 102, 255, 0.6);
}
.outer:nth-child(24) .cube .side:nth-child(3) {
  background: rgba(191, 0, 255, 0.6);
  border: 2px solid rgba(217, 102, 255, 0.6);
}
.outer:nth-child(24) .cube .side:nth-child(4) {
  background: rgba(204, 0, 255, 0.6);
  border: 2px solid rgba(224, 102, 255, 0.6);
}
.outer:nth-child(24) .cube .side:nth-child(5) {
  background: rgba(217, 0, 255, 0.6);
  border: 2px solid rgba(232, 102, 255, 0.6);
}
.outer:nth-child(24) .cube .side:nth-child(6) {
  background: rgba(229, 0, 255, 0.6);
  border: 2px solid rgba(240, 102, 255, 0.6);
}

@-webkit-keyframes forward24 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward24 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward24 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward24 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward24 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(25) .cube {
  height: 44px;
  width: 44px;
  margin-top: -22px;
  margin-left: -22px;
  opacity: 0;
  -webkit-transform: translate3d(417px, -231px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(417px, -231px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(417px, -231px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(417px, -231px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(417px, -231px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward25 6s infinite;
  -ms-animation: forward25 6s infinite;
  -moz-animation: forward25 6s infinite;
  -o-animation: forward25 6s infinite;
  animation: forward25 6s infinite;
  -webkit-animation-delay: -5s;
  -ms-animation-delay: -5s;
  -moz-animation-delay: -5s;
  -o-animation-delay: -5s;
  animation-delay: -5s;
}
.outer:nth-child(25) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(22px);
  -ms-transform: rotateX(90deg) translateZ(22px);
  -moz-transform: rotateX(90deg) translateZ(22px);
  -o-transform: rotateX(90deg) translateZ(22px);
  transform: rotateX(90deg) translateZ(22px);
}
.outer:nth-child(25) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(22px);
  -ms-transform: translateZ(22px);
  -moz-transform: translateZ(22px);
  -o-transform: translateZ(22px);
  transform: translateZ(22px);
}
.outer:nth-child(25) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(22px);
  -ms-transform: rotateY(180deg) translateZ(22px);
  -moz-transform: rotateY(180deg) translateZ(22px);
  -o-transform: rotateY(180deg) translateZ(22px);
  transform: rotateY(180deg) translateZ(22px);
}
.outer:nth-child(25) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(22px);
  -ms-transform: rotateY(90deg) translateZ(22px);
  -moz-transform: rotateY(90deg) translateZ(22px);
  -o-transform: rotateY(90deg) translateZ(22px);
  transform: rotateY(90deg) translateZ(22px);
}
.outer:nth-child(25) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(22px);
  -ms-transform: rotateY(-90deg) translateZ(22px);
  -moz-transform: rotateY(-90deg) translateZ(22px);
  -o-transform: rotateY(-90deg) translateZ(22px);
  transform: rotateY(-90deg) translateZ(22px);
}
.outer:nth-child(25) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(22px);
  -ms-transform: rotateX(-90deg) translateZ(22px);
  -moz-transform: rotateX(-90deg) translateZ(22px);
  -o-transform: rotateX(-90deg) translateZ(22px);
  transform: rotateX(-90deg) translateZ(22px);
}
.outer:nth-child(25) .cube .side:nth-child(1) {
  background: rgba(217, 0, 255, 0.6);
  border: 2px solid rgba(232, 102, 255, 0.6);
}
.outer:nth-child(25) .cube .side:nth-child(2) {
  background: rgba(229, 0, 255, 0.6);
  border: 2px solid rgba(240, 102, 255, 0.6);
}
.outer:nth-child(25) .cube .side:nth-child(3) {
  background: rgba(242, 0, 255, 0.6);
  border: 2px solid rgba(247, 102, 255, 0.6);
}
.outer:nth-child(25) .cube .side:nth-child(4) {
  background: rgba(255, 0, 255, 0.6);
  border: 2px solid rgba(255, 102, 255, 0.6);
}
.outer:nth-child(25) .cube .side:nth-child(5) {
  background: rgba(255, 0, 242, 0.6);
  border: 2px solid rgba(255, 102, 247, 0.6);
}
.outer:nth-child(25) .cube .side:nth-child(6) {
  background: rgba(255, 0, 230, 0.6);
  border: 2px solid rgba(255, 102, 240, 0.6);
}

@-webkit-keyframes forward25 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward25 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward25 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward25 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward25 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(26) .cube {
  height: 18px;
  width: 18px;
  margin-top: -9px;
  margin-left: -9px;
  opacity: 0;
  -webkit-transform: translate3d(646px, -484px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(646px, -484px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(646px, -484px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(646px, -484px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(646px, -484px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward26 6s infinite;
  -ms-animation: forward26 6s infinite;
  -moz-animation: forward26 6s infinite;
  -o-animation: forward26 6s infinite;
  animation: forward26 6s infinite;
  -webkit-animation-delay: -5.2s;
  -ms-animation-delay: -5.2s;
  -moz-animation-delay: -5.2s;
  -o-animation-delay: -5.2s;
  animation-delay: -5.2s;
}
.outer:nth-child(26) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(9px);
  -ms-transform: rotateX(90deg) translateZ(9px);
  -moz-transform: rotateX(90deg) translateZ(9px);
  -o-transform: rotateX(90deg) translateZ(9px);
  transform: rotateX(90deg) translateZ(9px);
}
.outer:nth-child(26) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(9px);
  -ms-transform: translateZ(9px);
  -moz-transform: translateZ(9px);
  -o-transform: translateZ(9px);
  transform: translateZ(9px);
}
.outer:nth-child(26) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(9px);
  -ms-transform: rotateY(180deg) translateZ(9px);
  -moz-transform: rotateY(180deg) translateZ(9px);
  -o-transform: rotateY(180deg) translateZ(9px);
  transform: rotateY(180deg) translateZ(9px);
}
.outer:nth-child(26) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(9px);
  -ms-transform: rotateY(90deg) translateZ(9px);
  -moz-transform: rotateY(90deg) translateZ(9px);
  -o-transform: rotateY(90deg) translateZ(9px);
  transform: rotateY(90deg) translateZ(9px);
}
.outer:nth-child(26) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(9px);
  -ms-transform: rotateY(-90deg) translateZ(9px);
  -moz-transform: rotateY(-90deg) translateZ(9px);
  -o-transform: rotateY(-90deg) translateZ(9px);
  transform: rotateY(-90deg) translateZ(9px);
}
.outer:nth-child(26) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(9px);
  -ms-transform: rotateX(-90deg) translateZ(9px);
  -moz-transform: rotateX(-90deg) translateZ(9px);
  -o-transform: rotateX(-90deg) translateZ(9px);
  transform: rotateX(-90deg) translateZ(9px);
}
.outer:nth-child(26) .cube .side:nth-child(1) {
  background: rgba(255, 0, 242, 0.6);
  border: 2px solid rgba(255, 102, 247, 0.6);
}
.outer:nth-child(26) .cube .side:nth-child(2) {
  background: rgba(255, 0, 230, 0.6);
  border: 2px solid rgba(255, 102, 240, 0.6);
}
.outer:nth-child(26) .cube .side:nth-child(3) {
  background: rgba(255, 0, 217, 0.6);
  border: 2px solid rgba(255, 102, 232, 0.6);
}
.outer:nth-child(26) .cube .side:nth-child(4) {
  background: rgba(255, 0, 204, 0.6);
  border: 2px solid rgba(255, 102, 224, 0.6);
}
.outer:nth-child(26) .cube .side:nth-child(5) {
  background: rgba(255, 0, 191, 0.6);
  border: 2px solid rgba(255, 102, 217, 0.6);
}
.outer:nth-child(26) .cube .side:nth-child(6) {
  background: rgba(255, 0, 178, 0.6);
  border: 2px solid rgba(255, 102, 209, 0.6);
}

@-webkit-keyframes forward26 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward26 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward26 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward26 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward26 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(27) .cube {
  height: 19px;
  width: 19px;
  margin-top: -9.5px;
  margin-left: -9.5px;
  opacity: 0;
  -webkit-transform: translate3d(-345px, -221px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(-345px, -221px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(-345px, -221px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(-345px, -221px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(-345px, -221px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward27 6s infinite;
  -ms-animation: forward27 6s infinite;
  -moz-animation: forward27 6s infinite;
  -o-animation: forward27 6s infinite;
  animation: forward27 6s infinite;
  -webkit-animation-delay: -5.4s;
  -ms-animation-delay: -5.4s;
  -moz-animation-delay: -5.4s;
  -o-animation-delay: -5.4s;
  animation-delay: -5.4s;
}
.outer:nth-child(27) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(9.5px);
  -ms-transform: rotateX(90deg) translateZ(9.5px);
  -moz-transform: rotateX(90deg) translateZ(9.5px);
  -o-transform: rotateX(90deg) translateZ(9.5px);
  transform: rotateX(90deg) translateZ(9.5px);
}
.outer:nth-child(27) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(9.5px);
  -ms-transform: translateZ(9.5px);
  -moz-transform: translateZ(9.5px);
  -o-transform: translateZ(9.5px);
  transform: translateZ(9.5px);
}
.outer:nth-child(27) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(9.5px);
  -ms-transform: rotateY(180deg) translateZ(9.5px);
  -moz-transform: rotateY(180deg) translateZ(9.5px);
  -o-transform: rotateY(180deg) translateZ(9.5px);
  transform: rotateY(180deg) translateZ(9.5px);
}
.outer:nth-child(27) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(9.5px);
  -ms-transform: rotateY(90deg) translateZ(9.5px);
  -moz-transform: rotateY(90deg) translateZ(9.5px);
  -o-transform: rotateY(90deg) translateZ(9.5px);
  transform: rotateY(90deg) translateZ(9.5px);
}
.outer:nth-child(27) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(9.5px);
  -ms-transform: rotateY(-90deg) translateZ(9.5px);
  -moz-transform: rotateY(-90deg) translateZ(9.5px);
  -o-transform: rotateY(-90deg) translateZ(9.5px);
  transform: rotateY(-90deg) translateZ(9.5px);
}
.outer:nth-child(27) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(9.5px);
  -ms-transform: rotateX(-90deg) translateZ(9.5px);
  -moz-transform: rotateX(-90deg) translateZ(9.5px);
  -o-transform: rotateX(-90deg) translateZ(9.5px);
  transform: rotateX(-90deg) translateZ(9.5px);
}
.outer:nth-child(27) .cube .side:nth-child(1) {
  background: rgba(255, 0, 191, 0.6);
  border: 2px solid rgba(255, 102, 217, 0.6);
}
.outer:nth-child(27) .cube .side:nth-child(2) {
  background: rgba(255, 0, 178, 0.6);
  border: 2px solid rgba(255, 102, 209, 0.6);
}
.outer:nth-child(27) .cube .side:nth-child(3) {
  background: rgba(255, 0, 166, 0.6);
  border: 2px solid rgba(255, 102, 201, 0.6);
}
.outer:nth-child(27) .cube .side:nth-child(4) {
  background: rgba(255, 0, 153, 0.6);
  border: 2px solid rgba(255, 102, 194, 0.6);
}
.outer:nth-child(27) .cube .side:nth-child(5) {
  background: rgba(255, 0, 140, 0.6);
  border: 2px solid rgba(255, 102, 186, 0.6);
}
.outer:nth-child(27) .cube .side:nth-child(6) {
  background: rgba(255, 0, 128, 0.6);
  border: 2px solid rgba(255, 102, 179, 0.6);
}

@-webkit-keyframes forward27 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward27 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward27 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward27 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward27 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(28) .cube {
  height: 11px;
  width: 11px;
  margin-top: -5.5px;
  margin-left: -5.5px;
  opacity: 0;
  -webkit-transform: translate3d(605px, 374px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(605px, 374px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(605px, 374px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(605px, 374px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(605px, 374px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward28 6s infinite;
  -ms-animation: forward28 6s infinite;
  -moz-animation: forward28 6s infinite;
  -o-animation: forward28 6s infinite;
  animation: forward28 6s infinite;
  -webkit-animation-delay: -5.6s;
  -ms-animation-delay: -5.6s;
  -moz-animation-delay: -5.6s;
  -o-animation-delay: -5.6s;
  animation-delay: -5.6s;
}
.outer:nth-child(28) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(5.5px);
  -ms-transform: rotateX(90deg) translateZ(5.5px);
  -moz-transform: rotateX(90deg) translateZ(5.5px);
  -o-transform: rotateX(90deg) translateZ(5.5px);
  transform: rotateX(90deg) translateZ(5.5px);
}
.outer:nth-child(28) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(5.5px);
  -ms-transform: translateZ(5.5px);
  -moz-transform: translateZ(5.5px);
  -o-transform: translateZ(5.5px);
  transform: translateZ(5.5px);
}
.outer:nth-child(28) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(5.5px);
  -ms-transform: rotateY(180deg) translateZ(5.5px);
  -moz-transform: rotateY(180deg) translateZ(5.5px);
  -o-transform: rotateY(180deg) translateZ(5.5px);
  transform: rotateY(180deg) translateZ(5.5px);
}
.outer:nth-child(28) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(5.5px);
  -ms-transform: rotateY(90deg) translateZ(5.5px);
  -moz-transform: rotateY(90deg) translateZ(5.5px);
  -o-transform: rotateY(90deg) translateZ(5.5px);
  transform: rotateY(90deg) translateZ(5.5px);
}
.outer:nth-child(28) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(5.5px);
  -ms-transform: rotateY(-90deg) translateZ(5.5px);
  -moz-transform: rotateY(-90deg) translateZ(5.5px);
  -o-transform: rotateY(-90deg) translateZ(5.5px);
  transform: rotateY(-90deg) translateZ(5.5px);
}
.outer:nth-child(28) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(5.5px);
  -ms-transform: rotateX(-90deg) translateZ(5.5px);
  -moz-transform: rotateX(-90deg) translateZ(5.5px);
  -o-transform: rotateX(-90deg) translateZ(5.5px);
  transform: rotateX(-90deg) translateZ(5.5px);
}
.outer:nth-child(28) .cube .side:nth-child(1) {
  background: rgba(255, 0, 140, 0.6);
  border: 2px solid rgba(255, 102, 186, 0.6);
}
.outer:nth-child(28) .cube .side:nth-child(2) {
  background: rgba(255, 0, 128, 0.6);
  border: 2px solid rgba(255, 102, 179, 0.6);
}
.outer:nth-child(28) .cube .side:nth-child(3) {
  background: rgba(255, 0, 115, 0.6);
  border: 2px solid rgba(255, 102, 171, 0.6);
}
.outer:nth-child(28) .cube .side:nth-child(4) {
  background: rgba(255, 0, 102, 0.6);
  border: 2px solid rgba(255, 102, 163, 0.6);
}
.outer:nth-child(28) .cube .side:nth-child(5) {
  background: rgba(255, 0, 89, 0.6);
  border: 2px solid rgba(255, 102, 156, 0.6);
}
.outer:nth-child(28) .cube .side:nth-child(6) {
  background: rgba(255, 0, 76, 0.6);
  border: 2px solid rgba(255, 102, 148, 0.6);
}

@-webkit-keyframes forward28 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward28 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward28 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward28 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward28 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(29) .cube {
  height: 11px;
  width: 11px;
  margin-top: -5.5px;
  margin-left: -5.5px;
  opacity: 0;
  -webkit-transform: translate3d(223px, 567px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(223px, 567px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(223px, 567px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(223px, 567px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(223px, 567px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward29 6s infinite;
  -ms-animation: forward29 6s infinite;
  -moz-animation: forward29 6s infinite;
  -o-animation: forward29 6s infinite;
  animation: forward29 6s infinite;
  -webkit-animation-delay: -5.8s;
  -ms-animation-delay: -5.8s;
  -moz-animation-delay: -5.8s;
  -o-animation-delay: -5.8s;
  animation-delay: -5.8s;
}
.outer:nth-child(29) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(5.5px);
  -ms-transform: rotateX(90deg) translateZ(5.5px);
  -moz-transform: rotateX(90deg) translateZ(5.5px);
  -o-transform: rotateX(90deg) translateZ(5.5px);
  transform: rotateX(90deg) translateZ(5.5px);
}
.outer:nth-child(29) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(5.5px);
  -ms-transform: translateZ(5.5px);
  -moz-transform: translateZ(5.5px);
  -o-transform: translateZ(5.5px);
  transform: translateZ(5.5px);
}
.outer:nth-child(29) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(5.5px);
  -ms-transform: rotateY(180deg) translateZ(5.5px);
  -moz-transform: rotateY(180deg) translateZ(5.5px);
  -o-transform: rotateY(180deg) translateZ(5.5px);
  transform: rotateY(180deg) translateZ(5.5px);
}
.outer:nth-child(29) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(5.5px);
  -ms-transform: rotateY(90deg) translateZ(5.5px);
  -moz-transform: rotateY(90deg) translateZ(5.5px);
  -o-transform: rotateY(90deg) translateZ(5.5px);
  transform: rotateY(90deg) translateZ(5.5px);
}
.outer:nth-child(29) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(5.5px);
  -ms-transform: rotateY(-90deg) translateZ(5.5px);
  -moz-transform: rotateY(-90deg) translateZ(5.5px);
  -o-transform: rotateY(-90deg) translateZ(5.5px);
  transform: rotateY(-90deg) translateZ(5.5px);
}
.outer:nth-child(29) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(5.5px);
  -ms-transform: rotateX(-90deg) translateZ(5.5px);
  -moz-transform: rotateX(-90deg) translateZ(5.5px);
  -o-transform: rotateX(-90deg) translateZ(5.5px);
  transform: rotateX(-90deg) translateZ(5.5px);
}
.outer:nth-child(29) .cube .side:nth-child(1) {
  background: rgba(255, 0, 89, 0.6);
  border: 2px solid rgba(255, 102, 156, 0.6);
}
.outer:nth-child(29) .cube .side:nth-child(2) {
  background: rgba(255, 0, 76, 0.6);
  border: 2px solid rgba(255, 102, 148, 0.6);
}
.outer:nth-child(29) .cube .side:nth-child(3) {
  background: rgba(255, 0, 64, 0.6);
  border: 2px solid rgba(255, 102, 140, 0.6);
}
.outer:nth-child(29) .cube .side:nth-child(4) {
  background: rgba(255, 0, 51, 0.6);
  border: 2px solid rgba(255, 102, 133, 0.6);
}
.outer:nth-child(29) .cube .side:nth-child(5) {
  background: rgba(255, 0, 38, 0.6);
  border: 2px solid rgba(255, 102, 125, 0.6);
}
.outer:nth-child(29) .cube .side:nth-child(6) {
  background: rgba(255, 0, 26, 0.6);
  border: 2px solid rgba(255, 102, 117, 0.6);
}

@-webkit-keyframes forward29 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward29 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward29 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward29 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward29 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
.outer:nth-child(30) .cube {
  height: 36px;
  width: 36px;
  margin-top: -18px;
  margin-left: -18px;
  opacity: 0;
  -webkit-transform: translate3d(455px, 416px, 0) rotateX(360deg) rotateY(360deg);
  -ms-transform: translate3d(455px, 416px, 0) rotateX(360deg) rotateY(360deg);
  -moz-transform: translate3d(455px, 416px, 0) rotateX(360deg) rotateY(360deg);
  -o-transform: translate3d(455px, 416px, 0) rotateX(360deg) rotateY(360deg);
  transform: translate3d(455px, 416px, 0) rotateX(360deg) rotateY(360deg);
  -webkit-animation: forward30 6s infinite;
  -ms-animation: forward30 6s infinite;
  -moz-animation: forward30 6s infinite;
  -o-animation: forward30 6s infinite;
  animation: forward30 6s infinite;
  -webkit-animation-delay: -6s;
  -ms-animation-delay: -6s;
  -moz-animation-delay: -6s;
  -o-animation-delay: -6s;
  animation-delay: -6s;
}
.outer:nth-child(30) .cube .side:nth-child(1) {
  -webkit-transform: rotateX(90deg) translateZ(18px);
  -ms-transform: rotateX(90deg) translateZ(18px);
  -moz-transform: rotateX(90deg) translateZ(18px);
  -o-transform: rotateX(90deg) translateZ(18px);
  transform: rotateX(90deg) translateZ(18px);
}
.outer:nth-child(30) .cube .side:nth-child(2) {
  -webkit-transform: translateZ(18px);
  -ms-transform: translateZ(18px);
  -moz-transform: translateZ(18px);
  -o-transform: translateZ(18px);
  transform: translateZ(18px);
}
.outer:nth-child(30) .cube .side:nth-child(3) {
  -webkit-transform: rotateY(180deg) translateZ(18px);
  -ms-transform: rotateY(180deg) translateZ(18px);
  -moz-transform: rotateY(180deg) translateZ(18px);
  -o-transform: rotateY(180deg) translateZ(18px);
  transform: rotateY(180deg) translateZ(18px);
}
.outer:nth-child(30) .cube .side:nth-child(4) {
  -webkit-transform: rotateY(90deg) translateZ(18px);
  -ms-transform: rotateY(90deg) translateZ(18px);
  -moz-transform: rotateY(90deg) translateZ(18px);
  -o-transform: rotateY(90deg) translateZ(18px);
  transform: rotateY(90deg) translateZ(18px);
}
.outer:nth-child(30) .cube .side:nth-child(5) {
  -webkit-transform: rotateY(-90deg) translateZ(18px);
  -ms-transform: rotateY(-90deg) translateZ(18px);
  -moz-transform: rotateY(-90deg) translateZ(18px);
  -o-transform: rotateY(-90deg) translateZ(18px);
  transform: rotateY(-90deg) translateZ(18px);
}
.outer:nth-child(30) .cube .side:nth-child(6) {
  -webkit-transform: rotateX(-90deg) translateZ(18px);
  -ms-transform: rotateX(-90deg) translateZ(18px);
  -moz-transform: rotateX(-90deg) translateZ(18px);
  -o-transform: rotateX(-90deg) translateZ(18px);
  transform: rotateX(-90deg) translateZ(18px);
}
.outer:nth-child(30) .cube .side:nth-child(1) {
  background: rgba(255, 0, 38, 0.6);
  border: 2px solid rgba(255, 102, 125, 0.6);
}
.outer:nth-child(30) .cube .side:nth-child(2) {
  background: rgba(255, 0, 26, 0.6);
  border: 2px solid rgba(255, 102, 117, 0.6);
}
.outer:nth-child(30) .cube .side:nth-child(3) {
  background: rgba(255, 0, 13, 0.6);
  border: 2px solid rgba(255, 102, 110, 0.6);
}
.outer:nth-child(30) .cube .side:nth-child(4) {
  background: rgba(255, 0, 0, 0.6);
  border: 2px solid rgba(255, 102, 102, 0.6);
}
.outer:nth-child(30) .cube .side:nth-child(5) {
  background: rgba(255, 13, 0, 0.6);
  border: 2px solid rgba(255, 110, 102, 0.6);
}
.outer:nth-child(30) .cube .side:nth-child(6) {
  background: rgba(255, 26, 0, 0.6);
  border: 2px solid rgba(255, 117, 102, 0.6);
}

@-webkit-keyframes forward30 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-ms-keyframes forward30 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-moz-keyframes forward30 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@-o-keyframes forward30 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}
@keyframes forward30 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -ms-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -moz-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    -o-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
}