.fillmode {
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active {
  display: block;
}
#obo_slider .active .i11 {
  animation: i11 0.8s;
  -webkit-animation: i11  0.8s;
  -moz-animation: i11  0.8s;
  -o-animation: i11  0.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i12 {
  animation: i12 0.8s 0.8s;
  -webkit-animation: i12  0.8s 0.8s;
  -moz-animation: i12  0.8s 0.8s;
  -o-animation: i12  0.8s 0.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i13 {
  animation: i13 1s 1.6s;
  -webkit-animation: i13  1s 1.6s;
  -moz-animation: i13  1s 1.6s;
  -o-animation: i13  1s 1.6s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i14 {
  animation: i14 1s 2.2s;
  -webkit-animation: i14  1s 2.2s;
  -moz-animation: i14  1s 2.2s;
  -o-animation: i14  1s 2.2s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i15 {
  animation: i15 1s 2.6s;
  -webkit-animation: i15  1s 2.6s;
  -moz-animation: i15  1s 2.6s;
  -o-animation: i15  1s 2.6s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i22 {
  animation: i22 1s;
  -webkit-animation: i22 1s;
  -moz-animation: i22 1s;
  -o-animation: i22 1s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i21 {
  animation: i21 1s 0.8s;
  -webkit-animation: i21 1s 0.8s;
  -moz-animation: i21 1s 0.8s;
  -o-animation: i21 1s 0.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i23 {
  animation: i15 1s 1.4s;
  -webkit-animation: i15 1s 1.4s;
  -moz-animation: i15 1s 1.4s;
  -o-animation: i15 1s 1.4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i24 {
  animation: i15 1s 1.8s;
  -webkit-animation: i15 1s 1.8s;
  -moz-animation: i15 1s 1.8s;
  -o-animation: i15 1s 1.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i25 {
  animation: i15 1s 3s;
  -webkit-animation: i15 1s 3s;
  -moz-animation: i15 1s 3s;
  -o-animation: i15 1s 3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i26 {
  animation: i15 1s 2.4s;
  -webkit-animation: i15 1s 2.4s;
  -moz-animation: i15 1s 2.4s;
  -o-animation: i15 1s 2.4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .i33 {
  animation: i22 0.6s;
  -webkit-animation: i22 0.6s;
  -moz-animation: i22 0.6s;
  -o-animation: i22 0.6s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  z-index: 1;
}
#obo_slider .active .i32 {
  animation: i14 0.6s 0.6s;
  -webkit-animation: i14 0.6s 0.6s;
  -moz-animation: i14 0.6s 0.6s;
  -o-animation: i14 0.6s 0.6s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  z-index: 2;
}
#obo_slider .active .i31 {
  animation: i31 1s 1s;
  -webkit-animation: i31 1s 1s;
  -moz-animation: i31 1s 1s;
  -o-animation: i31 1s 1s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  z-index: 3;
}
#obo_slider .active .i38 {
  animation: i22 1s 2.2s;
  -webkit-animation: i22 1s 2.2s;
  -moz-animation: i22 1s 2.2s;
  -o-animation: i22 1s 2.2s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  z-index: 3;
}
#obo_slider .active .i34 {
  animation: i34 1s 2.4s;
  -webkit-animation: i34 1s 2.4s;
  -moz-animation: i34 1s 2.4s;
  -o-animation: i34 1s 2.4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  z-index: 3;
}
#obo_slider .active .i36 {
  animation: i36 1s 2.8s;
  -webkit-animation: i36 1s 2.8s;
  -moz-animation: i36 1s 2.8s;
  -o-animation: i36 1s 2.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  z-index: 4;
}
#obo_slider .active .i37 {
  animation: i15 1s 3.8s;
  -webkit-animation: i15 1s 2.8s;
  -moz-animation: i15 1s 2.8s;
  -o-animation: i15 1s 2.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  z-index: 4;
}
#obo_slider .active .i35 {
  animation: i21 1s 3.2s;
  -webkit-animation: i21 1s 3.2s;
  -moz-animation: i21 1s 3.2s;
  -o-animation: i21 1s 3.2s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  z-index: 4;
}
#obo_slider .active .s31 {
  animation: s31 1s;
  -webkit-animation: s31 1s;
  -moz-animation: s31 1s;
  -o-animation: s31 1s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .s32 {
  animation: s31 1s 0.8s;
  -webkit-animation: s31 1s 0.8s;
  -moz-animation: s31 1s 0.8s;
  -o-animation: s31 1s 0.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .s33 {
  animation: s31 1s 1.6s;
  -webkit-animation: s31 1s 1.6s;
  -moz-animation: s31 1s 1.6s;
  -o-animation: s31 1s 1.6s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .sa3 {
  animation: s31 1s 2.4s;
  -webkit-animation: s31 1s 2.4s;
  -moz-animation: s31 1s 2.4s;
  -o-animation: s31 1s 2.4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .sa3 img {
  opacity: 1;
}
#obo_slider .active .s21 {
  animation: s21 0.6s 0.2s;
  -webkit-animation: s21 0.6s 0.2s;
  -moz-animation: s21 0.6s 0.2s;
  -o-animation: s21 0.6s 0.2s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .s22 {
  animation: s21 0.6s 0.4s;
  -webkit-animation: s21 0.6s 0.4s;
  -moz-animation: s21 0.6s 0.4s;
  -o-animation: s21 0.6s 0.4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .s23 {
  animation: s21 0.6s 0.8s;
  -webkit-animation: s21 0.6s 0.8s;
  -moz-animation: s21 0.6s 0.8s;
  -o-animation: s21 0.6s 0.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .sa2 {
  animation: s21 0.6s 1.2s;
  -webkit-animation: s21 0.6s 1.2s;
  -moz-animation: s21 0.6s 1.2s;
  -o-animation: s21 0.6s 1.2s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .sa2 img {
  opacity: 1;
}
#obo_slider .active .s11 {
  animation: i22 0.6s;
  -webkit-animation: i22 0.6s;
  -moz-animation: i22 0.6s;
  -o-animation: i22 0.6s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .s12 {
  animation: i22 0.6s 0.4s;
  -webkit-animation: i22 0.6s 0.4s;
  -moz-animation: i22 0.6s 0.4s;
  -o-animation: i22 0.6s 0.4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .s13 {
  animation: i22 0.6s 0.8s;
  -webkit-animation: i22 0.6s 0.8s;
  -moz-animation: i22 0.6s 0.8s;
  -o-animation: i22 0.6s 0.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
#obo_slider .active .sa1 {
  animation: i22 0.6s 1.2s;
  -webkit-animation: i22 0.6s 1.2s;
  -moz-animation: i22 0.6s 1.2s;
  -o-animation: i22 0.6s 1.2s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
@keyframes s21 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes s21 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes s21 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes s21 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes s31 {
  0% {
    opacity: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@-webkit-keyframes s31 {
  0% {
    opacity: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@-moz-keyframes s31 {
  0% {
    opacity: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@-o-keyframes s31 {
  0% {
    opacity: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@keyframes i36 {
  0% {
    opacity: 0;
    transform: translate(-100%, 100%);
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}
@-webkit-keyframes i36 {
  0% {
    opacity: 0;
    transform: translate(-100%, 100%);
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}
@-moz-keyframes i36 {
  0% {
    opacity: 0;
    transform: translate(-100%, 100%);
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}
@-o-keyframes i36 {
  0% {
    opacity: 0;
    transform: translate(-100%, 100%);
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}
@keyframes i34 {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 130px;
  }
}
@-webkit-keyframes i34 {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 130px;
  }
}
@-moz-keyframes i34 {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 130px;
  }
}
@-o-keyframes i34 {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 130px;
  }
}
@keyframes i31 {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
  75% {
    opacity: 1;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes i31 {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
  75% {
    opacity: 1;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes i31 {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
  75% {
    opacity: 1;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes i31 {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
  75% {
    opacity: 1;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes i21 {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: scale(-100%);
    -moz-transform: scale(-100%);
    -o-transform: scale(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
@-webkit-keyframes i21 {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: scale(-100%);
    -moz-transform: scale(-100%);
    -o-transform: scale(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
@-moz-keyframes i21 {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: scale(-100%);
    -moz-transform: scale(-100%);
    -o-transform: scale(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
@-o-keyframes i21 {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: scale(-100%);
    -moz-transform: scale(-100%);
    -o-transform: scale(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
@keyframes i22 {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes i22 {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes i22 {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes i22 {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes i15 {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@-webkit-keyframes i15 {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@-moz-keyframes i15 {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@-o-keyframes i15 {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@keyframes i14 {
  0% {
    opacity: 0;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@-webkit-keyframes i14 {
  0% {
    opacity: 0;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@-moz-keyframes i14 {
  0% {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
  }
  100% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@-o-keyframes i14 {
  0% {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
  }
  100% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@keyframes i13 {
  0% {
    opacity: 0;
    transform: translateX(100%) rotate(90deg);
    -webkit-transform: translateX(100%) rotate(90deg);
    -moz-transform: translateX(100%) rotate(90deg);
    -o-transform: translateX(100%) rotate(90deg);
  }
  100% {
    transform: translateX(0) rotate(0);
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes i13 {
  0% {
    opacity: 0;
    transform: translateX(100%) rotate(90deg);
    -webkit-transform: translateX(100%) rotate(90deg);
    -moz-transform: translateX(100%) rotate(90deg);
    -o-transform: translateX(100%) rotate(90deg);
  }
  100% {
    transform: translateX(0) rotate(0);
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes i13 {
  0% {
    opacity: 0;
    transform: translateX(100%) rotate(90deg);
    -webkit-transform: translateX(100%) rotate(90deg);
    -moz-transform: translateX(100%) rotate(90deg);
    -o-transform: translateX(100%) rotate(90deg);
  }
  100% {
    transform: translateX(0) rotate(0);
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    opacity: 1;
  }
}
@-o-keyframes i13 {
  0% {
    opacity: 0;
    transform: translateX(100%) rotate(90deg);
    -webkit-transform: translateX(100%) rotate(90deg);
    -moz-transform: translateX(100%) rotate(90deg);
    -o-transform: translateX(100%) rotate(90deg);
  }
  100% {
    transform: translateX(0) rotate(0);
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    opacity: 1;
  }
}
@keyframes i12 {
  0% {
    opacity: 0;
    transform: translateX(50%) rotate(-45deg);
    -webkit-transform: translateX(50%) rotate(-45deg);
    -moz-transform: translateX(50%) rotate(-45deg);
    -o-transform: translateX(50%) rotate(-45deg);
  }
  100% {
    transform: translateX(0) rotate(0);
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes i12 {
  0% {
    opacity: 0;
    transform: translateX(50%) rotate(-45deg);
    -webkit-transform: translateX(50%) rotate(-45deg);
    -moz-transform: translateX(50%) rotate(-45deg);
    -o-transform: translateX(50%) rotate(-45deg);
  }
  100% {
    transform: translateX(0) rotate(0);
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes i12 {
  0% {
    opacity: 0;
    transform: translateX(50%) rotate(-45deg);
    -webkit-transform: translateX(50%) rotate(-45deg);
    -moz-transform: translateX(50%) rotate(-45deg);
    -o-transform: translateX(50%) rotate(-45deg);
  }
  100% {
    transform: translateX(0) rotate(0);
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    opacity: 1;
  }
}
@-o-keyframes i11 {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes i11 {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes i11 {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes i11 {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}