.rotate3d {
  -webkit-animation-name: rotate3d;
  -moz-animation-name: rotate3d;
  -o-animation-name: rotate3d;
  animation-name: rotate3d;
}

@keyframes rotate3d {
  0% {
    transform: rotateY(-90deg);
  }
  50% {
      transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}

/*@-webkit-keyframes rotate3d {
    0% {
      -webkit-transform: rotateY(90deg);
    }

    50% {
      -webkit-transform: rotateY(360deg);
    }
    100% {
      -webkit-transform: rotateY(2700deg);
    }
}

@-o-keyframes rotate3d {
    0% {
      -o-transform: rotateY(90deg);
    }
    50% {
      -o-transform: rotateY(360deg);
    }
    100% {
      -o-transform: rotateY(270deg);
    }
}

@-moz-keyframes rotate3d {
    0% {
      -moz-transform: rotateY(90deg);
    }
    50% {
      -moz-transform: rotateY(360deg);
    }
    100% {
      -moz-transform: rotateY(270deg);
    }
  }*/
}



.animated {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}

@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}

@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes bounce-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@-o-keyframes bounce-in {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}

@-moz-keyframes bounce-in {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}

.bounce-in {
  -webkit-animation-name: bounce-in;
  -moz-animation-name: bounce-in;
  -o-animation-name: bounce-in;
  animation-name: bounce-in;
}

@keyframes bounce-down-in {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounce-down-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@-o-keyframes bounce-down-in {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}

@-moz-keyframes bounce-down-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}

.bounce-down-in {
  -webkit-animation-name: bounce-down-in;
  -moz-animation-name: bounce-down-in;
  -o-animation-name: bounce-down-in;
  animation-name: bounce-down-in;
}

@keyframes bounce-left-in {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes bounce-left-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}

@-o-keyframes bounce-left-in {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}

@-moz-keyframes bounce-left-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}

.bounce-left-in {
  -webkit-animation-name: bounce-left-in;
  -moz-animation-name: bounce-left-in;
  -o-animation-name: bounce-left-in;
  animation-name: bounce-left-in;
}

@keyframes bounce-right-in {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes bounce-right-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}

@-o-keyframes bounce-right-in {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}

@-moz-keyframes bounce-right-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}

.bounce-right-in {
  -webkit-animation-name: bounce-right-in;
  -moz-animation-name: bounce-right-in;
  -o-animation-name: bounce-right-in;
  animation-name: bounce-right-in;
}

@keyframes bounce-up-in {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounce-up-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@-o-keyframes bounce-up-in {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}

@-moz-keyframes bounce-up-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}

.bounce-up-in {
  -webkit-animation-name: bounce-up-in;
  -moz-animation-name: bounce-up-in;
  -o-animation-name: bounce-up-in;
  animation-name: bounce-up-in;
}

@keyframes bounce-out {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}

@-webkit-keyframes bounce-out {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}

@-o-keyframes bounce-out {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}

@-moz-keyframes bounce-out {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}

.bounce-out {
  -webkit-animation-name: bounce-out;
  -moz-animation-name: bounce-out;
  -o-animation-name: bounce-out;
  animation-name: bounce-out;
}

