.shape_3d .cube>div {
    border: 5px solid #fff;
}

.shape_3d .abs-center {
    display: false;
    position: absolute;
    margin: false;
    top: 50%;
    left: 50%;
    right: false;
    bottom: false;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 88%
}

@media screen and (max-width:600px) {
    .shape_3d .container {
        transform: translate(-50%, -50%) scale(.55)
    }
}

.shape_3d .container {
    width: 100px;
    height: 100px;
    perspective: 6000px
}

.shape_3d .cube,
.shape_3d .cube div {
    position: absolute;
    width: 100%;
    height: 100%
}

.shape_3d .cube {
    transform-style: preserve-3d;
    transform: rotateX(-30deg) rotateY(45deg)
}

.shape_3d .cube.cube1 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(45px) translateY(45px) translateZ(-45px)
}

.shape_3d .cube.cube2 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(45px) translateZ(-45px)
}

.shape_3d .cube.cube3 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(45px) translateY(45px) translateZ(0)
}

.shape_3d .cube.cube4 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(-45px) translateY(45px) translateZ(-45px)
}

.shape_3d .cube.cube5 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(45px) translateZ(0)
}

.shape_3d .cube.cube6 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(45px) translateY(45px) translateZ(45px)
}

.shape_3d .cube.cube7 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(-45px) translateY(45px) translateZ(0)
}

.shape_3d .cube.cube8 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(45px) translateZ(45px)
}

.shape_3d .cube.cube9 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(-45px) translateY(45px) translateZ(45px)
}

.shape_3d .cube.cube10 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(45px) translateY(0) translateZ(-45px)
}

.shape_3d .cube.cube11 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(-45px)
}

.shape_3d .cube.cube12 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(45px) translateY(0) translateZ(0)
}

.shape_3d .cube.cube13 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(-45px) translateY(0) translateZ(-45px)
}

.shape_3d .cube.cube14 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(0)
}

.shape_3d .cube.cube15 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(45px) translateY(0) translateZ(45px)
}

.shape_3d .cube.cube16 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(-45px) translateY(0) translateZ(0)
}

.shape_3d .cube.cube17 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(45px)
}

.shape_3d .cube.cube18 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(-45px) translateY(0) translateZ(45px)
}

.shape_3d .cube.cube19 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(45px) translateY(-45px) translateZ(-45px)
}

.shape_3d .cube.cube20 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-45px) translateZ(-45px)
}

.shape_3d .cube.cube21 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(45px) translateY(-45px) translateZ(0)
}

.shape_3d .cube.cube22 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(-45px) translateY(-45px) translateZ(-45px)
}

.shape_3d .cube.cube23 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-45px) translateZ(0)
}

.shape_3d .cube.cube24 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(45px) translateY(-45px) translateZ(45px)
}

.shape_3d .cube.cube25 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(-45px) translateY(-45px) translateZ(0)
}

.shape_3d .cube.cube26 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-45px) translateZ(45px)
}

.shape_3d .cube.cube27 {
    transform: rotateX(-30deg) rotateY(45deg) translateX(-45px) translateY(-45px) translateZ(45px)
}

.shape_3d .cube:first-child {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation1
}

.shape_3d .cube:nth-child(2) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation2
}

.shape_3d .cube:nth-child(3) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation3
}

.shape_3d .cube:nth-child(4) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation4
}

.shape_3d .cube:nth-child(5) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation5
}

.shape_3d .cube:nth-child(6) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation6
}

.shape_3d .cube:nth-child(7) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation7
}

.shape_3d .cube:nth-child(8) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation8
}

.shape_3d .cube:nth-child(9) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation9
}

.shape_3d .cube:nth-child(10) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation10
}

.shape_3d .cube:nth-child(11) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation11
}

.shape_3d .cube:nth-child(12) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation12
}

.shape_3d .cube:nth-child(13) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation13
}

.shape_3d .cube:nth-child(14) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation14
}

.shape_3d .cube:nth-child(15) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation15
}

.shape_3d .cube:nth-child(16) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation16
}

.shape_3d .cube:nth-child(17) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation17
}

.shape_3d .cube:nth-child(18) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation18
}

.shape_3d .cube:nth-child(19) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation19
}

.shape_3d .cube:nth-child(20) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation20
}

.shape_3d .cube:nth-child(21) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation21
}

.shape_3d .cube:nth-child(22) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation22
}

.shape_3d .cube:nth-child(23) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation23
}

.shape_3d .cube:nth-child(24) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation24
}

.shape_3d .cube:nth-child(25) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation25
}

.shape_3d .cube:nth-child(26) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation26
}

.shape_3d .cube:nth-child(27) {
    animation: 3.5s cubic-bezier(.75, 0, .2, 1) infinite cubeAnimation27
}

.shape_3d .cube .front {
    transform: rotateY(0) translateZ(50px);
    background-color: #15DFB9
}

.shape_3d .cube .left {
    transform: rotateY(-90deg) translateZ(50px);
    background-color: #15DFB9
}

