@-moz-keyframes slidePop {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(30px);
  }
}
@-webkit-keyframes slidePop {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(30px);
  }
}
@-o-keyframes slidePop {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes slidePop {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(30px);
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes scaleFromUptoDown {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scaleFromUptoDown {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes scaleFromUptoDown {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleFromUptoDown {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes miniScalePop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  50.01% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes miniScalePop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  50.01% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes miniScalePop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  50.01% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes miniScalePop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  50.01% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes scaleLoop {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
  50.01% {
    transform: scale(0.6, 0.6);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes scaleLoop {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
  50.01% {
    transform: scale(0.6, 0.6);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-o-keyframes scaleLoop {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
  50.01% {
    transform: scale(0.6, 0.6);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes scaleLoop {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
  50.01% {
    transform: scale(0.6, 0.6);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-moz-keyframes animateToRight {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  50% {
    transform: translateX(150%);
    opacity: 0;
  }
  50.01% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes animateToRight {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  50% {
    transform: translateX(150%);
    opacity: 0;
  }
  50.01% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-o-keyframes animateToRight {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  50% {
    transform: translateX(150%);
    opacity: 0;
  }
  50.01% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes animateToRight {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  50% {
    transform: translateX(150%);
    opacity: 0;
  }
  50.01% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-moz-keyframes animateToLeft {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  50% {
    transform: translateX(-150%);
    opacity: 0;
  }
  50.01% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes animateToLeft {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  50% {
    transform: translateX(-150%);
    opacity: 0;
  }
  50.01% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-o-keyframes animateToLeft {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  50% {
    transform: translateX(-150%);
    opacity: 0;
  }
  50.01% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes animateToLeft {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  50% {
    transform: translateX(-150%);
    opacity: 0;
  }
  50.01% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-moz-keyframes animateToUp {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(-150%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(150%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes animateToUp {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(-150%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(150%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-o-keyframes animateToUp {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(-150%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(150%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes animateToUp {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(-150%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(150%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-moz-keyframes animateToDown {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(150%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(-150%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes animateToDown {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(150%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(-150%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-o-keyframes animateToDown {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(150%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(-150%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes animateToDown {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(150%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(-150%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-moz-keyframes animateToDownLowKey {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(75%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(-75%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes animateToDownLowKey {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(75%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(-75%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-o-keyframes animateToDownLowKey {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(75%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(-75%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes animateToDownLowKey {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateY(75%);
    opacity: 0;
  }
  50.01% {
    transform: translateY(-75%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-moz-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes tester {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes tester {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-o-keyframes tester {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes tester {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}