@keyframes bounce-down-out {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

@-webkit-keyframes bounce-down-out {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-o-keyframes bounce-down-out {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}

@-moz-keyframes bounce-down-out {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

.bounce-down-out {
  -webkit-animation-name: bounce-down-out;
  -moz-animation-name: bounce-down-out;
  -o-animation-name: bounce-down-out;
  animation-name: bounce-down-out;
}

@keyframes bounce-up-out {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

@-webkit-keyframes bounce-up-out {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-o-keyframes bounce-up-out {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@-moz-keyframes bounce-up-out {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

.bounce-up-out {
  -webkit-animation-name: bounce-up-out;
  -moz-animation-name: bounce-up-out;
  -o-animation-name: bounce-up-out;
  animation-name: bounce-up-out;
}

@keyframes bounce-right-out {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

@-webkit-keyframes bounce-right-out {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}

@-o-keyframes bounce-right-out {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}

@-moz-keyframes bounce-right-out {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}

.bounce-right-out {
  -webkit-animation-name: bounce-right-out;
  -moz-animation-name: bounce-right-out;
  -o-animation-name: bounce-right-out;
  animation-name: bounce-right-out;
}

@keyframes bounce-left-out {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

@-webkit-keyframes bounce-left-out {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}

@-o-keyframes bounce-left-out {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}

@-moz-keyframes bounce-left-out {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}

.bounce-left-out {
  -webkit-animation-name: bounce-left-out;
  -moz-animation-name: bounce-left-out;
  -o-animation-name: bounce-left-out;
  animation-name: bounce-left-out;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in {
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  -o-animation-name: fade-in;
  animation-name: fade-in;
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fade-out {
  -webkit-animation-name: fade-out;
  -moz-animation-name: fade-out;
  -o-animation-name: fade-out;
  animation-name: fade-out;
}

@keyframes fade-down-in {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fade-down-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-o-keyframes fade-down-in {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@-moz-keyframes fade-down-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

.fade-down-in {
  -webkit-animation-name: fade-down-in;
  -moz-animation-name: fade-down-in;
  -o-animation-name: fade-down-in;
  animation-name: fade-down-in;
}

@keyframes fade-down-big-in {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fade-down-big-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-o-keyframes fade-down-big-in {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@-moz-keyframes fade-down-big-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

.fade-down-big-in {
  -webkit-animation-name: fade-down-big-in;
  -moz-animation-name: fade-down-big-in;
  -o-animation-name: fade-down-big-in;
  animation-name: fade-down-big-in;
}

@keyframes fade-left-in {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fade-left-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-o-keyframes fade-left-in {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@-moz-keyframes fade-left-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

.fade-left-in {
  -webkit-animation-name: fade-left-in;
  -moz-animation-name: fade-left-in;
  -o-animation-name: fade-left-in;
  animation-name: fade-left-in;
}

@keyframes fade-left-big-in {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fade-left-big-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-o-keyframes fade-left-big-in {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@-moz-keyframes fade-left-big-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

.fade-left-big-in {
  -webkit-animation-name: fade-left-big-in;
  -moz-animation-name: fade-left-big-in;
  -o-animation-name: fade-left-big-in;
  animation-name: fade-left-big-in;
}

@keyframes fade-right-in {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fade-right-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-o-keyframes fade-right-in {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@-moz-keyframes fade-right-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

.fade-right-in {
  -webkit-animation-name: fade-right-in;
  -moz-animation-name: fade-right-in;
  -o-animation-name: fade-right-in;
  animation-name: fade-right-in;
}

@keyframes fade-right-big-in {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fade-right-big-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-o-keyframes fade-right-big-in {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@-moz-keyframes fade-right-big-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

.fade-right-big-in {
  -webkit-animation-name: fade-right-big-in;
  -moz-animation-name: fade-right-big-in;
  -o-animation-name: fade-right-big-in;
  animation-name: fade-right-big-in;
}

@keyframes fade-up-in {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fade-up-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-o-keyframes fade-up-in {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@-moz-keyframes fade-up-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

.fade-up-in {
  -webkit-animation-name: fade-up-in;
  -moz-animation-name: fade-up-in;
  -o-animation-name: fade-up-in;
  animation-name: fade-up-in;
}

@keyframes fade-up-big-in {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fade-up-big-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-o-keyframes fade-up-big-in {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@-moz-keyframes fade-up-big-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

.fade-up-big-in {
  -webkit-animation-name: fade-up-big-in;
  -moz-animation-name: fade-up-big-in;
  -o-animation-name: fade-up-big-in;
  animation-name: fade-up-big-in;
}

@keyframes fade-down-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

@-webkit-keyframes fade-down-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}

@-o-keyframes fade-down-out {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}

@-moz-keyframes fade-down-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}

.fade-down-out {
  -webkit-animation-name: fade-down-out;
  -moz-animation-name: fade-down-out;
  -o-animation-name: fade-down-out;
  animation-name: fade-down-out;
}

@keyframes fade-down-big-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

@-webkit-keyframes fade-down-big-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-o-keyframes fade-down-big-out {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}

@-moz-keyframes fade-down-big-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

.fade-down-big-out {
  -webkit-animation-name: fade-down-big-out;
  -moz-animation-name: fade-down-big-out;
  -o-animation-name: fade-down-big-out;
  animation-name: fade-down-big-out;
}

@keyframes fade-left-out {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}

@-webkit-keyframes fade-left-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}

@-o-keyframes fade-left-out {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}

@-moz-keyframes fade-left-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}

.fade-left-out {
  -webkit-animation-name: fade-left-out;
  -moz-animation-name: fade-left-out;
  -o-animation-name: fade-left-out;
  animation-name: fade-left-out;
}

@keyframes fade-left-big-out {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

@-webkit-keyframes fade-left-big-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}

@-o-keyframes fade-left-big-out {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}

@-moz-keyframes fade-left-big-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}

.fade-left-big-out {
  -webkit-animation-name: fade-left-big-out;
  -moz-animation-name: fade-left-big-out;
  -o-animation-name: fade-left-big-out;
  animation-name: fade-left-big-out;
}

@keyframes fade-right-out {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}

@-webkit-keyframes fade-right-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}

@-o-keyframes fade-right-out {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}

@-moz-keyframes fade-right-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}

.fade-right-out {
  -webkit-animation-name: fade-right-out;
  -moz-animation-name: fade-right-out;
  -o-animation-name: fade-right-out;
  animation-name: fade-right-out;
}

@keyframes fade-right-big-out {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

@-webkit-keyframes fade-right-big-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}

@-o-keyframes fade-right-big-out {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}

@-moz-keyframes fade-right-big-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}

.fade-right-big-out {
  -webkit-animation-name: fade-right-big-out;
  -moz-animation-name: fade-right-big-out;
  -o-animation-name: fade-right-big-out;
  animation-name: fade-right-big-out;
}

@keyframes fade-up-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

@-webkit-keyframes fade-up-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}

@-o-keyframes fade-up-out {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}

@-moz-keyframes fade-up-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}

.fade-up-out {
  -webkit-animation-name: fade-up-out;
  -moz-animation-name: fade-up-out;
  -o-animation-name: fade-up-out;
  animation-name: fade-up-out;
}

@keyframes fade-up-big-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

@-webkit-keyframes fade-up-big-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-o-keyframes fade-up-big-out {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@-moz-keyframes fade-up-big-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

.fade-up-big-out {
  -webkit-animation-name: fade-up-big-out;
  -moz-animation-name: fade-up-big-out;
  -o-animation-name: fade-up-big-out;
  animation-name: fade-up-big-out;
}

@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}

@keyframes fold-in {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 1000px;
  }
}

@-webkit-keyframes fold-in {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 1000px;
  }
}

@-o-keyframes fold-in {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 1000px;
  }
}

@-moz-keyframes fold-in {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 1000px;
  }
}

.fold-in {
  overflow: hidden;
  -webkit-animation-name: fold-in;
  -moz-animation-name: fold-in;
  -o-animation-name: fold-in;
  animation-name: fold-in;
}

.animated.fold-in {
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
}

@keyframes fold-small-in {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 500px;
  }
}

@-webkit-keyframes fold-small-in {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 500px;
  }
}

@-o-keyframes fold-small-in {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 500px;
  }
}

@-moz-keyframes fold-small-in {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 500px;
  }
}

.fold-small-in {
  overflow: hidden;
  -webkit-animation-name: fold-small-out;
  -moz-animation-name: fold-small-out;
  -o-animation-name: fold-small-out;
  animation-name: fold-small-out;
}

.animated.fold-small-in {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

@keyframes fold-out {
  0% {
    max-height: 1000px;
  }
  99% {
    max-height: 0px;
  }
}

@-webkit-keyframes fold-out {
  0% {
    max-height: 1000px;
  }
  99% {
    max-height: 0px;
  }
}

@-o-keyframes fold-out {
  0% {
    max-height: 1000px;
  }
  99% {
    max-height: 0px;
  }
}

@-moz-keyframes fold-out {
  0% {
    max-height: 1000px;
  }
  99% {
    max-height: 0px;
  }
}

.fold-out {
  overflow: hidden;
  -webkit-animation-name: fold-out;
  -moz-animation-name: fold-out;
  -o-animation-name: fold-out;
  animation-name: fold-out;
}

.animated.fold-out {
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
}

@keyframes fold-small-out {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 500px;
  }
}

@-webkit-keyframes fold-small-out {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 500px;
  }
}

@-o-keyframes fold-small-out {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 500px;
  }
}

@-moz-keyframes fold-small-out {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 500px;
  }
}

.fold-small-out {
  overflow: hidden;
  -webkit-animation-name: fold-small-out;
  -moz-animation-name: fold-small-out;
  -o-animation-name: fold-small-out;
  animation-name: fold-small-out;
}

.animated.fold-small-out {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

@keyframes grow-in {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes grow-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@-o-keyframes grow-in {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}

@-moz-keyframes grow-in {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}

.grow-in {
  -webkit-animation-name: grow-in;
  -moz-animation-name: grow-in;
  -o-animation-name: grow-in;
  animation-name: grow-in;
}

@keyframes grow-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

@-webkit-keyframes grow-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
  }
}

@-o-keyframes grow-out {
  0% {
    opacity: 1;
    -o-transform: scale(1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(2);
  }
}

@-moz-keyframes grow-out {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(2);
  }
}

.grow-out {
  -webkit-animation-name: grow-out;
  -moz-animation-name: grow-out;
  -o-animation-name: grow-out;
  animation-name: grow-out;
}

@keyframes hinge-out {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}

@-webkit-keyframes hinge-out {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}

@-o-keyframes hinge-out {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}

@-moz-keyframes hinge-out {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}

.hinge-out {
  -webkit-animation-name: hinge-out;
  -moz-animation-name: hinge-out;
  -o-animation-name: hinge-out;
  animation-name: hinge-out;
}

.animated.hinge-out {
  -webkit-animation-duration: 1.75s;
  -moz-animation-duration: 1.75s;
  -o-animation-duration: 1.75s;
  animation-duration: 1.75s;
}

@keyframes light-speed-in {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes light-speed-in {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@-o-keyframes light-speed-in {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@-moz-keyframes light-speed-in {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.light-speed-in {
  -webkit-animation-name: light-speed-in;
  -moz-animation-name: light-speed-in;
  -o-animation-name: light-speed-in;
  animation-name: light-speed-in;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.animated.light-speed-in {
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

@keyframes light-speed-in {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-webkit-keyframes light-speed-in {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-o-keyframes light-speed-in {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-moz-keyframes light-speed-in {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.light-speed-in {
  -webkit-animation-name: light-speed-in;
  -moz-animation-name: light-speed-in;
  -o-animation-name: light-speed-in;
  animation-name: light-speed-in;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.animated.light-speed-in {
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

@keyframes roll-in {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}

@-webkit-keyframes roll-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}

@-o-keyframes roll-in {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}

@-moz-keyframes roll-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}

.roll-in {
  -webkit-animation-name: roll-in;
  -moz-animation-name: roll-in;
  -o-animation-name: roll-in;
  animation-name: roll-in;
}

@keyframes roll-out {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}

@-webkit-keyframes roll-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}

@-o-keyframes roll-out {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}

@-moz-keyframes roll-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}

.roll-out {
  -webkit-animation-name: roll-out;
  -moz-animation-name: roll-out;
  -o-animation-name: roll-out;
  animation-name: roll-out;
}

@keyframes rotate-in {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotate-in {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotate-in {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

.rotate-in {
  -webkit-animation-name: rotate-in;
  -moz-animation-name: rotate-in;
  -o-animation-name: rotate-in;
  animation-name: rotate-in;
}

@keyframes rotate-down-left-in {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotate-down-left-in {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotate-down-left-in {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotate-down-left-in {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

.rotate-down-left-in {
  -webkit-animation-name: rotate-down-left-in;
  -moz-animation-name: rotate-down-left-in;
  -o-animation-name: rotate-down-left-in;
  animation-name: rotate-down-left-in;
}

@keyframes rotate-down-right-in {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotate-down-right-in {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotate-down-right-in {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotate-down-right-in {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

.rotate-down-right-in {
  -webkit-animation-name: rotate-down-right-in;
  -moz-animation-name: rotate-down-right-in;
  -o-animation-name: rotate-down-right-in;
  animation-name: rotate-down-right-in;
}

@keyframes rotate-up-left-in {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotate-up-left-in {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotate-up-left-in {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotate-up-left-in {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

.rotate-up-left-in {
  -webkit-animation-name: rotate-up-left-in;
  -moz-animation-name: rotate-up-left-in;
  -o-animation-name: rotate-up-left-in;
  animation-name: rotate-up-left-in;
}

@keyframes rotate-up-right-in {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotate-up-right-in {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotate-up-right-in {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotate-up-right-in {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

.rotate-up-right-in {
  -webkit-animation-name: rotate-up-right-in;
  -moz-animation-name: rotate-up-right-in;
  -o-animation-name: rotate-up-right-in;
  animation-name: rotate-up-right-in;
}

@keyframes rotate-out {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}

@-o-keyframes rotate-out {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}

@-moz-keyframes rotate-out {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}

.rotate-out {
  -webkit-animation-name: rotate-out;
  -moz-animation-name: rotate-out;
  -o-animation-name: rotate-out;
  animation-name: rotate-out;
}

@keyframes rotate-down-left-out {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotate-down-left-out {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}

@-o-keyframes rotate-down-left-out {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotate-down-left-out {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}

.rotate-down-left-out {
  -webkit-animation-name: rotate-down-left-out;
  -moz-animation-name: rotate-down-left-out;
  -o-animation-name: rotate-down-left-out;
  animation-name: rotate-down-left-out;
}

@keyframes rotate-down-right-out {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotate-down-right-out {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotate-down-right-out {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotate-down-right-out {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotate-down-right-out {
  -webkit-animation-name: rotate-down-right-out;
  -moz-animation-name: rotate-down-right-out;
  -o-animation-name: rotate-down-right-out;
  animation-name: rotate-down-right-out;
}

@keyframes rotate-up-left-out {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotate-up-left-out {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit--transform-origin: left bottom;
    -webkit--transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotate-up-left-out {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o--transform-origin: left bottom;
    -o--transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotate-up-left-out {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz--transform-origin: left bottom;
    -moz--transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotate-up-left-out {
  -webkit-animation-name: rotate-up-left-out;
  -moz-animation-name: rotate-up-left-out;
  -o-animation-name: rotate-up-left-out;
  animation-name: rotate-up-left-out;
}

@keyframes rotate-up-right-out {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotate-up-right-out {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}

@-o-keyframes rotate-up-right-out {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotate-up-right-out {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}

.rotate-up-right-out {
  -webkit-animation-name: rotate-up-right-out;
  -moz-animation-name: rotate-up-right-out;
  -o-animation-name: rotate-up-right-out;
  animation-name: rotate-up-right-out;
}

@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}

@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}

@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

@keyframes shrink-in {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}

@-webkit-keyframes shrink-in {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}

@-o-keyframes shrink-in {
  0% {
    opacity: 1;
    -o-transform: scale(1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}

@-moz-keyframes shrink-in {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}

.shrink-in {
  -webkit-animation-name: shrink-in;
  -moz-animation-name: shrink-in;
  -o-animation-name: shrink-in;
  animation-name: shrink-in;
}

@keyframes shrink-out {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes shrink-out {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@-o-keyframes shrink-out {
  0% {
    opacity: 0;
    -o-transform: scale(2);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}

@-moz-keyframes shrink-out {
  0% {
    opacity: 0;
    -moz-transform: scale(2);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}

.shrink-out {
  -webkit-animation-name: shrink-out;
  -moz-animation-name: shrink-out;
  -o-animation-name: shrink-out;
  animation-name: shrink-out;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}

.swing {
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
}

@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}

@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}

@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}

@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}

.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.animated.wiggle {
  -webkit-animation-duration: 0.5;
  -moz-animation-duration: 0.5;
  -o-animation-duration: 0.5;
  animation-duration: 0.5;
}

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}

@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}

.spin {
  -webkit-animation-name: spin;
  -moz-animation-name: spin;
  -o-animation-name: spin;
  animation-name: spin;
}

.preloader__inner {
  position: relative;
  /*animation: rotate 2s linear infinite;*/
  width: 200px;
  height: 100px;
}

@keyframes cpl_opacity1 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0, 0);
    opacity: 0;
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
  }
}

@-webkit-keyframes cpl_opacity1 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0, 0);
    opacity: 0;
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
  }
}

@-o-keyframes cpl_opacity1 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0, 0);
    opacity: 0;
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
  }
}

@-moz-keyframes cpl_opacity1 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0, 0);
    opacity: 0;
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
  }
}

.cpl_opacity1 {
  -webkit-animation-name: cpl_opacity1;
  -moz-animation-name: cpl_opacity1;
  -o-animation-name: cpl_opacity1;
  animation-name: cpl_opacity1;
}

@keyframes cpl_opacity2 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(0, 0);
    opacity: 0;
  }
  75% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
  }
}

@-webkit-keyframes cpl_opacity2 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(0, 0);
    opacity: 0;
  }
  75% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
  }
}

@-o-keyframes cpl_opacity2 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(0, 0);
    opacity: 0;
  }
  75% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
  }
}

@-moz-keyframes cpl_opacity2 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(0, 0);
    opacity: 0;
  }
  75% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
  }
}

.cpl_opacity2 {
  -webkit-animation-name: cpl_opacity2;
  -moz-animation-name: cpl_opacity2;
  -o-animation-name: cpl_opacity2;
  animation-name: cpl_opacity2;
}

@-webkit-keyframes cpl_opacity2 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(0, 0);
    opacity: 0;
  }
  75% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
  }
}

@-o-keyframes cpl_opacity2 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(0, 0);
    opacity: 0;
  }
  75% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
  }
}

@-moz-keyframes cpl_opacity2 {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(0, 0);
    opacity: 0;
  }
  75% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
  }
}

.cpl_opacity2 {
  -webkit-animation-name: cpl_opacity2;
  -moz-animation-name: cpl_opacity2;
  -o-animation-name: cpl_opacity2;
  animation-name: cpl_opacity2;
}

@keyframes cpl_opacity3 {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

@-webkit-keyframes cpl_opacity3 {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

@-o-keyframes cpl_opacity3 {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

@-moz-keyframes cpl_opacity3 {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

.cpl_opacity3 {
  -webkit-animation-name: cpl_opacity3;
  -moz-animation-name: cpl_opacity3;
  -o-animation-name: cpl_opacity3;
  animation-name: cpl_opacity3;
}

@keyframes cpl_opacity3 {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

@keyframes cpl_move {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

@-webkit-keyframes cpl_move {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

@-o-keyframes cpl_move {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

@-moz-keyframes cpl_move {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

.cpl_move {
  -webkit-animation-name: cpl_move;
  -moz-animation-name: cpl_move;
  -o-animation-name: cpl_move;
  animation-name: cpl_move;
}

@-webkit-keyframes cpl_opacity3 {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

@-o-keyframes cpl_opacity3 {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

@-moz-keyframes cpl_opacity3 {
  0% {
    transform: scale(1, 1);
    /*translate(100px,10px);*/
  }
  25% {
    transform: scale(1, 1);
    /*opacity: 0;*/
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    /*translate(0,0);*/
  }
}

.cpl_opacity3 {
  -webkit-animation-name: cpl_opacity3;
  -moz-animation-name: cpl_opacity3;
  -o-animation-name: cpl_opacity3;
  animation-name: cpl_opacity3;
}

@keyframes cpl_move {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(-18px, 15px);
  }
  20% {
    transform: translate(-38px, 20px);
  }
  30% {
    transform: translate(-56px, 15px);
  }
  40% {
    transform: translate(-76px, 0px);
  }
  50% {
    transform: translate(-56px, -15px);
  }
  60% {
    transform: translate(-38px, -20px);
  }
  70% {
    transform: translate(-18px, -15px);
  }
  80% {
    transform: translate(0px, 0px);
  }
}

@-webkit-keyframes cpl_move {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(-18px, 15px);
  }
  20% {
    transform: translate(-38px, 20px);
  }
  30% {
    transform: translate(-56px, 15px);
  }
  40% {
    transform: translate(-76px, 0px);
  }
  50% {
    transform: translate(-56px, -15px);
  }
  60% {
    transform: translate(-38px, -20px);
  }
  70% {
    transform: translate(-18px, -15px);
  }
  80% {
    transform: translate(0px, 0px);
  }
}

@-o-keyframes cpl_move {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(-18px, 15px);
  }
  20% {
    transform: translate(-38px, 20px);
  }
  30% {
    transform: translate(-56px, 15px);
  }
  40% {
    transform: translate(-76px, 0px);
  }
  50% {
    transform: translate(-56px, -15px);
  }
  60% {
    transform: translate(-38px, -20px);
  }
  70% {
    transform: translate(-18px, -15px);
  }
  80% {
    transform: translate(0px, 0px);
  }
}

@-moz-keyframes cpl_move {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(-18px, 15px);
  }
  20% {
    transform: translate(-38px, 20px);
  }
  30% {
    transform: translate(-56px, 15px);
  }
  40% {
    transform: translate(-76px, 0px);
  }
  50% {
    transform: translate(-56px, -15px);
  }
  60% {
    transform: translate(-38px, -20px);
  }
  70% {
    transform: translate(-18px, -15px);
  }
  80% {
    transform: translate(0px, 0px);
  }
}

.cpl_move {
  -webkit-animation-name: cpl_move;
  -moz-animation-name: cpl_move;
  -o-animation-name: cpl_move;
  animation-name: cpl_move;
}

.animated-slow {
  -webkit-animation-duration: 2.5s;
  -moz-animation-duration: 2.5s;
  -o-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.animated-normal {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.animated-fast {
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.animated-insane {
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

#cpl-preloader-overlay {
  background: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  text-align: center;
}

#cpl-preloader-image {
  height: 100%;
  width: 100%;
  display: none;
}

.preloader__h3_custom-text {
  display: none;
}

.cpl-preloader-image {
  display: none;
}

.preloader-bottom-margin {
  margin-bottom: 20px;
}

.animated.infinite, .animated-slow.infinite, .animated-fast.infinite, .animated-insane.infinite, .animated-normal.infinite {
  animation-iteration-count: infinite;
}

#cpl-spinner1 {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

#cpl-spinner1 from {
  transform: rotate(0deg);
}

#cpl-spinner1 to {
  transform: rotate(359deg);
}