.shape_3d .cube .top {
    transform: rotateX(90deg) translateZ(50px);
    background-color: #15DFB9
}

@-moz-keyframes cubeAnimation1 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(-85px)
    }
}

@-webkit-keyframes cubeAnimation1 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(-85px)
    }
}

@-o-keyframes cubeAnimation1 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(-85px)
    }
}

@keyframes cubeAnimation1 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(-85px)
    }
}

@-moz-keyframes cubeAnimation2 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(-85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(-120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(-85px)
    }
}

@-webkit-keyframes cubeAnimation2 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(-85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(-120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(-85px)
    }
}

@-o-keyframes cubeAnimation2 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(-85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(-120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(-85px)
    }
}

@keyframes cubeAnimation2 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(-85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(-120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(-85px)
    }
}

@-moz-keyframes cubeAnimation3 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(0)
    }
}

@-webkit-keyframes cubeAnimation3 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(0)
    }
}

@-o-keyframes cubeAnimation3 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(0)
    }
}

@keyframes cubeAnimation3 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(0)
    }
}

@-moz-keyframes cubeAnimation4 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(-85px)
    }
}

@-webkit-keyframes cubeAnimation4 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(-85px)
    }
}

@-o-keyframes cubeAnimation4 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(-85px)
    }
}

@keyframes cubeAnimation4 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(-85px)
    }
}

@-moz-keyframes cubeAnimation5 {

    0%,
    100%,
    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(0)
    }

    50%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(0)
    }
}

@-webkit-keyframes cubeAnimation5 {

    0%,
    100%,
    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(0)
    }

    50%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(0)
    }
}

@-o-keyframes cubeAnimation5 {

    0%,
    100%,
    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(0)
    }

    50%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(0)
    }
}

@keyframes cubeAnimation5 {

    0%,
    100%,
    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(0)
    }

    50%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(0)
    }
}

@-moz-keyframes cubeAnimation6 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(85px)
    }
}

@-webkit-keyframes cubeAnimation6 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(85px)
    }
}

@-o-keyframes cubeAnimation6 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(85px)
    }
}

@keyframes cubeAnimation6 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(115px) translateZ(85px)
    }
}

@-moz-keyframes cubeAnimation7 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(0)
    }
}

@-webkit-keyframes cubeAnimation7 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(0)
    }
}

@-o-keyframes cubeAnimation7 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(0)
    }
}

@keyframes cubeAnimation7 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(0)
    }
}

@-moz-keyframes cubeAnimation8 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(85px)
    }
}

@-webkit-keyframes cubeAnimation8 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(85px)
    }
}

@-o-keyframes cubeAnimation8 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(85px)
    }
}

@keyframes cubeAnimation8 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(115px) translateZ(85px)
    }
}

@-moz-keyframes cubeAnimation9 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(85px)
    }
}

@-webkit-keyframes cubeAnimation9 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(85px)
    }
}

@-o-keyframes cubeAnimation9 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(85px)
    }
}

@keyframes cubeAnimation9 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(115px) translateZ(85px)
    }
}

@-moz-keyframes cubeAnimation10 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(-120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(-85px)
    }
}

@-webkit-keyframes cubeAnimation10 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(-120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(-85px)
    }
}

@-o-keyframes cubeAnimation10 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(-120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(-85px)
    }
}

@keyframes cubeAnimation10 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(-120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(-85px)
    }
}

@-moz-keyframes cubeAnimation11 {

    0%,
    100%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(-85px)
    }

    16.666%,
    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(-120px)
    }
}

@-webkit-keyframes cubeAnimation11 {

    0%,
    100%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(-85px)
    }

    16.666%,
    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(-120px)
    }
}

@-o-keyframes cubeAnimation11 {

    0%,
    100%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(-85px)
    }

    16.666%,
    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(-120px)
    }
}

@keyframes cubeAnimation11 {

    0%,
    100%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(-85px)
    }

    16.666%,
    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(-120px)
    }
}

@-moz-keyframes cubeAnimation12 {

    0%,
    100%,
    16.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(0)
    }

    33.333%,
    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(0)
    }
}

@-webkit-keyframes cubeAnimation12 {

    0%,
    100%,
    16.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(0)
    }

    33.333%,
    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(0)
    }
}

@-o-keyframes cubeAnimation12 {

    0%,
    100%,
    16.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(0)
    }

    33.333%,
    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(0)
    }
}

@keyframes cubeAnimation12 {

    0%,
    100%,
    16.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(0)
    }

    33.333%,
    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(0)
    }
}

@-moz-keyframes cubeAnimation13 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(-120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(-85px)
    }
}

@-webkit-keyframes cubeAnimation13 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(-120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(-85px)
    }
}

@-o-keyframes cubeAnimation13 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(-120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(-85px)
    }
}

@keyframes cubeAnimation13 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(-120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(-85px)
    }
}

@-moz-keyframes cubeAnimation15 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(85px)
    }
}

@-webkit-keyframes cubeAnimation15 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(85px)
    }
}

@-o-keyframes cubeAnimation15 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(85px)
    }
}

@keyframes cubeAnimation15 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(0) translateZ(120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(0) translateZ(85px)
    }
}

