@-webkit-keyframes rubiks-cube {
    100% {
      -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
              transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } }
  
  @keyframes rubiks-cube {
    100% {
      -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
              transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } }
  
  .reflection {
    left: 0;
    margin-top: 180px;
    opacity: 0.15;
    position: absolute;
    top: 100%;
    -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
            transform: scaleY(-1);
    z-index: -1; }
    .reflection::after {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, white), to(rgba(255, 255, 255, 0)));
      background: -o-linear-gradient(white 90%, rgba(255, 255, 255, 0));
      background: linear-gradient(white 90%, rgba(255, 255, 255, 0));
      bottom: 0;
      content: '';
      height: 200%;
      left: -50%;
      position: absolute;
      width: 200%; }
  
  .rubiks-cube-1 {
    /* -webkit-transform-style: preserve-3d; */
            transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -90px;
        -ms-transform-origin: 50% 50% -90px;
            transform-origin: 50% 50% -90px;
    width: 270px;
    height: 270px; 
    -webkit-perspective: 30000;
    }
    .rubiks-cube-1 .detail {
      position: relative;
      width: 90px;
      height: 90px;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      position: absolute;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-direction: alternate;
              animation-direction: alternate;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear; 
    }
    .rubiks-cube-1 .detail img{
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-direction: alternate;
              animation-direction: alternate;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear; 
    }
    .rubiks-cube-1:hover  .detail img,
    .rubiks-cube-1:hover .detail{
      /* -webkit-animation-play-state: paused; */
              /* animation-play-state: paused; */
  
    }
      .rubiks-cube-1 .detail .side {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; 
        background: #fff !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }
      .rubiks-cube-1 .detail .side img{
        max-width: 60%;
      }
        .rubiks-cube-1 .detail .side.front {
          -webkit-transform: translateZ(45px);
                  transform: translateZ(45px); 
        }
        .rubiks-cube-1 .detail .side.back {
          -webkit-transform: translateZ(-45px) rotateY(180deg);
                  transform: translateZ(-45px) rotateY(180deg); 
        }
        .rubiks-cube-1 .detail .side.top {
          -webkit-transform: translateY(-50%) rotateX(90deg);
                  transform: translateY(-50%) rotateX(90deg); 
        }
        .rubiks-cube-1 .detail .side.bottom {
          -webkit-transform: translateY(50%) rotateX(-90deg);
                  transform: translateY(50%) rotateX(-90deg); 
        }
        .rubiks-cube-1 .detail .side.left {
          -webkit-transform: translateX(-50%) rotateY(-90deg);
                  transform: translateX(-50%) rotateY(-90deg); 
        }
        .rubiks-cube-1 .detail .side.right {
          -webkit-transform: translateX(50%) rotateY(90deg);
                  transform: translateX(50%) rotateY(90deg); 
        }
      .rubiks-cube-1 .detail:nth-child(1) {
        margin-top: 0px;
        margin-left: 0px;
        -webkit-transform-origin: 150% 150% -90px;
            -ms-transform-origin: 150% 150% -90px;
                transform-origin: 150% 150% -90px;
        -webkit-transform: translateZ(0px);
                transform: translateZ(0px); }
      .rubiks-cube-1 .detail:nth-child(2) {
        margin-top: 0px;
        margin-left: 90px;
        -webkit-transform-origin: 50% 150% -90px;
            -ms-transform-origin: 50% 150% -90px;
                transform-origin: 50% 150% -90px;
        -webkit-transform: translateZ(0px);
                transform: translateZ(0px); }
      .rubiks-cube-1 .detail:nth-child(3) {
        margin-top: 0px;
        margin-left: 180px;
        -webkit-transform-origin: -50% 150% -90px;
            -ms-transform-origin: -50% 150% -90px;
                transform-origin: -50% 150% -90px;
        -webkit-transform: translateZ(0px);
                transform: translateZ(0px); }
      .rubiks-cube-1 .detail:nth-child(4) {
        margin-top: 0px;
        margin-left: 0px;
        -webkit-transform-origin: 150% 150% 0;
            -ms-transform-origin: 150% 150% 0;
                transform-origin: 150% 150% 0;
        -webkit-transform: translateZ(-90px);
                transform: translateZ(-90px); }
      .rubiks-cube-1 .detail:nth-child(5) {
        margin-top: 0px;
        margin-left: 90px;
        -webkit-transform-origin: 50% 150% 0;
            -ms-transform-origin: 50% 150% 0;
                transform-origin: 50% 150% 0;
        -webkit-transform: translateZ(-90px);
                transform: translateZ(-90px); }
      .rubiks-cube-1 .detail:nth-child(6) {
        margin-top: 0px;
        margin-left: 180px;
        -webkit-transform-origin: -50% 150% 0;
            -ms-transform-origin: -50% 150% 0;
                transform-origin: -50% 150% 0;
        -webkit-transform: translateZ(-90px);
                transform: translateZ(-90px); }
      .rubiks-cube-1 .detail:nth-child(7) {
        margin-top: 0px;
        margin-left: 0px;
        -webkit-transform-origin: 150% 150% 90px;
            -ms-transform-origin: 150% 150% 90px;
                transform-origin: 150% 150% 90px;
        -webkit-transform: translateZ(-180px);
                transform: translateZ(-180px); }
      .rubiks-cube-1 .detail:nth-child(8) {
        margin-top: 0px;
        margin-left: 90px;
        -webkit-transform-origin: 50% 150% 90px;
            -ms-transform-origin: 50% 150% 90px;
                transform-origin: 50% 150% 90px;
        -webkit-transform: translateZ(-180px);
                transform: translateZ(-180px); }
      .rubiks-cube-1 .detail:nth-child(9) {
        margin-top: 0px;
        margin-left: 180px;
        -webkit-transform-origin: -50% 150% 90px;
            -ms-transform-origin: -50% 150% 90px;
                transform-origin: -50% 150% 90px;
        -webkit-transform: translateZ(-180px);
                transform: translateZ(-180px); 
        }
      .rubiks-cube-1 .detail:nth-child(10) {
        margin-top: 90px;
        margin-left: 0px;
        -webkit-transform-origin: 150% 50% -90px;
            -ms-transform-origin: 150% 50% -90px;
                transform-origin: 150% 50% -90px;
        -webkit-transform: translateZ(0px);
                transform: translateZ(0px); }
      .rubiks-cube-1 .detail:nth-child(11) {
        margin-top: 90px;
        margin-left: 90px;
        -webkit-transform-origin: 50% 50% -90px;
            -ms-transform-origin: 50% 50% -90px;
                transform-origin: 50% 50% -90px;
        -webkit-transform: translateZ(0px);
                transform: translateZ(0px); }
      .rubiks-cube-1 .detail:nth-child(12) {
        margin-top: 90px;
        margin-left: 180px;
        -webkit-transform-origin: -50% 50% -90px;
            -ms-transform-origin: -50% 50% -90px;
                transform-origin: -50% 50% -90px;
        -webkit-transform: translateZ(0px);
                transform: translateZ(0px); }
      .rubiks-cube-1 .detail:nth-child(13) {
        margin-top: 90px;
        margin-left: 0px;
        -webkit-transform-origin: 150% 50% 0;
            -ms-transform-origin: 150% 50% 0;
                transform-origin: 150% 50% 0;
        -webkit-transform: translateZ(-90px);
                transform: translateZ(-90px); }
      .rubiks-cube-1 .detail:nth-child(14) {
        margin-top: 90px;
        margin-left: 90px;
        -webkit-transform-origin: 50% 50% 0;
            -ms-transform-origin: 50% 50% 0;
                transform-origin: 50% 50% 0;
        -webkit-transform: translateZ(-90px);
                transform: translateZ(-90px); }
      .rubiks-cube-1 .detail:nth-child(15) {
        margin-top: 90px;
        margin-left: 180px;
        -webkit-transform-origin: -50% 50% 0;
            -ms-transform-origin: -50% 50% 0;
                transform-origin: -50% 50% 0;
        -webkit-transform: translateZ(-90px);
                transform: translateZ(-90px); }
      .rubiks-cube-1 .detail:nth-child(16) {
        margin-top: 90px;
        margin-left: 0px;
        -webkit-transform-origin: 150% 50% 90px;
            -ms-transform-origin: 150% 50% 90px;
                transform-origin: 150% 50% 90px;
        -webkit-transform: translateZ(-180px);
                transform: translateZ(-180px); }
      .rubiks-cube-1 .detail:nth-child(17) {
        margin-top: 90px;
        margin-left: 90px;
        -webkit-transform-origin: 50% 50% 90px;
            -ms-transform-origin: 50% 50% 90px;
                transform-origin: 50% 50% 90px;
        -webkit-transform: translateZ(-180px);
                transform: translateZ(-180px); }
      .rubiks-cube-1 .detail:nth-child(18) {
        margin-top: 90px;
        margin-left: 180px;
        -webkit-transform-origin: -50% 50% 90px;
            -ms-transform-origin: -50% 50% 90px;
                transform-origin: -50% 50% 90px;
        -webkit-transform: translateZ(-180px);
                transform: translateZ(-180px); }
      .rubiks-cube-1 .detail:nth-child(19) {
        margin-top: 180px;
        margin-left: 0px;
        -webkit-transform-origin: 150% -50% -90px;
            -ms-transform-origin: 150% -50% -90px;
                transform-origin: 150% -50% -90px;
        -webkit-transform: translateZ(0px);
                transform: translateZ(0px); }
      .rubiks-cube-1 .detail:nth-child(20) {
        margin-top: 180px;
        margin-left: 90px;
        -webkit-transform-origin: 50% -50% -90px;
            -ms-transform-origin: 50% -50% -90px;
                transform-origin: 50% -50% -90px;
        -webkit-transform: translateZ(0px);
                transform: translateZ(0px); }
      .rubiks-cube-1 .detail:nth-child(21) {
        margin-top: 180px;
        margin-left: 180px;
        -webkit-transform-origin: -50% -50% -90px;
            -ms-transform-origin: -50% -50% -90px;
                transform-origin: -50% -50% -90px;
        -webkit-transform: translateZ(0px);
                transform: translateZ(0px); }
      .rubiks-cube-1 .detail:nth-child(22) {
        margin-top: 180px;
        margin-left: 0px;
        -webkit-transform-origin: 150% -50% 0;
            -ms-transform-origin: 150% -50% 0;
                transform-origin: 150% -50% 0;
        -webkit-transform: translateZ(-90px);
                transform: translateZ(-90px); }
      .rubiks-cube-1 .detail:nth-child(23) {
        margin-top: 180px;
        margin-left: 90px;
        -webkit-transform-origin: 50% -50% 0;
            -ms-transform-origin: 50% -50% 0;
                transform-origin: 50% -50% 0;
        -webkit-transform: translateZ(-90px);
                transform: translateZ(-90px); }
      .rubiks-cube-1 .detail:nth-child(24) {
        margin-top: 180px;
        margin-left: 180px;
        -webkit-transform-origin: -50% -50% 0;
            -ms-transform-origin: -50% -50% 0;
                transform-origin: -50% -50% 0;
        -webkit-transform: translateZ(-90px);
                transform: translateZ(-90px); }
      .rubiks-cube-1 .detail:nth-child(25) {
        margin-top: 180px;
        margin-left: 0px;
        -webkit-transform-origin: 150% -50% 90px;
            -ms-transform-origin: 150% -50% 90px;
                transform-origin: 150% -50% 90px;
        -webkit-transform: translateZ(-180px);
                transform: translateZ(-180px); }
      .rubiks-cube-1 .detail:nth-child(26) {
        margin-top: 180px;
        margin-left: 90px;
        -webkit-transform-origin: 50% -50% 90px;
            -ms-transform-origin: 50% -50% 90px;
                transform-origin: 50% -50% 90px;
        -webkit-transform: translateZ(-180px);
                transform: translateZ(-180px); }
      .rubiks-cube-1 .detail:nth-child(27) {
        margin-top: 180px;
        margin-left: 180px;
        -webkit-transform-origin: -50% -50% 90px;
            -ms-transform-origin: -50% -50% 90px;
                transform-origin: -50% -50% 90px;
        -webkit-transform: translateZ(-180px);
                transform: translateZ(-180px); }
      .rubiks-cube-1 .detail .side {
        border: 2px solid #e5efff;
        background-color: #fff !important; 
        background-repeat: no-repeat;
        background-size: 70%;
         background-position: center;
      }
      .rubiks-cube-1 .detail:nth-child(7) .top {
        background-color: #095fad; }
      .rubiks-cube-1 .detail:nth-child(8) .top {
        background-color: #095fad; }
      .rubiks-cube-1 .detail:nth-child(9) .top {
        background-color: #095fad; 
      }
      .rubiks-cube-1 .detail:nth-child(9) .top img {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
      }
      .rubiks-cube-1 .detail:nth-child(6) .top {
        background-color: #095fad; }
      .rubiks-cube-1 .detail:nth-child(3) .top {
        background-color: #095fad; }
      .rubiks-cube-1 .detail:nth-child(2) .top {
        background-color: #095fad; }
      .rubiks-cube-1 .detail:nth-child(1) .top {
        background-color: #095fad; }
      .rubiks-cube-1 .detail:nth-child(4) .top {
        background-color: #095fad; }
      .rubiks-cube-1 .detail:nth-child(5) .top {
        background-color: #095fad; }
        .rubiks-cube-1 .detail:nth-child(5) .top img{
          -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
                  transform: rotate(90deg);
        }
      .rubiks-cube-1 .detail:nth-child(25) .bottom {
        background-color: #f58220; }
      .rubiks-cube-1 .detail:nth-child(26) .bottom {
        background-color: #f58220; }
      .rubiks-cube-1 .detail:nth-child(27) .bottom {
        background-color: #f58220; }
      .rubiks-cube-1 .detail:nth-child(24) .bottom {
        background-color: #f58220; }
      .rubiks-cube-1 .detail:nth-child(21) .bottom {
        background-color: #f58220; }
      .rubiks-cube-1 .detail:nth-child(20) .bottom {
        background-color: #f58220; }
      .rubiks-cube-1 .detail:nth-child(19) .bottom {
        background-color: #f58220; }
      .rubiks-cube-1 .detail:nth-child(22) .bottom {
        background-color: #f58220; }
      .rubiks-cube-1 .detail:nth-child(23) .bottom {
        background-color: #f58220; }
      .rubiks-cube-1 .detail:nth-child(1) .left {
        background-color: #fee208; }
      .rubiks-cube-1 .detail:nth-child(4) .left {
        background-color: #fee208; }
      .rubiks-cube-1 .detail:nth-child(7) .left {
        background-color: #fee208; }
      .rubiks-cube-1 .detail:nth-child(16) .left {
        background-color: #fee208; }
      .rubiks-cube-1 .detail:nth-child(25) .left {
        background-color: #fee208; }
      .rubiks-cube-1 .detail:nth-child(22) .left {
        background-color: #fee208; }
      .rubiks-cube-1 .detail:nth-child(19) .left {
        background-color: #fee208; }
      .rubiks-cube-1 .detail:nth-child(10) .left {
        background-color: #fee208; }
      .rubiks-cube-1 .detail:nth-child(13) .left {
        background-color: #fee208; }
      .rubiks-cube-1 .detail:nth-child(3) .right {
        background-color: #ec1e35; }
      .rubiks-cube-1 .detail:nth-child(6) .right {
        background-color: #ec1e35; }
      .rubiks-cube-1 .detail:nth-child(9) .right {
        background-color: #ec1e35; }
      .rubiks-cube-1 .detail:nth-child(18) .right {
        background-color: #ec1e35; 
      }
      .rubiks-cube-1 .detail:nth-child(18) .right img {
        -webkit-transform: rotate(-91deg);
            -ms-transform: rotate(-91deg);
                transform: rotate(-91deg);
      }
      .rubiks-cube-1 .detail:nth-child(27) .right {
        background-color: #ec1e35; 
      }
      .rubiks-cube-1 .detail:nth-child(27) .right img{
        -webkit-transform: rotate(-91deg);
            -ms-transform: rotate(-91deg);
                transform: rotate(-91deg);
      }
      .rubiks-cube-1 .detail:nth-child(24) .right {
        background-color: #ec1e35; }
      .rubiks-cube-1 .detail:nth-child(21) .right {
        background-color: #ec1e35; }
      .rubiks-cube-1 .detail:nth-child(12) .right {
        background-color: #ec1e35; }
      .rubiks-cube-1 .detail:nth-child(15) .right {
        background-color: #ec1e35; }
      .rubiks-cube-1 .detail:nth-child(1) .front {
        background-color: #01af4d; }
      .rubiks-cube-1 .detail:nth-child(2) .front {
        background-color: #01af4d; }
      .rubiks-cube-1 .detail:nth-child(3) .front {
        background-color: #01af4d; }
      .rubiks-cube-1 .detail:nth-child(12) .front {
        background-color: #01af4d; }
      .rubiks-cube-1 .detail:nth-child(21) .front {
        background-color: #01af4d; }
      .rubiks-cube-1 .detail:nth-child(20) .front {
        background-color: #01af4d; 
      }
      .rubiks-cube-1 .detail:nth-child(19) .front {
        background-color: #01af4d; 
      }
      .rubiks-cube-1 .detail:nth-child(10) .front {
        background-color: #01af4d; }
      .rubiks-cube-1 .detail:nth-child(11) .front {
        background-color: #01af4d; }
      .rubiks-cube-1 .detail:nth-child(7) .back {
        background-color: #fff; }
      .rubiks-cube-1 .detail:nth-child(8) .back {
        background-color: #fff; }
      .rubiks-cube-1 .detail:nth-child(9) .back {
        background-color: #fff; }
      .rubiks-cube-1 .detail:nth-child(18) .back {
        background-color: #fff; }
      .rubiks-cube-1 .detail:nth-child(27) .back {
        background-color: #fff; }
      .rubiks-cube-1 .detail:nth-child(26) .back {
        background-color: #fff; }
      .rubiks-cube-1 .detail:nth-child(25) .back {
        background-color: #fff; }
      .rubiks-cube-1 .detail:nth-child(16) .back {
        background-color: #fff; }
      .rubiks-cube-1 .detail:nth-child(17) .back {
        background-color: #fff; }
  
  .rubiks-cube-1 .detail:nth-child(1) {
    -webkit-animation-name: rubiks-cube-1-detail-1;
            animation-name: rubiks-cube-1-detail-1;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; }
  
  @-webkit-keyframes rubiks-cube-1-detail-1 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); 
    }
    10% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); 
    }
    15% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    20% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    25% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    30% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    35% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); 
    }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); 
    }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg); 
    }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); 
    }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); 
    }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); 
    }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); 
    }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); 
    }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); 
    }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); 
    }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); 
    } 
  }
  
  @keyframes rubiks-cube-1-detail-1 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); 
    }
    10% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); 
    }
    15% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    20% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    25% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    30% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    35% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); 
    }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); 
    }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); 
    }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg); 
    }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); 
    }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); 
    }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); 
    }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); 
    }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); 
    }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); 
    }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); 
    }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); 
    } 
  }
  
  .rubiks-cube-1 .detail:nth-child(2) {
    -webkit-animation-name: rubiks-cube-1-detail-2;
            animation-name: rubiks-cube-1-detail-2;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; }
  
  @-webkit-keyframes rubiks-cube-1-detail-2 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    25% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg); } }
  
  @keyframes rubiks-cube-1-detail-2 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    25% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(-90deg) rotateY(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(3) {
    -webkit-animation-name: rubiks-cube-1-detail-3;
            animation-name: rubiks-cube-1-detail-3;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(3) .right img{
    -webkit-animation-name: rubiks-cube-1-detail-3-img-right;
            animation-name: rubiks-cube-1-detail-3-img-right;
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
  }
  @-webkit-keyframes rubiks-cube-1-detail-3-img-right{
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    85% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-3-img-right{
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    85% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-3 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    25% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); } }
  @keyframes rubiks-cube-1-detail-3 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    25% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(4) {
    -webkit-animation-name: rubiks-cube-1-detail-4;
            animation-name: rubiks-cube-1-detail-4;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(4) .top img{
    -webkit-animation-name: rubiks-cube-1-detail-4-img-top;
            animation-name: rubiks-cube-1-detail-4-img-top;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(4) .left img{
    -webkit-animation-name: rubiks-cube-1-detail-4-img-left;
            animation-name: rubiks-cube-1-detail-4-img-left;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-4-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-4-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-4-img-top {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    }
    50% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    55% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    60% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    65% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    70% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);}
    75% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-4-img-top {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    }
    50% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    55% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    60% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    65% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    70% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);}
    75% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-4 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    20% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); } }
  @keyframes rubiks-cube-1-detail-4 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    20% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(5) {
    -webkit-animation-name: rubiks-cube-1-detail-5;
            animation-name: rubiks-cube-1-detail-5;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; }
  
  @-webkit-keyframes rubiks-cube-1-detail-5 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); } }
  
  @keyframes rubiks-cube-1-detail-5 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(6) {
    -webkit-animation-name: rubiks-cube-1-detail-6;
            animation-name: rubiks-cube-1-detail-6;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(6) .right img{
    -webkit-animation-name: rubiks-cube-1-detail-6-img-right;
            animation-name: rubiks-cube-1-detail-6-img-right;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-6-img-right {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    85% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-6-img-right {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    85% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-6 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); } }
  @keyframes rubiks-cube-1-detail-6 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(7) {
    -webkit-animation-name: rubiks-cube-1-detail-7;
            animation-name: rubiks-cube-1-detail-7;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(7) .top img{
    -webkit-animation-name: rubiks-cube-1-detail-7-img-top;
            animation-name: rubiks-cube-1-detail-7-img-top;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(7) .left img{
    -webkit-animation-name: rubiks-cube-1-detail-7-img-left;
            animation-name: rubiks-cube-1-detail-7-img-left;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-7-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-7-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-7-img-top {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    }
    50% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    55% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    60% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    65% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    70% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);}
    75% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-7-img-top {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    }
    50% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    55% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    60% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    65% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    70% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);}
    75% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-7 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); } }
  @keyframes rubiks-cube-1-detail-7 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(8) {
    -webkit-animation-name: rubiks-cube-1-detail-8;
            animation-name: rubiks-cube-1-detail-8;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(8) .top img{
    -webkit-animation-name: rubiks-cube-1-detail-8-img;
            animation-name: rubiks-cube-1-detail-8-img;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-8-img {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    }
    50% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    55% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    60% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    65% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    70% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);}
    75% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-8-img {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    }
    50% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    55% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    60% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    65% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
     }
    70% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);}
    75% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-8 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); } }
  @keyframes rubiks-cube-1-detail-8 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(9) {
    -webkit-animation-name: rubiks-cube-1-detail-9;
            animation-name: rubiks-cube-1-detail-9;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(9) .right img {
    -webkit-animation-name: rubiks-cube-1-detail-9-img-right;
            animation-name: rubiks-cube-1-detail-9-img-right;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(9) .back img {
    -webkit-animation-name: rubiks-cube-1-detail-9-img-back;
            animation-name: rubiks-cube-1-detail-9-img-back;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  
  @-webkit-keyframes rubiks-cube-1-detail-9-img-back {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  
  @keyframes rubiks-cube-1-detail-9-img-back {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-9-img-right {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-9-img-right {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  
  @-webkit-keyframes rubiks-cube-1-detail-9 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); } }
  
  @keyframes rubiks-cube-1-detail-9 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    15% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(10) {
    -webkit-animation-name: rubiks-cube-1-detail-10;
            animation-name: rubiks-cube-1-detail-10;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(10) .front img{
    -webkit-animation-name: rubiks-cube-1-detail-10-img-front;
            animation-name: rubiks-cube-1-detail-10-img-front;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  
  }
  @-webkit-keyframes rubiks-cube-1-detail-10-img-front {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-10-img-front {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-10 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg); } }
  @keyframes rubiks-cube-1-detail-10 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg) rotateX(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(11) {
    -webkit-animation-name: rubiks-cube-1-detail-11;
            animation-name: rubiks-cube-1-detail-11;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(11) .front img{
    -webkit-animation-name: rubiks-cube-1-detail-11-img-front;
            animation-name: rubiks-cube-1-detail-11-img-front;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-11-img-front {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    95% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-11-img-front {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    95% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-11 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    25% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg); } }
  @keyframes rubiks-cube-1-detail-11 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    25% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateZ(-90deg) rotateY(90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(12) {
    -webkit-animation-name: rubiks-cube-1-detail-12;
            animation-name: rubiks-cube-1-detail-12;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(12) .right img{
    -webkit-animation-name: rubiks-cube-1-detail-12-img;
            animation-name: rubiks-cube-1-detail-12-img;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-12-img {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-12-img {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-12 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    25% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateZ(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateZ(90deg); } }
  @keyframes rubiks-cube-1-detail-12 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    25% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateZ(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateZ(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(13) {
    -webkit-animation-name: rubiks-cube-1-detail-13;
            animation-name: rubiks-cube-1-detail-13;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; }
  
  @-webkit-keyframes rubiks-cube-1-detail-13 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); } }
  
  @keyframes rubiks-cube-1-detail-13 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(14) {
    -webkit-animation-name: rubiks-cube-1-detail-14;
            animation-name: rubiks-cube-1-detail-14;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; }
  
  @-webkit-keyframes rubiks-cube-1-detail-14 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    25% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); } }
  
  @keyframes rubiks-cube-1-detail-14 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    25% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(15) {
    -webkit-animation-name: rubiks-cube-1-detail-15;
            animation-name: rubiks-cube-1-detail-15;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; }
  
  @-webkit-keyframes rubiks-cube-1-detail-15 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    25% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateX(90deg); } }
  
  @keyframes rubiks-cube-1-detail-15 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    25% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg);
              transform: translateZ(-90px) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateY(-90deg) rotateZ(-90deg) rotateX(90deg) rotateZ(-90deg) rotateX(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(16) {
    -webkit-animation-name: rubiks-cube-1-detail-16;
            animation-name: rubiks-cube-1-detail-16;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(16) .left img{
    -webkit-animation-name: rubiks-cube-1-detail-16-img-left;
            animation-name: rubiks-cube-1-detail-16-img-left;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-16-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-16-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-16 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); } }
  @keyframes rubiks-cube-1-detail-16 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(17) {
    -webkit-animation-name: rubiks-cube-1-detail-17;
            animation-name: rubiks-cube-1-detail-17;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(17)  .back img{
    -webkit-animation-name: rubiks-cube-1-detail-17-img;
            animation-name: rubiks-cube-1-detail-17-img;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-17-img {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-17-img {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-17 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); } }
  @keyframes rubiks-cube-1-detail-17 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg) rotateX(90deg) rotateY(-90deg) rotateX(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(18) {
    -webkit-animation-name: rubiks-cube-1-detail-18;
            animation-name: rubiks-cube-1-detail-18;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; }
  
  @-webkit-keyframes rubiks-cube-1-detail-18 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); } }
  
  @keyframes rubiks-cube-1-detail-18 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(19) {
    -webkit-animation-name: rubiks-cube-1-detail-19;
            animation-name: rubiks-cube-1-detail-19;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(19) .front img{
    -webkit-animation-name: rubiks-cube-1-detail-19-img-front;
            animation-name: rubiks-cube-1-detail-19-img-front;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(19) .left img{
    -webkit-animation-name: rubiks-cube-1-detail-19-img-left;
            animation-name: rubiks-cube-1-detail-19-img-left;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-19-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(00deg);
              transform: rotate(00deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-19-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(00deg);
              transform: rotate(00deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-19-img-front {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(00deg);
              transform: rotate(00deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
    60% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
     }
    65% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
     }
    70% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);}
    75% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    80% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    85% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    90% {
      -webkit-transform: rotate(-270deg);
              transform: rotate(-270deg); }
    95% {
      -webkit-transform: rotate(-270deg);
              transform: rotate(-270deg); }
    100% {
      -webkit-transform: rotate(-320deg);
              transform: rotate(-320deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-19-img-front {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(00deg);
              transform: rotate(00deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
    60% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
     }
    65% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
     }
    70% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);}
    75% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    80% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    85% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    90% {
      -webkit-transform: rotate(-270deg);
              transform: rotate(-270deg); }
    95% {
      -webkit-transform: rotate(-270deg);
              transform: rotate(-270deg); }
    100% {
      -webkit-transform: rotate(-320deg);
              transform: rotate(-320deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-19 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); } }
  @keyframes rubiks-cube-1-detail-19 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    30% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(20) {
    -webkit-animation-name: rubiks-cube-1-detail-20;
            animation-name: rubiks-cube-1-detail-20;
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
   }
    .rubiks-cube-1 .detail:nth-child(20) .bottom img{
      -webkit-animation-name: rubiks-cube-1-detail-20-img-bottom;
              animation-name: rubiks-cube-1-detail-20-img-bottom;
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
    }
    .rubiks-cube-1 .detail:nth-child(20) .front img{
      -webkit-animation-name: rubiks-cube-1-detail-20-img-front;
              animation-name: rubiks-cube-1-detail-20-img-front;
      -webkit-animation-duration: 16s;
              animation-duration: 16s;
    }
  @-webkit-keyframes rubiks-cube-1-detail-20-img-front {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
    60% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
     }
    65% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
     }
    70% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);}
    75% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    80% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    85% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    90% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    95% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-20-img-front {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
    60% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
     }
    65% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
     }
    70% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);}
    75% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    80% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    85% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    90% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    95% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-20-img-bottom {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-20-img-bottom {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-20 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    25% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    30% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    35% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg); }
     }
  @keyframes rubiks-cube-1-detail-20 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    25% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    30% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    35% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(0px) rotateX(90deg);
              transform: translateZ(0px) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg);
              transform: translateZ(0px) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateY(90deg) rotateX(-90deg); }
     }
  
  .rubiks-cube-1 .detail:nth-child(21) {
    -webkit-animation-name: rubiks-cube-1-detail-21;
            animation-name: rubiks-cube-1-detail-21;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(21) .right img{
    -webkit-animation-name: rubiks-cube-1-detail-21-img;
            animation-name: rubiks-cube-1-detail-21-img;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
    /* transform: rotate(-90deg); */
  }
  @-webkit-keyframes rubiks-cube-1-detail-21-img {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-21-img {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    }
    50% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    55% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
    }
    60% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    65% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
     }
    70% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);}
    75% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    80% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    85% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-21 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    25% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    30% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    35% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); } }
  @keyframes rubiks-cube-1-detail-21 {
    5% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    10% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    15% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    20% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    25% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    30% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    35% {
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
    40% {
      -webkit-transform: translateZ(0px) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg); }
    45% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg); }
    55% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    75% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    80% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    85% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    100% {
      -webkit-transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(0px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(22) {
    -webkit-animation-name: rubiks-cube-1-detail-22;
            animation-name: rubiks-cube-1-detail-22;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(22) .left img{
    -webkit-animation-name: rubiks-cube-1-detail-22-img-left;
            animation-name: rubiks-cube-1-detail-22-img-left;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-22-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-22-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    95% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    100% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-22 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); } }
  @keyframes rubiks-cube-1-detail-22 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg); }
    25% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    30% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-90px) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(23) {
    -webkit-animation-name: rubiks-cube-1-detail-23;
            animation-name: rubiks-cube-1-detail-23;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; }
  
  @-webkit-keyframes rubiks-cube-1-detail-23 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    25% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    30% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); } }
  
  @keyframes rubiks-cube-1-detail-23 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    25% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    30% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(24) {
    -webkit-animation-name: rubiks-cube-1-detail-24;
            animation-name: rubiks-cube-1-detail-24;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; }
  
  @-webkit-keyframes rubiks-cube-1-detail-24 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    25% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    30% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); } }
  
  @keyframes rubiks-cube-1-detail-24 {
    5% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    10% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    15% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    20% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    25% {
      -webkit-transform: translateZ(-90px);
              transform: translateZ(-90px); }
    30% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    35% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg);
              transform: translateZ(-90px) rotateZ(90deg); }
    40% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg); }
    45% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg); }
    50% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg); }
    55% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg); }
    60% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    70% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    75% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    80% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    85% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    90% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    95% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); }
    100% {
      -webkit-transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
              transform: translateZ(-90px) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(25) {
    -webkit-animation-name: rubiks-cube-1-detail-25;
            animation-name: rubiks-cube-1-detail-25;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(25) .left img{
    -webkit-animation-name: rubiks-cube-1-detail-25-img-left;
            animation-name: rubiks-cube-1-detail-25-img-left;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-25-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-25-img-left {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);}
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    80% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    85% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    90% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    95% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    100% {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-25 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); } }
  @keyframes rubiks-cube-1-detail-25 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg) rotateY(-90deg) rotateX(-90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(26) {
    -webkit-animation-name: rubiks-cube-1-detail-26;
            animation-name: rubiks-cube-1-detail-26;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(26) .bottom img{
    -webkit-animation-name: rubiks-cube-1-detail-26-img-bottom;
            animation-name: rubiks-cube-1-detail-26-img-bottom;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  @-webkit-keyframes rubiks-cube-1-detail-26-img-bottom {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);}
    75% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    95% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    } 
  }
  @keyframes rubiks-cube-1-detail-26-img-bottom {
    5% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    10% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    15% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    20% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
    }
    25% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    30% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    35% {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); 
         }
    40% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    45% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    }
    50% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    55% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    60% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    65% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
     }
    70% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);}
    75% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    80% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    85% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    90% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    95% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); 
    } 
  }
  @-webkit-keyframes rubiks-cube-1-detail-26 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); } }
  @keyframes rubiks-cube-1-detail-26 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateX(90deg) rotateY(90deg) rotateZ(90deg) rotateX(90deg) rotateY(90deg); } }
  
  .rubiks-cube-1 .detail:nth-child(27) {
    -webkit-animation-name: rubiks-cube-1-detail-27;
            animation-name: rubiks-cube-1-detail-27;
    -webkit-animation-duration: 16s;
            animation-duration: 16s; 
  }
  .rubiks-cube-1 .detail:nth-child(27) .right img{
    /* animation-name: rubiks-cube-1-detail-27-img;
    animation-duration: 16s;  */
    /* transform: rotate(-91deg); */
  }
  
  /* @keyframes rubiks-cube-1-detail-27-img {
    10%{
  
    }
    100%{
  
    }
  } */
  @-webkit-keyframes rubiks-cube-1-detail-27 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); } }
  @keyframes rubiks-cube-1-detail-27 {
    5% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    10% {
      -webkit-transform: translateZ(-180px);
              transform: translateZ(-180px); }
    15% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg); }
    20% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    25% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    30% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    35% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg); }
    40% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    45% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    50% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    55% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    60% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg); }
    65% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    70% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    75% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    80% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg); }
    85% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg); }
    90% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg); }
    95% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); }
    100% {
      -webkit-transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg);
              transform: translateZ(-180px) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateY(-90deg) rotateX(90deg); } }