/*.section.active {
  -moz-animation: roll 1s ease-in-out 0s 1 normal forwards;
  -o-animation: roll 1s ease-in-out 0s 1 normal forwards;
  animation: roll 1s ease-in-out 0s 1 normal forwards;
  -webkit-animation: roll 1s ease-in-out 0s 1 normal forwards;
  transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
}*/

.full-bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.slider {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.slider .Sli {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}
.slider .Sli.selected {
  display: block;
}
.slider .slider-nu {
  position: absolute;
  text-align: center;
  bottom: 10px;
  z-index: 10;
  width: 100%;
}
.slider .slider-nu li {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ffffff;
  margin: 0px 10px;
  filter: alpha(opacity=50);
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  transition: .3s;
}
.slider .slider-nu li.selected {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1.5);
  background-color: #ff4e00;
}
@media screen and (max-width: 991px) {
  .slider .slider-nu li {
    width: 10px;
    height: 10px;
  }
}
.slider-an {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.slider-an .li {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  float: left;
  _display: inline;
  _zoom: 1;
}
.slider-an .prev,
.slider-an .next {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  _zoom: 1;
}
.slider-an .prev .prev-c,
.slider-an .next .prev-c,
.slider-an .prev .next-c,
.slider-an .next .next-c {
  position: relative;
  height: 100%;
  overflow: hidden;
  _zoom: 1;
}
.slider-an .li-an1 {
  height: 50%;
}
.line {
  position: absolute;
  background-color: #ffffff;
  display: none;
}
.line1 {
  width: 5px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: #ffffff;
}
.line2 {
  height: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
}
.line3 {
  width: 5px;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #ffffff;
}
.line4 {
  height: 5px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: #ffffff;
}
.an-prev-t {
  -moz-animation: rotcube-up-front2back 1s ease-in-out 0s 1 normal forwards;
  /* Firefox */
  /* Safari 鍜� Chrome */
  -o-animation: rotcube-up-front2back 1s ease-in-out 0s 1 normal forwards;
  animation: rotcube-up-front2back 1s ease-in-out 0s 1 normal forwards;
  -webkit-animation: rotcube-up-front2back 1s ease-in-out 0s 1 normal forwards;
  transform-origin: 50% bottom;
  -webkit-transform-origin: 50% bottom;
}
.an-next-t {
  top: 100%;
  -moz-animation: rotcube-up-back2front 1s ease-in-out 0s 1 normal forwards;
  /* Firefox */
  /* Safari 鍜� Chrome */
  -o-animation: rotcube-up-back2front 1s ease-in-out 0s 1 normal forwards;
  animation: rotcube-up-back2front 1s ease-in-out 0s 1 normal forwards;
  -webkit-animation: rotcube-up-back2front 1s ease-in-out 0s 1 normal forwards;
  transform-origin: 50% top;
  -webkit-transform-origin: 50% top;
}
.an-prev-t2 {
  -moz-animation: rotcube-down-front2back 1s ease-in-out 0s 1 normal forwards;
  /* Firefox */
  /* Safari 鍜� Chrome */
  -o-animation: rotcube-down-front2back 1s ease-in-out 0s 1 normal forwards;
  animation: rotcube-down-front2back 1s ease-in-out 0s 1 normal forwards;
  -webkit-animation: rotcube-down-front2back 1s ease-in-out 0s 1 normal forwards;
  transform-origin: 50% top;
  -webkit-transform-origin: 50% top;
}
.an-next-t2 {
  top: 100%;
  -moz-animation: rotcube-down-back2front 1s ease-in-out 0s 1 normal forwards;
  /* Firefox */
  /* Safari 鍜� Chrome */
  -o-animation: rotcube-down-back2front 1s ease-in-out 0s 1 normal forwards;
  animation: rotcube-down-back2front 1s ease-in-out 0s 1 normal forwards;
  -webkit-animation: rotcube-down-back2front 1s ease-in-out 0s 1 normal forwards;
  transform-origin: 50% bottom;
  -webkit-transform-origin: 50% bottom;
}
.an-prev-l {
  -moz-animation: rotcube-left-front2back 1s ease-in-out 0s 1 normal forwards;
  /* Firefox */
  /* Safari 鍜� Chrome */
  -o-animation: rotcube-left-front2back 1s ease-in-out 0s 1 normal forwards;
  animation: rotcube-left-front2back 1s ease-in-out 0s 1 normal forwards;
  -webkit-animation: rotcube-left-front2back 1s ease-in-out 0s 1 normal forwards;
  transform-origin: right 50%;
  -webkit-transform-origin: right 50%;
}
.an-next-l {
  left: 100%;
  -moz-animation: rotcube-left-back2front 1s ease-in-out 0s 1 normal forwards;
  /* Firefox */
  /* Safari 鍜� Chrome */
  -o-animation: rotcube-left-back2front 1s ease-in-out 0s 1 normal forwards;
  animation: rotcube-left-back2front 1s ease-in-out 0s 1 normal forwards;
  -webkit-animation: rotcube-left-back2front 1s ease-in-out 0s 1 normal forwards;
  transform-origin: left 50%;
  -webkit-transform-origin: left 50%;
}
.an-prev-l2 {
  -moz-animation: rotcube-right-front2back 1s ease-in-out 0s 1 normal forwards;
  /* Firefox */
  /* Safari 鍜� Chrome */
  -o-animation: rotcube-right-front2back 1s ease-in-out 0s 1 normal forwards;
  animation: rotcube-right-front2back 1s ease-in-out 0s 1 normal forwards;
  -webkit-animation: rotcube-right-front2back 1s ease-in-out 0s 1 normal forwards;
  transform-origin: left 50%;
  -webkit-transform-origin: left 50%;
}
.an-next-l2 {
  -moz-animation: rotcube-right-back2front 1s ease-in-out 0s 1 normal forwards;
  /* Firefox */
  /* Safari 鍜� Chrome */
  -o-animation: rotcube-right-back2front 1s ease-in-out 0s 1 normal forwards;
  animation: rotcube-right-back2front 1s ease-in-out 0s 1 normal forwards;
  -webkit-animation: rotcube-right-back2front 1s ease-in-out 0s 1 normal forwards;
  transform-origin: right 50%;
  -webkit-transform-origin: right 50%;
}
@keyframes rotcube-up-back2front {
  0% {
    top: 100%;
    transform: perspective(400px) rotateZ(0deg) rotateX(-20deg);
  }
  5% {
    top: 99.9%;
    transform: perspective(400px) rotateZ(1deg) rotateX(-19.98deg);
  }
  10% {
    top: 99.8%;
    transform: perspective(400px) rotateZ(4.99deg) rotateX(-19.96deg);
  }
  15% {
    top: 99.61%;
    transform: perspective(400px) rotateZ(4.98deg) rotateX(-19.92deg);
  }
  20% {
    top: 99.22%;
    transform: perspective(400px) rotateZ(4.96deg) rotateX(-19.84deg);
  }
  25% {
    top: 98.44%;
    transform: perspective(400px) rotateZ(4.92deg) rotateX(-19.69deg);
  }
  30% {
    top: 96.88%;
    transform: perspective(400px) rotateZ(4.84deg) rotateX(-19.37deg);
  }
  35% {
    top: 93.75%;
    transform: perspective(400px) rotateZ(4.69deg) rotateX(-18.75deg);
  }
  40% {
    top: 87.5%;
    transform: perspective(400px) rotateZ(4.38deg) rotateX(-17.5deg);
  }
  45% {
    top: 75%;
    transform: perspective(400px) rotateZ(3.75deg) rotateX(-15deg);
  }
  50% {
    top: 50%;
    transform: perspective(400px) rotateZ(2.5deg) rotateX(-10deg);
  }
  55% {
    top: 25%;
    transform: perspective(400px) rotateZ(1.25deg) rotateX(-5deg);
  }
  60% {
    top: 12.5%;
    transform: perspective(400px) rotateZ(0.63deg) rotateX(-2.5deg);
  }
  65% {
    top: 6.25%;
    transform: perspective(400px) rotateZ(0.31deg) rotateX(-1.25deg);
  }
  70% {
    top: 3.13%;
    transform: perspective(400px) rotateZ(0.16deg) rotateX(-0.62deg);
  }
  75% {
    top: 1.56%;
    transform: perspective(400px) rotateZ(0.08deg) rotateX(-0.31deg);
  }
  80% {
    top: 0.78%;
    transform: perspective(400px) rotateZ(0.04deg) rotateX(-0.16deg);
  }
  85% {
    top: 0.39%;
    transform: perspective(400px) rotateZ(0.02deg) rotateX(-0.08deg);
  }
  90% {
    top: 0.2%;
    transform: perspective(400px) rotateZ(0.01deg) rotateX(-0.04deg);
  }
  95% {
    top: 0.1%;
    transform: perspective(400px) rotateZ(0deg) rotateX(-0.02deg);
  }
  100% {
    top: 0%;
    transform: perspective(400px) rotateZ(0deg) rotateX(0deg);
  }
}
@keyframes rotcube-up-front2back {
  0% {
    top: 0%;
    transform: perspective(400px) rotateZ(0deg) rotateX(0deg);
  }
  5% {
    top: -0.1%;
    transform: perspective(400px) rotateZ(1deg) rotateX(0.02deg);
  }
  10% {
    top: -0.2%;
    transform: perspective(400px) rotateZ(4.99deg) rotateX(0.04deg);
  }
  15% {
    top: -0.39%;
    transform: perspective(400px) rotateZ(4.98deg) rotateX(0.08deg);
  }
  20% {
    top: -0.78%;
    transform: perspective(400px) rotateZ(4.96deg) rotateX(0.16deg);
  }
  25% {
    top: -1.56%;
    transform: perspective(400px) rotateZ(4.92deg) rotateX(0.31deg);
  }
  30% {
    top: -3.12%;
    transform: perspective(400px) rotateZ(4.84deg) rotateX(0.63deg);
  }
  35% {
    top: -6.25%;
    transform: perspective(400px) rotateZ(4.69deg) rotateX(1.25deg);
  }
  40% {
    top: -12.5%;
    transform: perspective(400px) rotateZ(4.38deg) rotateX(2.5deg);
  }
  45% {
    top: -25%;
    transform: perspective(400px) rotateZ(3.75deg) rotateX(5deg);
  }
  50% {
    top: -50%;
    transform: perspective(400px) rotateZ(2.5deg) rotateX(10deg);
  }
  55% {
    top: -75%;
    transform: perspective(400px) rotateZ(1.25deg) rotateX(15deg);
  }
  60% {
    top: -87.5%;
    transform: perspective(400px) rotateZ(0.63deg) rotateX(17.5deg);
  }
  65% {
    top: -93.75%;
    transform: perspective(400px) rotateZ(0.31deg) rotateX(18.75deg);
  }
  70% {
    top: -96.87%;
    transform: perspective(400px) rotateZ(0.16deg) rotateX(19.38deg);
  }
  75% {
    top: -98.44%;
    transform: perspective(400px) rotateZ(0.08deg) rotateX(19.69deg);
  }
  80% {
    top: -99.22%;
    transform: perspective(400px) rotateZ(0.04deg) rotateX(19.84deg);
  }
  85% {
    top: -99.61%;
    transform: perspective(400px) rotateZ(0.02deg) rotateX(19.92deg);
  }
  90% {
    top: -99.8%;
    transform: perspective(400px) rotateZ(0.01deg) rotateX(19.96deg);
  }
  95% {
    top: -99.9%;
    transform: perspective(400px) rotateZ(0deg) rotateX(19.98deg);
  }
  100% {
    top: -100%;
    transform: perspective(400px) rotateZ(0deg) rotateX(20deg);
  }
}
@keyframes rotcube-down-back2front {
  0% {
    top: -100%;
    transform: perspective(400px) rotateZ(0deg) rotateX(20deg);
  }
  5% {
    top: -99.9%;
    transform: perspective(400px) rotateZ(-1deg) rotateX(19.98deg);
  }
  10% {
    top: -99.8%;
    transform: perspective(400px) rotateZ(-4.99deg) rotateX(19.96deg);
  }
  15% {
    top: -99.61%;
    transform: perspective(400px) rotateZ(-4.98deg) rotateX(19.92deg);
  }
  20% {
    top: -99.22%;
    transform: perspective(400px) rotateZ(-4.96deg) rotateX(19.84deg);
  }
  25% {
    top: -98.44%;
    transform: perspective(400px) rotateZ(-4.92deg) rotateX(19.69deg);
  }
  30% {
    top: -96.87%;
    transform: perspective(400px) rotateZ(-4.84deg) rotateX(19.38deg);
  }
  35% {
    top: -93.75%;
    transform: perspective(400px) rotateZ(-4.69deg) rotateX(18.75deg);
  }
  40% {
    top: -87.5%;
    transform: perspective(400px) rotateZ(-4.37deg) rotateX(17.5deg);
  }
  45% {
    top: -75%;
    transform: perspective(400px) rotateZ(-3.75deg) rotateX(15deg);
  }
  50% {
    top: -50%;
    transform: perspective(400px) rotateZ(-2.5deg) rotateX(10deg);
  }
  55% {
    top: -25%;
    transform: perspective(400px) rotateZ(-1.25deg) rotateX(5deg);
  }
  60% {
    top: -12.5%;
    transform: perspective(400px) rotateZ(-0.62deg) rotateX(2.5deg);
  }
  65% {
    top: -6.25%;
    transform: perspective(400px) rotateZ(-0.31deg) rotateX(1.25deg);
  }
  70% {
    top: -3.12%;
    transform: perspective(400px) rotateZ(-0.16deg) rotateX(0.63deg);
  }
  75% {
    top: -1.56%;
    transform: perspective(400px) rotateZ(-0.08deg) rotateX(0.31deg);
  }
  80% {
    top: -0.78%;
    transform: perspective(400px) rotateZ(-0.04deg) rotateX(0.16deg);
  }
  85% {
    top: -0.39%;
    transform: perspective(400px) rotateZ(-0.02deg) rotateX(0.08deg);
  }
  90% {
    top: -0.2%;
    transform: perspective(400px) rotateZ(-0.01deg) rotateX(0.04deg);
  }
  95% {
    top: -0.1%;
    transform: perspective(400px) rotateZ(0deg) rotateX(0.02deg);
  }
  100% {
    top: 0%;
    transform: perspective(400px) rotateZ(0deg) rotateX(0deg);
  }
}
@keyframes rotcube-down-front2back {
  0% {
    top: 0%;
    transform: perspective(400px) rotateZ(0deg) rotateX(0deg);
  }
  5% {
    top: 0.1%;
    transform: perspective(400px) rotateZ(-1deg) rotateX(-0.02deg);
  }
  10% {
    top: 0.2%;
    transform: perspective(400px) rotateZ(-4.99deg) rotateX(-0.04deg);
  }
  15% {
    top: 0.39%;
    transform: perspective(400px) rotateZ(-4.98deg) rotateX(-0.08deg);
  }
  20% {
    top: 0.78%;
    transform: perspective(400px) rotateZ(-4.96deg) rotateX(-0.16deg);
  }
  25% {
    top: 1.56%;
    transform: perspective(400px) rotateZ(-4.92deg) rotateX(-0.31deg);
  }
  30% {
    top: 3.13%;
    transform: perspective(400px) rotateZ(-4.84deg) rotateX(-0.62deg);
  }
  35% {
    top: 6.25%;
    transform: perspective(400px) rotateZ(-4.69deg) rotateX(-1.25deg);
  }
  40% {
    top: 12.5%;
    transform: perspective(400px) rotateZ(-4.37deg) rotateX(-2.5deg);
  }
  45% {
    top: 25%;
    transform: perspective(400px) rotateZ(-3.75deg) rotateX(-5deg);
  }
  50% {
    top: 50%;
    transform: perspective(400px) rotateZ(-2.5deg) rotateX(-10deg);
  }
  55% {
    top: 75%;
    transform: perspective(400px) rotateZ(-1.25deg) rotateX(-15deg);
  }
  60% {
    top: 87.5%;
    transform: perspective(400px) rotateZ(-0.62deg) rotateX(-17.5deg);
  }
  65% {
    top: 93.75%;
    transform: perspective(400px) rotateZ(-0.31deg) rotateX(-18.75deg);
  }
  70% {
    top: 96.88%;
    transform: perspective(400px) rotateZ(-0.16deg) rotateX(-19.37deg);
  }
  75% {
    top: 98.44%;
    transform: perspective(400px) rotateZ(-0.08deg) rotateX(-19.69deg);
  }
  80% {
    top: 99.22%;
    transform: perspective(400px) rotateZ(-0.04deg) rotateX(-19.84deg);
  }
  85% {
    top: 99.61%;
    transform: perspective(400px) rotateZ(-0.02deg) rotateX(-19.92deg);
  }
  90% {
    top: 99.8%;
    transform: perspective(400px) rotateZ(-0.01deg) rotateX(-19.96deg);
  }
  95% {
    top: 99.9%;
    transform: perspective(400px) rotateZ(0deg) rotateX(-19.98deg);
  }
  100% {
    top: 100%;
    transform: perspective(400px) rotateZ(0deg) rotateX(-20deg);
  }
}
@keyframes rotcube-left-back2front {
  0% {
    left: 100%;
    transform: perspective(400px) rotateZ(0deg) rotateY(20deg);
  }
  5% {
    left: 99.9%;
    transform: perspective(400px) rotateZ(-1deg) rotateY(19.98deg);
  }
  10% {
    left: 99.8%;
    transform: perspective(400px) rotateZ(-4.99deg) rotateY(19.96deg);
  }
  15% {
    left: 99.61%;
    transform: perspective(400px) rotateZ(-4.98deg) rotateY(19.92deg);
  }
  20% {
    left: 99.22%;
    transform: perspective(400px) rotateZ(-4.96deg) rotateY(19.84deg);
  }
  25% {
    left: 98.44%;
    transform: perspective(400px) rotateZ(-4.92deg) rotateY(19.69deg);
  }
  30% {
    left: 96.88%;
    transform: perspective(400px) rotateZ(-4.84deg) rotateY(19.38deg);
  }
  35% {
    left: 93.75%;
    transform: perspective(400px) rotateZ(-4.69deg) rotateY(18.75deg);
  }
  40% {
    left: 87.5%;
    transform: perspective(400px) rotateZ(-4.37deg) rotateY(17.5deg);
  }
  45% {
    left: 75%;
    transform: perspective(400px) rotateZ(-3.75deg) rotateY(15deg);
  }
  50% {
    left: 50%;
    transform: perspective(400px) rotateZ(-2.5deg) rotateY(10deg);
  }
  55% {
    left: 25%;
    transform: perspective(400px) rotateZ(-1.25deg) rotateY(5deg);
  }
  60% {
    left: 12.5%;
    transform: perspective(400px) rotateZ(-0.62deg) rotateY(2.5deg);
  }
  65% {
    left: 6.25%;
    transform: perspective(400px) rotateZ(-0.31deg) rotateY(1.25deg);
  }
  70% {
    left: 3.13%;
    transform: perspective(400px) rotateZ(-0.16deg) rotateY(0.63deg);
  }
  75% {
    left: 1.56%;
    transform: perspective(400px) rotateZ(-0.08deg) rotateY(0.31deg);
  }
  80% {
    left: 0.78%;
    transform: perspective(400px) rotateZ(-0.04deg) rotateY(0.16deg);
  }
  85% {
    left: 0.39%;
    transform: perspective(400px) rotateZ(-0.02deg) rotateY(0.08deg);
  }
  90% {
    left: 0.2%;
    transform: perspective(400px) rotateZ(-0.01deg) rotateY(0.04deg);
  }
  95% {
    left: 0.1%;
    transform: perspective(400px) rotateZ(0deg) rotateY(0.02deg);
  }
  100% {
    left: 0%;
    transform: perspective(400px) rotateZ(0deg) rotateY(0deg);
  }
}
@keyframes rotcube-left-front2back {
  0% {
    left: 0%;
    transform: perspective(400px) rotateZ(0deg) rotateY(0deg);
  }
  5% {
    left: -0.1%;
    transform: perspective(400px) rotateZ(-1deg) rotateY(-0.02deg);
  }
  10% {
    left: -0.2%;
    transform: perspective(400px) rotateZ(-4.99deg) rotateY(-0.04deg);
  }
  15% {
    left: -0.39%;
    transform: perspective(400px) rotateZ(-4.98deg) rotateY(-0.08deg);
  }
  20% {
    left: -0.78%;
    transform: perspective(400px) rotateZ(-4.96deg) rotateY(-0.16deg);
  }
  25% {
    left: -1.56%;
    transform: perspective(400px) rotateZ(-4.92deg) rotateY(-0.31deg);
  }
  30% {
    left: -3.12%;
    transform: perspective(400px) rotateZ(-4.84deg) rotateY(-0.62deg);
  }
  35% {
    left: -6.25%;
    transform: perspective(400px) rotateZ(-4.69deg) rotateY(-1.25deg);
  }
  40% {
    left: -12.5%;
    transform: perspective(400px) rotateZ(-4.37deg) rotateY(-2.5deg);
  }
  45% {
    left: -25%;
    transform: perspective(400px) rotateZ(-3.75deg) rotateY(-5deg);
  }
  50% {
    left: -50%;
    transform: perspective(400px) rotateZ(-2.5deg) rotateY(-10deg);
  }
  55% {
    left: -75%;
    transform: perspective(400px) rotateZ(-1.25deg) rotateY(-15deg);
  }
  60% {
    left: -87.5%;
    transform: perspective(400px) rotateZ(-0.62deg) rotateY(-17.5deg);
  }
  65% {
    left: -93.75%;
    transform: perspective(400px) rotateZ(-0.31deg) rotateY(-18.75deg);
  }
  70% {
    left: -96.87%;
    transform: perspective(400px) rotateZ(-0.16deg) rotateY(-19.37deg);
  }
  75% {
    left: -98.44%;
    transform: perspective(400px) rotateZ(-0.08deg) rotateY(-19.69deg);
  }
  80% {
    left: -99.22%;
    transform: perspective(400px) rotateZ(-0.04deg) rotateY(-19.84deg);
  }
  85% {
    left: -99.61%;
    transform: perspective(400px) rotateZ(-0.02deg) rotateY(-19.92deg);
  }
  90% {
    left: -99.8%;
    transform: perspective(400px) rotateZ(-0.01deg) rotateY(-19.96deg);
  }
  95% {
    left: -99.9%;
    transform: perspective(400px) rotateZ(0deg) rotateY(-19.98deg);
  }
  100% {
    left: -100%;
    transform: perspective(400px) rotateZ(0deg) rotateY(-20deg);
  }
}
@keyframes rotcube-right-back2front {
  0% {
    left: -100%;
    transform: perspective(400px) rotateZ(0deg) rotateY(-20deg);
  }
  5% {
    left: -99.9%;
    transform: perspective(400px) rotateZ(1deg) rotateY(-19.98deg);
  }
  10% {
    left: -99.8%;
    transform: perspective(400px) rotateZ(4.99deg) rotateY(-19.96deg);
  }
  15% {
    left: -99.61%;
    transform: perspective(400px) rotateZ(4.98deg) rotateY(-19.92deg);
  }
  20% {
    left: -99.22%;
    transform: perspective(400px) rotateZ(4.96deg) rotateY(-19.84deg);
  }
  25% {
    left: -98.44%;
    transform: perspective(400px) rotateZ(4.92deg) rotateY(-19.69deg);
  }
  30% {
    left: -96.87%;
    transform: perspective(400px) rotateZ(4.84deg) rotateY(-19.37deg);
  }
  35% {
    left: -93.75%;
    transform: perspective(400px) rotateZ(4.69deg) rotateY(-18.75deg);
  }
  40% {
    left: -87.5%;
    transform: perspective(400px) rotateZ(4.38deg) rotateY(-17.5deg);
  }
  45% {
    left: -75%;
    transform: perspective(400px) rotateZ(3.75deg) rotateY(-15deg);
  }
  50% {
    left: -50%;
    transform: perspective(400px) rotateZ(2.5deg) rotateY(-10deg);
  }
  55% {
    left: -25%;
    transform: perspective(400px) rotateZ(1.25deg) rotateY(-5deg);
  }
  60% {
    left: -12.5%;
    transform: perspective(400px) rotateZ(0.63deg) rotateY(-2.5deg);
  }
  65% {
    left: -6.25%;
    transform: perspective(400px) rotateZ(0.31deg) rotateY(-1.25deg);
  }
  70% {
    left: -3.12%;
    transform: perspective(400px) rotateZ(0.16deg) rotateY(-0.62deg);
  }
  75% {
    left: -1.56%;
    transform: perspective(400px) rotateZ(0.08deg) rotateY(-0.31deg);
  }
  80% {
    left: -0.78%;
    transform: perspective(400px) rotateZ(0.04deg) rotateY(-0.16deg);
  }
  85% {
    left: -0.39%;
    transform: perspective(400px) rotateZ(0.02deg) rotateY(-0.08deg);
  }
  90% {
    left: -0.2%;
    transform: perspective(400px) rotateZ(0.01deg) rotateY(-0.04deg);
  }
  95% {
    left: -0.1%;
    transform: perspective(400px) rotateZ(0deg) rotateY(-0.02deg);
  }
  100% {
    left: 0%;
    transform: perspective(400px) rotateZ(0deg) rotateY(0deg);
  }
}
@keyframes rotcube-right-front2back {
  0% {
    left: 0%;
    transform: perspective(400px) rotateZ(0deg) rotateY(0deg);
  }
  5% {
    left: 0.1%;
    transform: perspective(400px) rotateZ(1deg) rotateY(0.02deg);
  }
  10% {
    left: 0.2%;
    transform: perspective(400px) rotateZ(4.99deg) rotateY(0.04deg);
  }
  15% {
    left: 0.39%;
    transform: perspective(400px) rotateZ(4.98deg) rotateY(0.08deg);
  }
  20% {
    left: 0.78%;
    transform: perspective(400px) rotateZ(4.96deg) rotateY(0.16deg);
  }
  25% {
    left: 1.56%;
    transform: perspective(400px) rotateZ(4.92deg) rotateY(0.31deg);
  }
  30% {
    left: 3.13%;
    transform: perspective(400px) rotateZ(4.84deg) rotateY(0.63deg);
  }
  35% {
    left: 6.25%;
    transform: perspective(400px) rotateZ(4.69deg) rotateY(1.25deg);
  }
  40% {
    left: 12.5%;
    transform: perspective(400px) rotateZ(4.38deg) rotateY(2.5deg);
  }
  45% {
    left: 25%;
    transform: perspective(400px) rotateZ(3.75deg) rotateY(5deg);
  }
  50% {
    left: 50%;
    transform: perspective(400px) rotateZ(2.5deg) rotateY(10deg);
  }
  55% {
    left: 75%;
    transform: perspective(400px) rotateZ(1.25deg) rotateY(15deg);
  }
  60% {
    left: 87.5%;
    transform: perspective(400px) rotateZ(0.63deg) rotateY(17.5deg);
  }
  65% {
    left: 93.75%;
    transform: perspective(400px) rotateZ(0.31deg) rotateY(18.75deg);
  }
  70% {
    left: 96.88%;
    transform: perspective(400px) rotateZ(0.16deg) rotateY(19.38deg);
  }
  75% {
    left: 98.44%;
    transform: perspective(400px) rotateZ(0.08deg) rotateY(19.69deg);
  }
  80% {
    left: 99.22%;
    transform: perspective(400px) rotateZ(0.04deg) rotateY(19.84deg);
  }
  85% {
    left: 99.61%;
    transform: perspective(400px) rotateZ(0.02deg) rotateY(19.92deg);
  }
  90% {
    left: 99.8%;
    transform: perspective(400px) rotateZ(0.01deg) rotateY(19.96deg);
  }
  95% {
    left: 99.9%;
    transform: perspective(400px) rotateZ(0deg) rotateY(19.98deg);
  }
  100% {
    left: 100%;
    transform: perspective(400px) rotateZ(0deg) rotateY(20deg);
  }
}
@-webkit-keyframes rotcube-up-back2front {
  0% {
    top: 100%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(-20deg);
  }
  5% {
    top: 99.9%;
    -webkit-transform: perspective(400px) rotateZ(1deg) rotateX(-19.98deg);
  }
  10% {
    top: 99.8%;
    -webkit-transform: perspective(400px) rotateZ(4.99deg) rotateX(-19.96deg);
  }
  15% {
    top: 99.61%;
    -webkit-transform: perspective(400px) rotateZ(4.98deg) rotateX(-19.92deg);
  }
  20% {
    top: 99.22%;
    -webkit-transform: perspective(400px) rotateZ(4.96deg) rotateX(-19.84deg);
  }
  25% {
    top: 98.44%;
    -webkit-transform: perspective(400px) rotateZ(4.92deg) rotateX(-19.69deg);
  }
  30% {
    top: 96.88%;
    -webkit-transform: perspective(400px) rotateZ(4.84deg) rotateX(-19.37deg);
  }
  35% {
    top: 93.75%;
    -webkit-transform: perspective(400px) rotateZ(4.69deg) rotateX(-18.75deg);
  }
  40% {
    top: 87.5%;
    -webkit-transform: perspective(400px) rotateZ(4.38deg) rotateX(-17.5deg);
  }
  45% {
    top: 75%;
    -webkit-transform: perspective(400px) rotateZ(3.75deg) rotateX(-15deg);
  }
  50% {
    top: 50%;
    -webkit-transform: perspective(400px) rotateZ(2.5deg) rotateX(-10deg);
  }
  55% {
    top: 25%;
    -webkit-transform: perspective(400px) rotateZ(1.25deg) rotateX(-5deg);
  }
  60% {
    top: 12.5%;
    -webkit-transform: perspective(400px) rotateZ(0.63deg) rotateX(-2.5deg);
  }
  65% {
    top: 6.25%;
    -webkit-transform: perspective(400px) rotateZ(0.31deg) rotateX(-1.25deg);
  }
  70% {
    top: 3.13%;
    -webkit-transform: perspective(400px) rotateZ(0.16deg) rotateX(-0.62deg);
  }
  75% {
    top: 1.56%;
    -webkit-transform: perspective(400px) rotateZ(0.08deg) rotateX(-0.31deg);
  }
  80% {
    top: 0.78%;
    -webkit-transform: perspective(400px) rotateZ(0.04deg) rotateX(-0.16deg);
  }
  85% {
    top: 0.39%;
    -webkit-transform: perspective(400px) rotateZ(0.02deg) rotateX(-0.08deg);
  }
  90% {
    top: 0.2%;
    -webkit-transform: perspective(400px) rotateZ(0.01deg) rotateX(-0.04deg);
  }
  95% {
    top: 0.1%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(-0.02deg);
  }
  100% {
    top: 0%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(0deg);
  }
}
@-webkit-keyframes rotcube-up-front2back {
  0% {
    top: 0%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(0deg);
  }
  5% {
    top: -0.1%;
    -webkit-transform: perspective(400px) rotateZ(1deg) rotateX(0.02deg);
  }
  10% {
    top: -0.2%;
    -webkit-transform: perspective(400px) rotateZ(4.99deg) rotateX(0.04deg);
  }
  15% {
    top: -0.39%;
    -webkit-transform: perspective(400px) rotateZ(4.98deg) rotateX(0.08deg);
  }
  20% {
    top: -0.78%;
    -webkit-transform: perspective(400px) rotateZ(4.96deg) rotateX(0.16deg);
  }
  25% {
    top: -1.56%;
    -webkit-transform: perspective(400px) rotateZ(4.92deg) rotateX(0.31deg);
  }
  30% {
    top: -3.12%;
    -webkit-transform: perspective(400px) rotateZ(4.84deg) rotateX(0.63deg);
  }
  35% {
    top: -6.25%;
    -webkit-transform: perspective(400px) rotateZ(4.69deg) rotateX(1.25deg);
  }
  40% {
    top: -12.5%;
    -webkit-transform: perspective(400px) rotateZ(4.38deg) rotateX(2.5deg);
  }
  45% {
    top: -25%;
    -webkit-transform: perspective(400px) rotateZ(3.75deg) rotateX(5deg);
  }
  50% {
    top: -50%;
    -webkit-transform: perspective(400px) rotateZ(2.5deg) rotateX(10deg);
  }
  55% {
    top: -75%;
    -webkit-transform: perspective(400px) rotateZ(1.25deg) rotateX(15deg);
  }
  60% {
    top: -87.5%;
    -webkit-transform: perspective(400px) rotateZ(0.63deg) rotateX(17.5deg);
  }
  65% {
    top: -93.75%;
    -webkit-transform: perspective(400px) rotateZ(0.31deg) rotateX(18.75deg);
  }
  70% {
    top: -96.87%;
    -webkit-transform: perspective(400px) rotateZ(0.16deg) rotateX(19.38deg);
  }
  75% {
    top: -98.44%;
    -webkit-transform: perspective(400px) rotateZ(0.08deg) rotateX(19.69deg);
  }
  80% {
    top: -99.22%;
    -webkit-transform: perspective(400px) rotateZ(0.04deg) rotateX(19.84deg);
  }
  85% {
    top: -99.61%;
    -webkit-transform: perspective(400px) rotateZ(0.02deg) rotateX(19.92deg);
  }
  90% {
    top: -99.8%;
    -webkit-transform: perspective(400px) rotateZ(0.01deg) rotateX(19.96deg);
  }
  95% {
    top: -99.9%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(19.98deg);
  }
  100% {
    top: -100%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(20deg);
  }
}
@-webkit-keyframes rotcube-down-back2front {
  0% {
    top: -100%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(20deg);
  }
  5% {
    top: -99.9%;
    -webkit-transform: perspective(400px) rotateZ(-1deg) rotateX(19.98deg);
  }
  10% {
    top: -99.8%;
    -webkit-transform: perspective(400px) rotateZ(-4.99deg) rotateX(19.96deg);
  }
  15% {
    top: -99.61%;
    -webkit-transform: perspective(400px) rotateZ(-4.98deg) rotateX(19.92deg);
  }
  20% {
    top: -99.22%;
    -webkit-transform: perspective(400px) rotateZ(-4.96deg) rotateX(19.84deg);
  }
  25% {
    top: -98.44%;
    -webkit-transform: perspective(400px) rotateZ(-4.92deg) rotateX(19.69deg);
  }
  30% {
    top: -96.87%;
    -webkit-transform: perspective(400px) rotateZ(-4.84deg) rotateX(19.38deg);
  }
  35% {
    top: -93.75%;
    -webkit-transform: perspective(400px) rotateZ(-4.69deg) rotateX(18.75deg);
  }
  40% {
    top: -87.5%;
    -webkit-transform: perspective(400px) rotateZ(-4.37deg) rotateX(17.5deg);
  }
  45% {
    top: -75%;
    -webkit-transform: perspective(400px) rotateZ(-3.75deg) rotateX(15deg);
  }
  50% {
    top: -50%;
    -webkit-transform: perspective(400px) rotateZ(-2.5deg) rotateX(10deg);
  }
  55% {
    top: -25%;
    -webkit-transform: perspective(400px) rotateZ(-1.25deg) rotateX(5deg);
  }
  60% {
    top: -12.5%;
    -webkit-transform: perspective(400px) rotateZ(-0.62deg) rotateX(2.5deg);
  }
  65% {
    top: -6.25%;
    -webkit-transform: perspective(400px) rotateZ(-0.31deg) rotateX(1.25deg);
  }
  70% {
    top: -3.12%;
    -webkit-transform: perspective(400px) rotateZ(-0.16deg) rotateX(0.63deg);
  }
  75% {
    top: -1.56%;
    -webkit-transform: perspective(400px) rotateZ(-0.08deg) rotateX(0.31deg);
  }
  80% {
    top: -0.78%;
    -webkit-transform: perspective(400px) rotateZ(-0.04deg) rotateX(0.16deg);
  }
  85% {
    top: -0.39%;
    -webkit-transform: perspective(400px) rotateZ(-0.02deg) rotateX(0.08deg);
  }
  90% {
    top: -0.2%;
    -webkit-transform: perspective(400px) rotateZ(-0.01deg) rotateX(0.04deg);
  }
  95% {
    top: -0.1%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(0.02deg);
  }
  100% {
    top: 0%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(0deg);
  }
}
@-webkit-keyframes rotcube-down-front2back {
  0% {
    top: 0%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(0deg);
  }
  5% {
    top: 0.1%;
    -webkit-transform: perspective(400px) rotateZ(-1deg) rotateX(-0.02deg);
  }
  10% {
    top: 0.2%;
    -webkit-transform: perspective(400px) rotateZ(-4.99deg) rotateX(-0.04deg);
  }
  15% {
    top: 0.39%;
    -webkit-transform: perspective(400px) rotateZ(-4.98deg) rotateX(-0.08deg);
  }
  20% {
    top: 0.78%;
    -webkit-transform: perspective(400px) rotateZ(-4.96deg) rotateX(-0.16deg);
  }
  25% {
    top: 1.56%;
    -webkit-transform: perspective(400px) rotateZ(-4.92deg) rotateX(-0.31deg);
  }
  30% {
    top: 3.13%;
    -webkit-transform: perspective(400px) rotateZ(-4.84deg) rotateX(-0.62deg);
  }
  35% {
    top: 6.25%;
    -webkit-transform: perspective(400px) rotateZ(-4.69deg) rotateX(-1.25deg);
  }
  40% {
    top: 12.5%;
    -webkit-transform: perspective(400px) rotateZ(-4.37deg) rotateX(-2.5deg);
  }
  45% {
    top: 25%;
    -webkit-transform: perspective(400px) rotateZ(-3.75deg) rotateX(-5deg);
  }
  50% {
    top: 50%;
    -webkit-transform: perspective(400px) rotateZ(-2.5deg) rotateX(-10deg);
  }
  55% {
    top: 75%;
    -webkit-transform: perspective(400px) rotateZ(-1.25deg) rotateX(-15deg);
  }
  60% {
    top: 87.5%;
    -webkit-transform: perspective(400px) rotateZ(-0.62deg) rotateX(-17.5deg);
  }
  65% {
    top: 93.75%;
    -webkit-transform: perspective(400px) rotateZ(-0.31deg) rotateX(-18.75deg);
  }
  70% {
    top: 96.88%;
    -webkit-transform: perspective(400px) rotateZ(-0.16deg) rotateX(-19.37deg);
  }
  75% {
    top: 98.44%;
    -webkit-transform: perspective(400px) rotateZ(-0.08deg) rotateX(-19.69deg);
  }
  80% {
    top: 99.22%;
    -webkit-transform: perspective(400px) rotateZ(-0.04deg) rotateX(-19.84deg);
  }
  85% {
    top: 99.61%;
    -webkit-transform: perspective(400px) rotateZ(-0.02deg) rotateX(-19.92deg);
  }
  90% {
    top: 99.8%;
    -webkit-transform: perspective(400px) rotateZ(-0.01deg) rotateX(-19.96deg);
  }
  95% {
    top: 99.9%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(-19.98deg);
  }
  100% {
    top: 100%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateX(-20deg);
  }
}
@-webkit-keyframes rotcube-left-back2front {
  0% {
    left: 100%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(20deg);
  }
  5% {
    left: 99.9%;
    -webkit-transform: perspective(400px) rotateZ(-1deg) rotateY(19.98deg);
  }
  10% {
    left: 99.8%;
    -webkit-transform: perspective(400px) rotateZ(-4.99deg) rotateY(19.96deg);
  }
  15% {
    left: 99.61%;
    -webkit-transform: perspective(400px) rotateZ(-4.98deg) rotateY(19.92deg);
  }
  20% {
    left: 99.22%;
    -webkit-transform: perspective(400px) rotateZ(-4.96deg) rotateY(19.84deg);
  }
  25% {
    left: 98.44%;
    -webkit-transform: perspective(400px) rotateZ(-4.92deg) rotateY(19.69deg);
  }
  30% {
    left: 96.88%;
    -webkit-transform: perspective(400px) rotateZ(-4.84deg) rotateY(19.38deg);
  }
  35% {
    left: 93.75%;
    -webkit-transform: perspective(400px) rotateZ(-4.69deg) rotateY(18.75deg);
  }
  40% {
    left: 87.5%;
    -webkit-transform: perspective(400px) rotateZ(-4.37deg) rotateY(17.5deg);
  }
  45% {
    left: 75%;
    -webkit-transform: perspective(400px) rotateZ(-3.75deg) rotateY(15deg);
  }
  50% {
    left: 50%;
    -webkit-transform: perspective(400px) rotateZ(-2.5deg) rotateY(10deg);
  }
  55% {
    left: 25%;
    -webkit-transform: perspective(400px) rotateZ(-1.25deg) rotateY(5deg);
  }
  60% {
    left: 12.5%;
    -webkit-transform: perspective(400px) rotateZ(-0.62deg) rotateY(2.5deg);
  }
  65% {
    left: 6.25%;
    -webkit-transform: perspective(400px) rotateZ(-0.31deg) rotateY(1.25deg);
  }
  70% {
    left: 3.13%;
    -webkit-transform: perspective(400px) rotateZ(-0.16deg) rotateY(0.63deg);
  }
  75% {
    left: 1.56%;
    -webkit-transform: perspective(400px) rotateZ(-0.08deg) rotateY(0.31deg);
  }
  80% {
    left: 0.78%;
    -webkit-transform: perspective(400px) rotateZ(-0.04deg) rotateY(0.16deg);
  }
  85% {
    left: 0.39%;
    -webkit-transform: perspective(400px) rotateZ(-0.02deg) rotateY(0.08deg);
  }
  90% {
    left: 0.2%;
    -webkit-transform: perspective(400px) rotateZ(-0.01deg) rotateY(0.04deg);
  }
  95% {
    left: 0.1%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(0.02deg);
  }
  100% {
    left: 0%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(0deg);
  }
}
@-webkit-keyframes rotcube-left-front2back {
  0% {
    left: 0%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(0deg);
  }
  5% {
    left: -0.1%;
    -webkit-transform: perspective(400px) rotateZ(-1deg) rotateY(-0.02deg);
  }
  10% {
    left: -0.2%;
    -webkit-transform: perspective(400px) rotateZ(-4.99deg) rotateY(-0.04deg);
  }
  15% {
    left: -0.39%;
    -webkit-transform: perspective(400px) rotateZ(-4.98deg) rotateY(-0.08deg);
  }
  20% {
    left: -0.78%;
    -webkit-transform: perspective(400px) rotateZ(-4.96deg) rotateY(-0.16deg);
  }
  25% {
    left: -1.56%;
    -webkit-transform: perspective(400px) rotateZ(-4.92deg) rotateY(-0.31deg);
  }
  30% {
    left: -3.12%;
    -webkit-transform: perspective(400px) rotateZ(-4.84deg) rotateY(-0.62deg);
  }
  35% {
    left: -6.25%;
    -webkit-transform: perspective(400px) rotateZ(-4.69deg) rotateY(-1.25deg);
  }
  40% {
    left: -12.5%;
    -webkit-transform: perspective(400px) rotateZ(-4.37deg) rotateY(-2.5deg);
  }
  45% {
    left: -25%;
    -webkit-transform: perspective(400px) rotateZ(-3.75deg) rotateY(-5deg);
  }
  50% {
    left: -50%;
    -webkit-transform: perspective(400px) rotateZ(-2.5deg) rotateY(-10deg);
  }
  55% {
    left: -75%;
    -webkit-transform: perspective(400px) rotateZ(-1.25deg) rotateY(-15deg);
  }
  60% {
    left: -87.5%;
    -webkit-transform: perspective(400px) rotateZ(-0.62deg) rotateY(-17.5deg);
  }
  65% {
    left: -93.75%;
    -webkit-transform: perspective(400px) rotateZ(-0.31deg) rotateY(-18.75deg);
  }
  70% {
    left: -96.87%;
    -webkit-transform: perspective(400px) rotateZ(-0.16deg) rotateY(-19.37deg);
  }
  75% {
    left: -98.44%;
    -webkit-transform: perspective(400px) rotateZ(-0.08deg) rotateY(-19.69deg);
  }
  80% {
    left: -99.22%;
    -webkit-transform: perspective(400px) rotateZ(-0.04deg) rotateY(-19.84deg);
  }
  85% {
    left: -99.61%;
    -webkit-transform: perspective(400px) rotateZ(-0.02deg) rotateY(-19.92deg);
  }
  90% {
    left: -99.8%;
    -webkit-transform: perspective(400px) rotateZ(-0.01deg) rotateY(-19.96deg);
  }
  95% {
    left: -99.9%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(-19.98deg);
  }
  100% {
    left: -100%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(-20deg);
  }
}
@-webkit-keyframes rotcube-right-back2front {
  0% {
    left: -100%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(-20deg);
  }
  5% {
    left: -99.9%;
    -webkit-transform: perspective(400px) rotateZ(1deg) rotateY(-19.98deg);
  }
  10% {
    left: -99.8%;
    -webkit-transform: perspective(400px) rotateZ(4.99deg) rotateY(-19.96deg);
  }
  15% {
    left: -99.61%;
    -webkit-transform: perspective(400px) rotateZ(4.98deg) rotateY(-19.92deg);
  }
  20% {
    left: -99.22%;
    -webkit-transform: perspective(400px) rotateZ(4.96deg) rotateY(-19.84deg);
  }
  25% {
    left: -98.44%;
    -webkit-transform: perspective(400px) rotateZ(4.92deg) rotateY(-19.69deg);
  }
  30% {
    left: -96.87%;
    -webkit-transform: perspective(400px) rotateZ(4.84deg) rotateY(-19.37deg);
  }
  35% {
    left: -93.75%;
    -webkit-transform: perspective(400px) rotateZ(4.69deg) rotateY(-18.75deg);
  }
  40% {
    left: -87.5%;
    -webkit-transform: perspective(400px) rotateZ(4.38deg) rotateY(-17.5deg);
  }
  45% {
    left: -75%;
    -webkit-transform: perspective(400px) rotateZ(3.75deg) rotateY(-15deg);
  }
  50% {
    left: -50%;
    -webkit-transform: perspective(400px) rotateZ(2.5deg) rotateY(-10deg);
  }
  55% {
    left: -25%;
    -webkit-transform: perspective(400px) rotateZ(1.25deg) rotateY(-5deg);
  }
  60% {
    left: -12.5%;
    -webkit-transform: perspective(400px) rotateZ(0.63deg) rotateY(-2.5deg);
  }
  65% {
    left: -6.25%;
    -webkit-transform: perspective(400px) rotateZ(0.31deg) rotateY(-1.25deg);
  }
  70% {
    left: -3.12%;
    -webkit-transform: perspective(400px) rotateZ(0.16deg) rotateY(-0.62deg);
  }
  75% {
    left: -1.56%;
    -webkit-transform: perspective(400px) rotateZ(0.08deg) rotateY(-0.31deg);
  }
  80% {
    left: -0.78%;
    -webkit-transform: perspective(400px) rotateZ(0.04deg) rotateY(-0.16deg);
  }
  85% {
    left: -0.39%;
    -webkit-transform: perspective(400px) rotateZ(0.02deg) rotateY(-0.08deg);
  }
  90% {
    left: -0.2%;
    -webkit-transform: perspective(400px) rotateZ(0.01deg) rotateY(-0.04deg);
  }
  95% {
    left: -0.1%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(-0.02deg);
  }
  100% {
    left: 0%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(0deg);
  }
}
@-webkit-keyframes rotcube-right-front2back {
  0% {
    left: 0%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(0deg);
  }
  5% {
    left: 0.1%;
    -webkit-transform: perspective(400px) rotateZ(1deg) rotateY(0.02deg);
  }
  10% {
    left: 0.2%;
    -webkit-transform: perspective(400px) rotateZ(4.99deg) rotateY(0.04deg);
  }
  15% {
    left: 0.39%;
    -webkit-transform: perspective(400px) rotateZ(4.98deg) rotateY(0.08deg);
  }
  20% {
    left: 0.78%;
    -webkit-transform: perspective(400px) rotateZ(4.96deg) rotateY(0.16deg);
  }
  25% {
    left: 1.56%;
    -webkit-transform: perspective(400px) rotateZ(4.92deg) rotateY(0.31deg);
  }
  30% {
    left: 3.13%;
    -webkit-transform: perspective(400px) rotateZ(4.84deg) rotateY(0.63deg);
  }
  35% {
    left: 6.25%;
    -webkit-transform: perspective(400px) rotateZ(4.69deg) rotateY(1.25deg);
  }
  40% {
    left: 12.5%;
    -webkit-transform: perspective(400px) rotateZ(4.38deg) rotateY(2.5deg);
  }
  45% {
    left: 25%;
    -webkit-transform: perspective(400px) rotateZ(3.75deg) rotateY(5deg);
  }
  50% {
    left: 50%;
    -webkit-transform: perspective(400px) rotateZ(2.5deg) rotateY(10deg);
  }
  55% {
    left: 75%;
    -webkit-transform: perspective(400px) rotateZ(1.25deg) rotateY(15deg);
  }
  60% {
    left: 87.5%;
    -webkit-transform: perspective(400px) rotateZ(0.63deg) rotateY(17.5deg);
  }
  65% {
    left: 93.75%;
    -webkit-transform: perspective(400px) rotateZ(0.31deg) rotateY(18.75deg);
  }
  70% {
    left: 96.88%;
    -webkit-transform: perspective(400px) rotateZ(0.16deg) rotateY(19.38deg);
  }
  75% {
    left: 98.44%;
    -webkit-transform: perspective(400px) rotateZ(0.08deg) rotateY(19.69deg);
  }
  80% {
    left: 99.22%;
    -webkit-transform: perspective(400px) rotateZ(0.04deg) rotateY(19.84deg);
  }
  85% {
    left: 99.61%;
    -webkit-transform: perspective(400px) rotateZ(0.02deg) rotateY(19.92deg);
  }
  90% {
    left: 99.8%;
    -webkit-transform: perspective(400px) rotateZ(0.01deg) rotateY(19.96deg);
  }
  95% {
    left: 99.9%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(19.98deg);
  }
  100% {
    left: 100%;
    -webkit-transform: perspective(400px) rotateZ(0deg) rotateY(20deg);
  }
}
@keyframes roll {
  0% {
    transform: perspective(500px) rotateX(25deg);
  }
  100% {
    transform: perspective(500px) rotateX(0deg);
  }
}
@keyframes roll2 {
  0% {
    transform: perspective(500px) rotateX(-25deg);
  }
  100% {
    transform: perspective(500px) rotateX(0deg);
  }
}
@-webkit-keyframes roll {
  0% {
    -webkit-transform: perspective(500px) rotateX(25deg);
  }
  100% {
    -webkit-transform: perspective(500px) rotateX(0deg);
  }
}
@-webkit-keyframes roll2 {
  0% {
    -webkit-transform: perspective(500px) rotateX(-25deg);
  }
  100% {
    -webkit-transform: perspective(500px) rotateX(0deg);
  }
}
@keyframes roll-f {
  0% {
    transform: perspective(500px) rotateX(0deg);
  }
  100% {
    transform: perspective(500px) rotateX(90deg);
  }
}
@keyframes roll-f2 {
  0% {
    transform: perspective(500px) rotateX(90deg);
  }
  100% {
    transform: perspective(500px) rotateX(0deg);
  }
}
@-webkit-keyframes roll-f {
  0% {
    -webkit-transform: perspective(500px) rotateX(0deg);
  }
  100% {
    -webkit-transform: perspective(500px) rotateX(90deg);
  }
}
@-webkit-keyframes roll-f2 {
  0% {
    -webkit-transform: perspective(500px) rotateX(90deg);
  }
  100% {
    -webkit-transform: perspective(500px) rotateX(0deg);
  }
}