@-moz-keyframes cubeAnimation16 {

    0%,
    100%,
    16.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(0)
    }

    33.333%,
    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(0)
    }
}

@-webkit-keyframes cubeAnimation16 {

    0%,
    100%,
    16.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(0)
    }

    33.333%,
    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(0)
    }
}

@-o-keyframes cubeAnimation16 {

    0%,
    100%,
    16.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(0)
    }

    33.333%,
    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(0)
    }
}

@keyframes cubeAnimation16 {

    0%,
    100%,
    16.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(0)
    }

    33.333%,
    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(0)
    }
}

@-moz-keyframes cubeAnimation17 {

    0%,
    100%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(85px)
    }

    16.666%,
    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(120px)
    }
}

@-webkit-keyframes cubeAnimation17 {

    0%,
    100%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(85px)
    }

    16.666%,
    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(120px)
    }
}

@-o-keyframes cubeAnimation17 {

    0%,
    100%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(85px)
    }

    16.666%,
    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(120px)
    }
}

@keyframes cubeAnimation17 {

    0%,
    100%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(85px)
    }

    16.666%,
    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(0) translateZ(120px)
    }
}

@-moz-keyframes cubeAnimation18 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(85px)
    }
}

@-webkit-keyframes cubeAnimation18 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(85px)
    }
}

@-o-keyframes cubeAnimation18 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(85px)
    }
}

@keyframes cubeAnimation18 {

    0%,
    100%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(0) translateZ(120px)
    }

    33.333%,
    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(0) translateZ(85px)
    }
}

@-moz-keyframes cubeAnimation19 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(-85px)
    }
}

@-webkit-keyframes cubeAnimation19 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(-85px)
    }
}

@-o-keyframes cubeAnimation19 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(-85px)
    }
}

@keyframes cubeAnimation19 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(-85px)
    }
}

@-moz-keyframes cubeAnimation20 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(-85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(-120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(-85px)
    }
}

@-webkit-keyframes cubeAnimation20 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(-85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(-120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(-85px)
    }
}

@-o-keyframes cubeAnimation20 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(-85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(-120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(-85px)
    }
}

@keyframes cubeAnimation20 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(-85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(-120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(-85px)
    }
}

@-moz-keyframes cubeAnimation21 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(0)
    }
}

@-webkit-keyframes cubeAnimation21 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(0)
    }
}

@-o-keyframes cubeAnimation21 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(0)
    }
}

@keyframes cubeAnimation21 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(0)
    }
}

@-moz-keyframes cubeAnimation22 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(-85px)
    }
}

@-webkit-keyframes cubeAnimation22 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(-85px)
    }
}

@-o-keyframes cubeAnimation22 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(-85px)
    }
}

@keyframes cubeAnimation22 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(-85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(-120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(-120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(-120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(-85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(-85px)
    }
}

@-moz-keyframes cubeAnimation23 {

    0%,
    100%,
    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(0)
    }

    50%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(0)
    }
}

@-webkit-keyframes cubeAnimation23 {

    0%,
    100%,
    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(0)
    }

    50%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(0)
    }
}

@-o-keyframes cubeAnimation23 {

    0%,
    100%,
    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(0)
    }

    50%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(0)
    }
}

@keyframes cubeAnimation23 {

    0%,
    100%,
    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(0)
    }

    50%,
    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(0)
    }
}

@-moz-keyframes cubeAnimation24 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(85px)
    }
}

@-webkit-keyframes cubeAnimation24 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(85px)
    }
}

@-o-keyframes cubeAnimation24 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(85px)
    }
}

@keyframes cubeAnimation24 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(120px) translateY(-115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(85px) translateY(-115px) translateZ(85px)
    }
}

@-moz-keyframes cubeAnimation25 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(0)
    }
}

@-webkit-keyframes cubeAnimation25 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(0)
    }
}

@-o-keyframes cubeAnimation25 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(0)
    }
}

@keyframes cubeAnimation25 {

    0%,
    100%,
    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(0)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(0)
    }

    50%,
    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(0)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(0)
    }
}

@-moz-keyframes cubeAnimation26 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(85px)
    }
}

@-webkit-keyframes cubeAnimation26 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(85px)
    }
}

@-o-keyframes cubeAnimation26 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(85px)
    }
}

@keyframes cubeAnimation26 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(85px)
    }

    16.666%,
    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(120px)
    }

    66.666%,
    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(0) translateY(-115px) translateZ(85px)
    }
}

@-moz-keyframes cubeAnimation27 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(85px)
    }
}

@-webkit-keyframes cubeAnimation27 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(85px)
    }
}

@-o-keyframes cubeAnimation27 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(85px)
    }
}

@keyframes cubeAnimation27 {

    0%,
    100% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(85px)
    }

    16.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-85px) translateZ(120px)
    }

    33.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-85px) translateZ(120px)
    }

    50% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(120px)
    }

    66.666% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-120px) translateY(-115px) translateZ(85px)
    }

    83.333% {
        transform: rotateX(-30deg) rotateY(45deg) translateX(-85px) translateY(-115px) translateZ(85px)
    }
}