/* 1 - Main carousel div (.carousel) */
.sz-slider {
  margin: auto; /*must use*/
  display: none; /*must use*/
  overflow: hidden !important; /*must use*/
}
.sz-slider[data-type=slider][data-height=auto] {
  transition: height .35s ease; /*must use*/
  -webkit-transition: height .35s ease; /*must use*/
}
/* 2 - Carousel indicators & thumbnails (.carousel-indicators) */
.sz-slider .carousel-indicators {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  z-index: 15;
  width: 110px;
  height: 29px;
  font-size: 0;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  overflow: hidden;
  list-style: none;
  position: absolute;
  text-align: center;
  justify-content: unset;
  background: transparent;
  border: 0 solid transparent;
}
.sz-slider .carousel-indicators li {
  flex: none;
  opacity: 1;
  width: 30px;
  height: 3px;
  border: none;
  color: #534c4c;
  display: block;
  text-indent: 0;
  font-size: 16px;
  margin-left: 3px;
  margin-right: 3px;
  position: absolute;
  background-clip: unset;
  background-color: #717375;
  transform: translate(0);
  -webkit-transform: translate(0);
  transition-property: transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .sz-slider .carousel-indicators li {
    transition: none;
    -webkit-transition: none;
  }
}
.sz-slider .carousel-indicators .active {
  opacity: 1;
  border: none;
  background-color: #000000;
  transition: transform 0s ease;
  -webkit-transition: -webkit-transform 0s ease;
}
.sz-slider[data-ind-type=relative] .carousel-indicators {
  background: #fff;
}
.sz-slider .carousel-indicators {
  top: auto;
}
/* Carousel Indicators - Absolute - Bottom */
.sz-slider[data-type=carousel] .carousel-indicators {
  width: 170px;
  height: 14px;
  padding: 2px 0 0 0;
  margin: 0 auto 15px auto;
}
/* Carousel Indicators - Absolute - Top */
.sz-slider[data-type=carousel][data-ind-direction=x][data-ind-position=top] .carousel-indicators {
  top: 0;
  bottom: auto;
  margin: 15px auto 0 auto;
}
/* Carousel Indicators - Relative - Bottom || Top */
.sz-slider[data-type=carousel][data-ind-type=relative] .carousel-indicators {
  margin: 0 auto 0 auto;
}
/* Carousel Indicators - Absolute - Right */
.sz-slider[data-type=carousel][data-ind-direction=y] .carousel-indicators {
  top: 0;
  bottom: 0;
  left: auto;
  width: 16px;
  height: 170px;
  padding: 0 0 0 2px;
  text-align: center;
  margin: auto 7px auto 0;
}
/* Carousel Indicators - Absolute - Left */
.sz-slider[data-type=carousel][data-ind-direction=y][data-ind-position=left] .carousel-indicators {
  top: 0;
  bottom: 0;
  right: auto;
  margin: auto 0 auto 7px;
}
/* Carousel Indicators - Relative - Left || Right */
.sz-slider[data-type=carousel][data-ind-direction=y][data-ind-type=relative] .carousel-indicators {
  margin: auto 0 auto 0;
}
/* Carousel Indicators - li - Absolute - X */
.sz-slider[data-type=carousel] .carousel-indicators > li {
  padding: 0;
  opacity: 1;
  width: 10px;
  height: 10px;
  border: none;
  margin: 0 2px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
}
/* Carousel Indicators - li - Absolute - Y */
.sz-slider[data-type=carousel][data-ind-direction=y] .carousel-indicators > li {
  margin: 2px 0;
}
/* Carousel Indicators - Absolute - Bottom */
.sz-slider[data-type=slider] .carousel-indicators {
  height: 22px;
  width: 182px;
  margin: 0 auto 30px auto;
}
/* Carousel Indicators - Absolute - Top */
.sz-slider[data-type=slider][data-ind-direction=x][data-ind-position=top] .carousel-indicators {
  top: 0;
  bottom: auto;
  margin: 30px auto 0 auto;
}
/* Carousel Indicators - Relative - Bottom || Top */
.sz-slider[data-type=slider][data-ind-type=relative][data-ind-direction=x][data-ind-position=top] .carousel-indicators,
.sz-slider[data-type=slider][data-ind-type=relative] .carousel-indicators {
  margin: 0 auto 0 auto;
}
/* Carousel Indicators - Absolute - Right */
.sz-slider[data-type=slider][data-ind-direction=y] .carousel-indicators {
  top: 0;
  bottom: 0;
  left: auto;
  width: 33px;
  height: 45px;
  padding: 0 0 0 2px;
  margin: auto 7px auto 0;
}
/* Carousel Indicators - Absolute - Left */
.sz-slider[data-type=slider][data-ind-direction=y][data-ind-position=left] .carousel-indicators {
  top: 0;
  bottom: 0;
  right: auto;
  margin: auto 0 auto 7px;
}
/* Carousel Indicators - Relative - Left || Right */
.sz-slider[data-type=slider][data-ind-direction=y][data-ind-type=relative] .carousel-indicators {
  margin: auto 0 auto 0;
}
/* Carousel Indicators - li - Absolute - X */
.sz-slider[data-type=slider] .carousel-indicators > li {
  padding: 0;
  opacity: 1;
  width: 14px;
  height: 14px;
 
  margin: 0 3px;
  border-radius: 14px;
  -webkit-border-radius: 14px;
}
/* Carousel Indicators - li - Absolute - Y */
.sz-slider[data-type=slider][data-ind-direction=y] .carousel-indicators > li {
  margin: 3px 0;
}
/* Carousel Thumbnails - X */
.sz-slider > .carousel-indicators.sz-thumbnails li {
  opacity: 1;
  width: 150px;
  height: auto;
  display: block;
  overflow: hidden;
  background: transparent;
  border: 2px solid #f0f2f4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.sz-slider > .carousel-indicators.sz-thumbnails li img {
  width: 100%;
  display: block;
}
.sz-slider > .carousel-indicators.sz-thumbnails li.active {
  border: 2px solid #1a73e8;
}
.sz-slider[data-ind-direction=x] > .carousel-indicators.sz-thumbnails {
  width: 100%;
  height: 66px;
  padding: 2px;
  margin: 0 auto 5px auto;
}
.sz-slider[data-ind-direction=x][data-ind-position=top] .carousel-indicators.sz-thumbnails {
  margin: 5px auto 0 auto;
}
.sz-slider[data-ind-type=relative][data-ind-direction=x] .carousel-indicators.sz-thumbnails {
  margin: 0 auto 0 auto;
}
.sz-slider[data-ind-direction=y] > .carousel-indicators.sz-thumbnails {
  width: 158px;
  height: 100%;
}
/* 3 - Carousel inner (.carousel-inner) */
.sz-slider .carousel-inner {
  margin: 0;
  padding: 0;
  font-size: 0;
  overflow: hidden !important;
  transition-property: transform;
  -webkit-transition-property: -webkit-transform;
}
.sz-slider[data-type=slider][data-height=auto] .carousel-inner {
  transition-property: transform, height;
  -webkit-transition-property: -webkit-transform, height;
}
/* 3 - i - Carousel item (.item) */
.sz-slider:not([data-animation=fade]) > .carousel-inner > .item {
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden !important;
  transition: transform 0s ease;
  -webkit-transition: -webkit-transform 0s ease;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .sz-slider:not([data-animation=fade]) > .carousel-inner > .item {
  transform: none;
  -webkit-transform: none;
  transition: transform 0s ease;
  -webkit-transition: -webkit-transform 0s ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: none;
    -webkit-perspective: none;
  }
  .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.next,
  .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.active.right {
    transform: none;
    -webkit-transform: none;
    left: unset;
  }
  .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.prev,
  .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.active.left {
    transform: none;
    -webkit-transform: none;
    left: unset;
  }
  .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.next.left,
  .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.prev.right,
  .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.active {
    transform: none;
    -webkit-transform: none;
    left: unset;
  }
}
.sz-slider:not([data-animation=fade]) > .carousel-inner > .item.active,
.sz-slider:not([data-animation=fade]) > .carousel-inner > .next,
.sz-slider:not([data-animation=fade]) > .carousel-inner > .prev {
  display: block;
}
.sz-slider:not([data-animation=fade]) > .carousel-inner > .item.active {
  left: unset;
}
.sz-slider:not([data-animation=fade]) > .carousel-inner > .next,
.sz-slider:not([data-animation=fade]) > .carousel-inner > .prev {
  position: relative;
  top: unset;
  width: 100%;
}
.sz-slider:not([data-animation=fade]) > .carousel-inner > .next {
  left: unset;
}
.sz-slider:not([data-animation=fade]) > .carousel-inner > .prev {
  left: unset;
}
.sz-slider:not([data-animation=fade]) > .carousel-inner > .next.left,
.sz-slider:not([data-animation=fade]) > .carousel-inner > .prev.right {
  left: unset
}
.sz-slider:not([data-animation=fade]) > .carousel-inner > .active.left {
  left: unset;
}
.sz-slider:not([data-animation=fade]) > .carousel-inner > .active.right {
  left: unset;
}
/* Fade Effect For Carousel Items */
.sz-slider[data-type=slider][data-animation=fade] .item {
  opacity: 0;
  z-index: 0;
  position: absolute;
  display: inline-block;
  overflow: hidden !important;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  transition-property: opacity, z-index;
  -webkit-transition-property: opacity, z-index;
}
.sz-slider[data-animation=fade] .item.active {
  opacity: 1;
  z-index: 1;
}
/* 3 - ii - Carousel sz-wrapper && sz-links (.sz-wrapper && .sz-links) */
.sz-slider .sz-links,
.sz-slider .sz-wrapper {
  width: 100%;
  height: 100%;
  display: block;
}
/* 3 - iii - Carousel images */
.sz-slider[data-type=carousel] .carousel-inner > .item .sz-wrapper > img,
.sz-slider[data-type=carousel] .carousel-inner > .item .sz-links > img {
  width: 100%;
  height: 100%;
  margin: auto;
  display: block;
}
/* 3 - i - Carousel item (.carousel-item) */
.sz-slider:not([data-animation=fade]) > .carousel-inner > .carousel-item {
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden !important;
  transform: none;
  -webkit-transform: none;
  transition-property: transform;
  -webkit-transition-property: -webkit-transform;
}
/* 3 - i - Carousel item (.item) */
.sz-slider[data-type=slider]:not([data-background=image]) > .carousel-inner > .item {
  background-repeat: no-repeat;
  background-position: top center;
}
/* 3 - i - Carousel item (.carousel-item) */
.sz-slider[data-type=slider]:not([data-background=image]) > .carousel-inner > .carousel-item {
  background-repeat: no-repeat;
  background-position: top center;
}
/* Fade Effect For Carousel Items */
.sz-slider[data-type=slider][data-animation=fade] .carousel-item {
  opacity: 0;
  z-index: 0;
  position: absolute;
  display: inline-block;
  overflow: hidden !important;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  transition-property: opacity, z-index;
  -webkit-transition-property: opacity, z-index;
}
.sz-slider[data-animation=fade] .carousel-item.active {
  opacity: 1;
  z-index: 1;
}
/* Class Effect For Slider */
.sz-slider[data-type=slider][data-animation=class] .carousel-inner {
  perspective: 200px;
  -webkit-perspective: 200px;
  perspective-origin: calc(50% + 120px) 50%;
  -webkit-perspective-origin: calc(50% + 120px) 50%;
}
.sz-slider[data-type=slider][data-animation=class] .item {
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 0;
  float: none;
  position: absolute;
  display: inline-block;
  overflow: hidden !important;
  transform: none;
  -webkit-transform: none;
  transition: none;
  -webkit-transition: none;
  transition-property: opacity, z-index;
  -webkit-transition-property: opacity, z-index;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sz-slider[data-type=slider][data-animation=class] .carousel-item {
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 0;
  float: none;
  position: absolute;
  display: inline-block;
  overflow: hidden !important;
  transform: none;
  -webkit-transform: none;
  transition: none;
  -webkit-transition: none;
  transition-property: opacity, z-index;
  -webkit-transition-property: opacity, z-index;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sz-slider[data-animation=class] .item.active {
  opacity: 1;
  z-index: 1;
}
.sz-slider[data-animation=class] .carousel-item.active {
  opacity: 1;
  z-index: 1;
}
/* 3 - iii - Carousel images */
.sz-slider[data-type=carousel] .carousel-inner > .carousel-item .sz-wrapper > img,
.sz-slider[data-type=carousel] .carousel-inner > .carousel-item .sz-links > img {
  width: 100%;
  height: 100%;
  margin: auto;
  display: block;
}
/* 4 - Carousel navigation buttons */
.sz-slider .sr-only {
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}
.sz-slider .sr-only-focusable:active,
.sz-slider .sr-only-focusable:focus {
  clip: auto;
  width: auto;
  height: auto;
  position: static;
  overflow: visible;
  white-space: normal;
}
/* Navigation buttons (Bootstrap 3) */
.sz-slider .carousel-control {
  opacity: 1;
  width: 35px;
  height: 35px;
  margin: auto 25px;
  text-shadow: none;
  background: transparent;
}
.sz-slider .carousel-control > span {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #000;
  width: 35px;
  height: 35px;
  margin: auto;
  background: transparent;
}
.sz-slider .carousel-control > span:hover,
.sz-slider .carousel-control > span:focus {
  color: #1a73e8;
}
.sz-slider.carousel[data-animation=swipeY] .left.carousel-control,
.sz-slider.carousel[data-animation=swipeCoverY] .left.carousel-control,
.sz-slider.carousel[data-animation=swipeCover2Y] .left.carousel-control,
.sz-slider.carousel[data-animation=swipeCover3Y] .left.carousel-control,
.sz-slider.carousel[data-animation=swipeCover4Y] .left.carousel-control,
.sz-slider.carousel[data-animation=dragY] .left.carousel-control,
.sz-slider.carousel[data-animation=dragCoverY] .left.carousel-control,
.sz-slider.carousel[data-animation=dragCover2Y] .left.carousel-control,
.sz-slider.carousel[data-animation=dragCover3Y] .left.carousel-control,
.sz-slider.carousel[data-animation=dragCover4Y] .left.carousel-control {
  right: 0;
  margin: 25px auto auto auto;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.sz-slider.carousel[data-animation=swipeY] .right.carousel-control,
.sz-slider.carousel[data-animation=swipeCoverY] .right.carousel-control,
.sz-slider.carousel[data-animation=swipeCover2Y] .right.carousel-control,
.sz-slider.carousel[data-animation=swipeCover3Y] .right.carousel-control,
.sz-slider.carousel[data-animation=swipeCover4Y] .right.carousel-control,
.sz-slider.carousel[data-animation=dragY] .right.carousel-control,
.sz-slider.carousel[data-animation=dragCoverY] .right.carousel-control,
.sz-slider.carousel[data-animation=dragCover2Y] .right.carousel-control,
.sz-slider.carousel[data-animation=dragCover3Y] .right.carousel-control,
.sz-slider.carousel[data-animation=dragCover4Y] .right.carousel-control {
  left: 0;
  margin: auto auto 25px auto;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
/* Navigation buttons (Bootstrap 4) */
.sz-slider .carousel-control-btn {
  width: 35px;
  height: 35px;
  margin: auto 25px;
  text-decoration: none;
}
.sz-slider.carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.sz-slider.carousel .carousel-control-btn:hover .carousel-control-prev-icon,
.sz-slider.carousel .carousel-control-btn:focus .carousel-control-prev-icon,
.sz-slider.carousel .carousel-control-prev-icon:hover,
.sz-slider.carousel .carousel-control-prev-icon:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231a73e8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.sz-slider.carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.sz-slider.carousel .carousel-control-btn:hover .carousel-control-next-icon,
.sz-slider.carousel .carousel-control-btn:focus .carousel-control-next-icon,
.sz-slider.carousel .carousel-control-next-icon:hover,
.sz-slider.carousel .carousel-control-next-icon:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231a73e8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.sz-slider.carousel[data-animation=swipeY] .carousel-control-prev.carousel-control-btn,
.sz-slider.carousel[data-animation=swipeCoverY] .carousel-control-prev.carousel-control-btn,
.sz-slider.carousel[data-animation=swipeCover2Y] .carousel-control-prev.carousel-control-btn,
.sz-slider.carousel[data-animation=swipeCover3Y] .carousel-control-prev.carousel-control-btn,
.sz-slider.carousel[data-animation=swipeCover4Y] .carousel-control-prev.carousel-control-btn,
.sz-slider.carousel[data-animation=dragY] .carousel-control-prev.carousel-control-btn,
.sz-slider.carousel[data-animation=dragCoverY] .carousel-control-prev.carousel-control-btn,
.sz-slider.carousel[data-animation=dragCover2Y] .carousel-control-prev.carousel-control-btn,
.sz-slider.carousel[data-animation=dragCover3Y] .carousel-control-prev.carousel-control-btn,
.sz-slider.carousel[data-animation=dragCover4Y] .carousel-control-prev.carousel-control-btn {
  right: 0;
  margin: 25px auto auto auto;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.sz-slider.carousel[data-animation=swipeY] .carousel-control-next.carousel-control-btn,
.sz-slider.carousel[data-animation=swipeCoverY] .carousel-control-next.carousel-control-btn,
.sz-slider.carousel[data-animation=swipeCover2Y] .carousel-control-next.carousel-control-btn,
.sz-slider.carousel[data-animation=swipeCover3Y] .carousel-control-next.carousel-control-btn,
.sz-slider.carousel[data-animation=swipeCover4Y] .carousel-control-next.carousel-control-btn,
.sz-slider.carousel[data-animation=dragY] .carousel-control-next.carousel-control-btn,
.sz-slider.carousel[data-animation=dragCoverY] .carousel-control-next.carousel-control-btn,
.sz-slider.carousel[data-animation=dragCover2Y] .carousel-control-next.carousel-control-btn,
.sz-slider.carousel[data-animation=dragCover3Y] .carousel-control-next.carousel-control-btn,
.sz-slider.carousel[data-animation=dragCover4Y] .carousel-control-next.carousel-control-btn {
  left: 0;
  margin: auto auto 25px auto;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
/* Left Navigation Thumbnail */
.carousel-control-prev-image {
  top: 15px;
  left: 15px;
  width: 200px;
  height: 98px;
  margin: auto 0;
  display: block;
  overflow: hidden;
  position: absolute;
  background-size: 100%;
  border: 2px solid #fff;
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
/* Right Navigation Thumbnail */
.carousel-control-next-image {
  top: 15px;
  right: 15px;
  width: 200px;
  height: 98px;
  margin: auto 0;
  display: block;
  overflow: hidden;
  position: absolute;
  background-size: 100%;
  border: 2px solid #fff;
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
/* 5 - Carousel items numbers and length showing box (.carousel-item-number) */
.sz-slider .carousel-item-number {
  left: 0;
  right: 0;
  top: 10px;
  color: #000;
  width: 75px;
  margin: auto;
  z-index: 100000;
  font-size: 24px;
  position: absolute;
  text-align: center;
}
/* 6 - Loading Bar - Animated Indicators */
.sz-slider > .sz-ind-animated.carousel-indicators > .active {
  background-color: #717375;
}
.sz-ind-animated.carousel-indicators > li {
  overflow: hidden;
}
.sz-slider .sz-slide-bar-wrap {
  top: 0;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 5px;
  display: block;
  position: absolute;
  background: #717375;
}
.sz-slider .item.active .sz-slide-bar-wrap,
.sz-slider .carousel-item.active .sz-slide-bar-wrap {
  opacity: 1;
}
.sz-slider .sz-slide-bar-wrap > .sz-slide-bar,
.sz-ind-animated.carousel-indicators > li > span {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: #1a73e8;
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.sz-slider .sz-slide-bar-wrap > .sz-slide-bar.animPly,
.sz-ind-animated.carousel-indicators > li > span.animPly {
  animation-name: prgrsBrMve;
  -webkit-animation-name: prgrsBrMve;
  animation-play-state: play;
  -webkit-animation-play-state: play;
}
.sz-slider .sz-slide-bar-wrap > .sz-slide-bar.animPuse,
.sz-ind-animated.carousel-indicators > li > span.animPuse {
  animation-name: prgrsBrMve;
  -webkit-animation-name: prgrsBrMve;
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
@keyframes prgrsBrMve {
  from {
    transform: translate3d(-100%,0,0);
    -webkit-transform: translate3d(-100%,0,0);
  }
  to {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes prgrsBrMve {
  from {
    transform: translate3d(-100%,0,0);
    -webkit-transform: translate3d(-100%,0,0);
  }
  to {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}
/* 7 - Carousel Scroll Down Button */
.carousel-scroll-down {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  width: 75px;
  height: 40px;
  display: block;
  cursor: pointer;
  font-size: 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  margin: auto auto 30px auto;
}
/* 8 - Parallax Effect Background */
.bg-parallax {
  transition: background-position 100ms ease;
  -webkit-transition: background-position 100ms ease;
}
/* Carousel Cursor */
.sz-slider:hover {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.sz-slider:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
[data-cursor=default]:hover {
  cursor: default;
}
[data-cursor=default]:active {
  cursor: default;
}
[data-cursor=default-1]:hover {
  cursor: default;
}
[data-cursor=default-1]:active {
  cursor: pointer;
}
[data-cursor=move]:hover {
  cursor: move;
}
[data-cursor=move]:active {
  cursor: move;
}
[data-cursor=row-resize]:hover {
  cursor: row-resize;
}
[data-cursor=row-resize]:active {
  cursor: row-resize;
}
[data-cursor=col-resize]:hover {
  cursor: col-resize;
}
[data-cursor=col-resize]:active {
  cursor: col-resize;
}
[data-cursor=crosshair]:hover {
  cursor: crosshair;
}
[data-cursor=crosshair]:active {
  cursor: crosshair;
}
[data-cursor=e-resize]:hover {
  cursor: e-resize;
}
[data-cursor=e-resize]:active {
  cursor: e-resize;
}
[data-cursor=n-resize]:hover {
  cursor: n-resize;
}
[data-cursor=n-resize]:active {
  cursor: n-resize;
}
[data-cursor=pointer]:hover {
  cursor: pointer;
}
[data-cursor=pointer]:active {
  cursor: pointer;
}
/* Carousel Pre-Loader */
.szc-preloader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  position: absolute;
}
.szc-preloader.circle > span {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  margin: auto;
  display: block;
  position: absolute;
  border: 5px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  animation: loader-circle 4s linear infinite;
  -webkit-animation: loader-circle 4s linear infinite;
}
/*circle*/
@keyframes loader-circle {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  } 
}
@-webkit-keyframes loader-circle {
  100% {
    -webkit-transform: rotate(360deg);
  } 
}
/*Dots*/
.sz-pre-loader-dots {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70px;
  height: 20px;
  margin: auto;
  font-size: 0;
  display: block;
  text-align: center;
  position: absolute;
}
.sz-pre-loader-dots > div {
  width: 16px;
  height: 16px;
  margin: 0 2px 0 0;
  display: inline-block;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  animation: loader-dots 1.4s infinite ease-in-out both;
  -webkit-animation: loader-dots 1.4s infinite ease-in-out both;
}
.sz-pre-loader-dots .bounce1 {
  animation-delay: -0.32s;
  -webkit-animation-delay: -0.32s;
}
.sz-pre-loader-dots .bounce2 {
  animation-delay: -0.16s;
  -webkit-animation-delay: -0.16s;
}
@keyframes loader-dots {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
@-webkit-keyframes loader-dots {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1.0);
  }
}
/*scale*/
.sz-pre-loader-scale {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  font-size: 0;
  margin: auto;
  display: block;
  position: absolute;
}
.sz-pre-loader-scale > div {
  opacity: 0;
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -webkit-animation: loader-scale 1s linear infinite;
  animation: loader-scale 1s linear infinite;
}
.sz-pre-loader-scale div:nth-child(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
.sz-pre-loader-scale div:nth-child(3) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
@keyframes loader-scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes loader-scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
  }
  5% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}
/* Box */
.sz-pre-loader-box {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  margin: auto;
  display: block;
  position: absolute;
  text-align: center;
  animation: loader-box 1.2s infinite ease-in-out;
  -webkit-animation: loader-box 1.2s infinite ease-in-out;
}
@keyframes loader-box {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes loader-box {
  0% { 
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% { 
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% { 
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/* Bars */
.sz-pre-loader-bars {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 40px;
  margin: auto;
  display: block;
  font-size: 10px;
  position: absolute;
  text-align: center;
}
.sz-pre-loader-bars > div {
  width: 6px;
  height: 100%;
  margin: 0 3px 0 0;
  display: inline-block;
  animation: loader-bars 1.2s infinite ease-in-out;
  -webkit-animation: loader-bars 1.2s infinite ease-in-out;
}
.sz-pre-loader-bars .bar2 {
  animation-delay: -1.1s;
  -webkit-animation-delay: -1.1s;
}
.sz-pre-loader-bars .bar3 {
  animation-delay: -1.0s;
  -webkit-animation-delay: -1.0s;
}
.sz-pre-loader-bars .bar4 {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}
.sz-pre-loader-bars .bar5 {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}
@keyframes loader-bars {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
@-webkit-keyframes loader-bars {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1.0);
  }
}

/* Glowing Animation */
@keyframes glowingBr {
  0% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
  }
}
@-webkit-keyframes glowingBr {
  0% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
  }
}
/* Play and Pause Buttons */
.sz-media-btn {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 23px;
  height: 23px;
  border: none;
  outline: none;
  display: block;
  cursor: pointer;
  position: absolute;
  background: transparent;
  margin: auto auto 20px 20px;
}
/* Play Button */
.sz-media-btn.sz-play-btn {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='22' height='22' viewBox='0 0 230 230'%3e%3cpath d='M179.07,105L30.93,210V0L179.07,105z'/%3e%3c/svg%3e");
}
/* Pause Button */
.sz-media-btn.sz-pause-btn {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='34 0 300 300'%3e%3cpath d='M41.064,353.562h109.014V0H41.064V353.562z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='32 0 300 300'%3e%3cpath d='M203.482,0v353.562h109.017V0H203.482z'/%3e%3c/svg%3e");
}
/* Mute and Unmute Buttons */
.sz-speaker-btn {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 23px;
  height: 23px;
  border: none;
  outline: none;
  display: block;
  cursor: pointer;
  position: absolute;
  background: transparent;
  margin: auto 20px 20px auto;
}
/* Mute Button */
.sz-speaker-btn.sz-mute-btn {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='0 0 511.999 511.999'%3e%3cpath d='M262.781,57.853c-5.043-2.556-11.093-2.058-15.652,1.284L130.59,144.6H15c-8.285,0-15,6.716-15,15v192.801 c0,8.284,6.715,15,15,15h115.59l116.54,85.461c2.622,1.924,5.737,2.904,8.872,2.904c2.312,0,4.636-0.535,6.779-1.62 c5.041-2.555,8.219-7.728,8.219-13.38V71.233C271,65.581,267.822,60.408,262.781,57.853z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='0 0 511.999 511.999'%3e%3cpath d='M445.912,256.004l61.693-61.693c5.859-5.857,5.859-15.355,0-21.213c-5.857-5.857-15.353-5.857-21.213,0l-61.693,61.693 l-61.693-61.693c-5.858-5.857-15.354-5.857-21.213,0c-5.857,5.857-5.857,15.355,0,21.213l61.693,61.693l-61.693,61.693 c-5.857,5.857-5.857,15.355,0,21.213c2.93,2.929,6.768,4.393,10.607,4.393c3.838,0,7.678-1.465,10.605-4.393l61.693-61.693 l61.693,61.693c2.93,2.929,6.768,4.393,10.607,4.393c3.838,0,7.678-1.465,10.605-4.393c5.859-5.858,5.859-15.355,0-21.213 L445.912,256.004z'/%3e%3c/svg%3e");
}
/* Unmute Button */
.sz-speaker-btn.sz-unmute-btn {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='0 0 511.999 511.999'%3e%3cpath d='M278.944,17.577c-5.568-2.656-12.128-1.952-16.928,1.92L106.368,144.009H32c-17.632,0-32,14.368-32,32v128 c0,17.664,14.368,32,32,32h74.368l155.616,124.512c2.912,2.304,6.464,3.488,10.016,3.488c2.368,0,4.736-0.544,6.944-1.6 c5.536-2.656,9.056-8.256,9.056-14.4v-416C288,25.865,284.48,20.265,278.944,17.577z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='0 0 511.999 511.999'%3e%3cpath d='M368.992,126.857c-6.304-6.208-16.416-6.112-22.624,0.128c-6.208,6.304-6.144,16.416,0.128,22.656 C370.688,173.513,384,205.609,384,240.009s-13.312,66.496-37.504,90.368c-6.272,6.176-6.336,16.32-0.128,22.624 c3.136,3.168,7.264,4.736,11.36,4.736c4.064,0,8.128-1.536,11.264-4.64C399.328,323.241,416,283.049,416,240.009 S399.328,156.777,368.992,126.857z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='0 0 511.999 511.999'%3e%3cpath d='M414.144,81.769c-6.304-6.24-16.416-6.176-22.656,0.096c-6.208,6.272-6.144,16.416,0.096,22.624 C427.968,140.553,448,188.681,448,240.009s-20.032,99.424-56.416,135.488c-6.24,6.24-6.304,16.384-0.096,22.656 c3.168,3.136,7.264,4.704,11.36,4.704c4.064,0,8.16-1.536,11.296-4.64C456.64,356.137,480,299.945,480,240.009 S456.64,123.881,414.144,81.769z'/%3e%3c/svg%3e");
}
.sz-media-btn:focus,
.sz-speaker-btn:focus {
  border: none;
  outline: none;
}

/*!
 * Transition Timing Functions
 */
/* 1 - linear */
.linear{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
/* 2 - ease */
.ease{
  -webkit-transition-timing-function: ease !important;
  transition-timing-function: ease !important;
}
/* 3 - ease-in */
.easein{
  -webkit-transition-timing-function: ease-in !important;
  transition-timing-function: ease-in !important;
}
/* 4 - ease-out */
.easeout{
  -webkit-transition-timing-function: ease-out !important;
  transition-timing-function: ease-out !important;
}
/* 5 - ease-in-out */
.easeinout{
  -webkit-transition-timing-function: ease-in-out !important;
  transition-timing-function: ease-in-out !important;
}
/* 6 - easeInSine */
.easeinsine{
  -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715) !important;
  transition-timing-function: cubic-bezier(.47,0,.745,.715) !important;
}
/* 7 - easeOutSine */
.easeoutsine{
  -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1) !important;
  transition-timing-function: cubic-bezier(.39,.575,.565,1) !important;
}
/* 8 - easeInOutSine */
.easeinoutsine{
  -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95) !important;
  transition-timing-function: cubic-bezier(.445,.05,.55,.95) !important;
}
/* 9 - easeInQuad */
.easeinquad{
  -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53) !important;
  transition-timing-function: cubic-bezier(.55,.085,.68,.53) !important;
}
/* 10 - easeOutQuad */
.easeoutquad{
  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94) !important;
  transition-timing-function: cubic-bezier(.25,.46,.45,.94) !important;
}
/* 11 - easeInOutQuad */
.easeinoutquad{
  -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955) !important;
  transition-timing-function: cubic-bezier(.455,.03,.515,.955) !important;
}
/* 12 - easeInCubic */
.easeincubic{
  -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19) !important;
  transition-timing-function: cubic-bezier(.55,.055,.675,.19) !important;
}
/* 13 - easeOutCubic */
.easeoutcubic{
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1) !important;
  transition-timing-function: cubic-bezier(.215,.61,.355,1) !important;
}
/* 14 - easeInOutCubic */
.easeinoutcubic{
  -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1) !important;
  transition-timing-function: cubic-bezier(.645,.045,.355,1) !important;
}
/* 15 - easeInQuart */
.easeinquart{
  -webkit-transition-timing-function: cubic-bezier(.895,.03,.685,.22) !important;
  transition-timing-function: cubic-bezier(.895,.03,.685,.22) !important;
}
/* 16 - easeOutQuart */
.easeoutquart{
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1) !important;
  transition-timing-function: cubic-bezier(.165,.84,.44,1) !important;
}
/* 17 - easeInOutQuart */
.easeinoutquart{
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1) !important;
  transition-timing-function: cubic-bezier(.77,0,.175,1) !important;
}
/* 18 - easeInQuint */
.easeinquint{
  -webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06) !important;
  transition-timing-function: cubic-bezier(.755,.05,.855,.06) !important;
}
/* 19 - easeOutQuint */
.easeoutquint{
  -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1) !important;
  transition-timing-function: cubic-bezier(.23,1,.32,1) !important;
}
/* 20 - easeInOutQuint */
.easeinoutquint{
  -webkit-transition-timing-function: cubic-bezier(.86,0,.07,1) !important;
  transition-timing-function: cubic-bezier(.86,0,.07,1) !important;
}
/* 21 - easeInExpo */
.easeinexpo{
  -webkit-transition-timing-function: cubic-bezier(.95,.05,.795,.035) !important;
  transition-timing-function: cubic-bezier(.95,.05,.795,.035) !important;
}
/* 22 - easeOutExpo */
.easeoutexpo{
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1) !important;
  transition-timing-function: cubic-bezier(.19,1,.22,1) !important;
}
/* 23 - easeInOutExpo */
.easeinoutexpo{
  -webkit-transition-timing-function: cubic-bezier(1,0,0,1) !important;
  transition-timing-function: cubic-bezier(1,0,0,1) !important;
}
/* 24 - easeInCirc */
.easeincirc{
  -webkit-transition-timing-function: cubic-bezier(.6,.04,.98,.335) !important;
  transition-timing-function: cubic-bezier(.6,.04,.98,.335) !important;
}
/* 25 - easeOutCirc */
.easeoutcirc{
  -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1) !important;
  transition-timing-function: cubic-bezier(.075,.82,.165,1) !important;
}
/* 26 - easeInOutCirc */
.easeinoutcirc{
  -webkit-transition-timing-function: cubic-bezier(.785,.135,.15,.86) !important;
  transition-timing-function: cubic-bezier(.785,.135,.15,.86) !important;
}
/* 27 - easeInBack */
.easeinback{
  -webkit-transition-timing-function: cubic-bezier(.6,-.28,.735,.045) !important;
  transition-timing-function: cubic-bezier(.6,-.28,.735,.045) !important;
}
/* 28 - easeOutBack */
.easeoutback{
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275) !important;
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275) !important;
}
/* 29 - easeInOutBack */
.easeinoutback{
  -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55) !important;
  transition-timing-function: cubic-bezier(.68,-.55,.265,1.55) !important;
}
/* 30 - speedy */
.speedy{
  -webkit-transition-timing-function: cubic-bezier(0,1,0,1) !important;
  transition-timing-function: cubic-bezier(0,1,0,1) !important;
}
/* 31 - slowSpeedy */
.slowspeedy{
  -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1) !important;
  transition-timing-function: cubic-bezier(0.3,1,0,1) !important;
}
/* 32 - easeOutInCubic */
.easeoutincubic{
  -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99) !important;
  transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99) !important;
}
/* 33 - swing */
.swing{
  -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1) !important;
  transition-timing-function: cubic-bezier(.02,.01,.47,1) !important;
}
/*!
 * Animation Timing Functions
 */
/* 1 - linear */
.animLinear{
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
/* 2 - ease */
.animEase{
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
/* 3 - ease-in */
.animEasein{
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* 4 - ease-out */
.animEaseout{
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* 5 - ease-in-out */
.animEaseinout{
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* 6 - easeInSine */
.animEaseinsine{
  -webkit-animation-timing-function: cubic-bezier(.47,0,.745,.715);
  animation-timing-function: cubic-bezier(.47,0,.745,.715);
}
/* 7 - easeOutSine */
.animEaseoutsine{
  -webkit-animation-timing-function: cubic-bezier(.39,.575,.565,1);
  animation-timing-function: cubic-bezier(.39,.575,.565,1);
}
/* 8 - easeInOutSine */
.animEaseinoutsine{
  -webkit-animation-timing-function: cubic-bezier(.445,.05,.55,.95);
  animation-timing-function: cubic-bezier(.445,.05,.55,.95);
}
/* 9 - easeInQuad */
.animEaseinquad{
  -webkit-animation-timing-function: cubic-bezier(.55,.085,.68,.53);
  animation-timing-function: cubic-bezier(.55,.085,.68,.53);
}
/* 10 - easeOutQuad */
.animEaseoutquad{
  -webkit-animation-timing-function: cubic-bezier(.25,.46,.45,.94);
  animation-timing-function: cubic-bezier(.25,.46,.45,.94);
}
/* 11 - easeInOutQuad */
.animEaseinoutquad{
  -webkit-animation-timing-function: cubic-bezier(.455,.03,.515,.955);
  animation-timing-function: cubic-bezier(.455,.03,.515,.955);
}
/* 12 - easeInCubic */
.animEaseincubic{
  -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  animation-timing-function: cubic-bezier(.55,.055,.675,.19);
}
/* 13 - easeOutCubic */
.animEaseoutcubic{
  -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  animation-timing-function: cubic-bezier(.215,.61,.355,1);
}
/* 14 - easeInOutCubic */
.animEaseinoutcubic{
  -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
  animation-timing-function: cubic-bezier(.645,.045,.355,1);
}
/* 15 - easeInQuart */
.animEaseinquart{
  -webkit-animation-timing-function: cubic-bezier(.895,.03,.685,.22);
  animation-timing-function: cubic-bezier(.895,.03,.685,.22);
}
/* 16 - easeOutQuart */
.animEaseoutquart{
  -webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
  animation-timing-function: cubic-bezier(.165,.84,.44,1);
}
/* 17 - easeInOutQuart */
.animEaseinoutquart{
  -webkit-animation-timing-function: cubic-bezier(.77,0,.175,1);
  animation-timing-function: cubic-bezier(.77,0,.175,1);
}
/* 18 - easeInQuint */
.animEaseinquint{
  -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
  animation-timing-function: cubic-bezier(.755,.05,.855,.06);
}
/* 19 - easeOutQuint */
.animEaseoutquint{
  -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
  animation-timing-function: cubic-bezier(.23,1,.32,1);
}
/* 20 - easeInOutQuint */
.animEaseinoutquint{
  -webkit-animation-timing-function: cubic-bezier(.86,0,.07,1);
  animation-timing-function: cubic-bezier(.86,0,.07,1);
}
/* 21 - easeInExpo */
.animEaseinexpo{
  -webkit-animation-timing-function: cubic-bezier(.95,.05,.795,.035);
  animation-timing-function: cubic-bezier(.95,.05,.795,.035);
}
/* 22 - easeOutExpo */
.animEaseoutexpo{
  -webkit-animation-timing-function: cubic-bezier(.19,1,.22,1);
  animation-timing-function: cubic-bezier(.19,1,.22,1);
}
/* 23 - easeInOutExpo */
.animEaseinoutexpo{
  -webkit-animation-timing-function: cubic-bezier(1,0,0,1);
  animation-timing-function: cubic-bezier(1,0,0,1);
}
/* 24 - easeInCirc */
.animEaseincirc{
  -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.335);
  animation-timing-function: cubic-bezier(.6,.04,.98,.335);
}
/* 25 - easeOutCirc */
.animEaseoutcirc{
  -webkit-animation-timing-function: cubic-bezier(.075,.82,.165,1);
  animation-timing-function: cubic-bezier(.075,.82,.165,1);
}
/* 26 - easeInOutCirc */
.animEaseinoutcirc{
  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
}
/* 27 - easeInBack */
.animEaseinback{
  -webkit-animation-timing-function: cubic-bezier(.6,-.28,.735,.045);
  animation-timing-function: cubic-bezier(.6,-.28,.735,.045);
}
/* 28 - easeOutBack */
.animEaseoutback{
  -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
  animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
}
/* 29 - easeInOutBack */
.animEaseinoutback{
  -webkit-animation-timing-function: cubic-bezier(.68,-.55,.265,1.55);
  animation-timing-function: cubic-bezier(.68,-.55,.265,1.55);
}
/* 30 - speedy */
.animSpeedy{
  -webkit-animation-timing-function: cubic-bezier(0,1,0,1);
  animation-timing-function: cubic-bezier(0,1,0,1);
}
/* 31 - slowSpeedy */
.animSlowspeedy{
  -webkit-animation-timing-function: cubic-bezier(0.3,1,0,1);
  animation-timing-function: cubic-bezier(0.3,1,0,1);
}
/* 32 - easeOutInCubic */
.animEaseoutincubic{
  -webkit-animation-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  animation-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
}
/* 33 - swing */
.animSwing{
  -webkit-animation-timing-function: cubic-bezier(.02,.01,.47,1);
  animation-timing-function: cubic-bezier(.02,.01,.47,1);
}

/*!
 * All
 * Animation
 * Effects
 */

.sz-animated {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/*!
 * Magic - https://www.minimamente.com
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 * Copyright (c) 2019 Christian Pucci
 */

/* boingInUp */
.boInUp {
  -webkit-animation-name: boInUp;
  animation-name: boInUp;
}
@-webkit-keyframes boInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(-90deg);
    transform: perspective(800px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(50deg);
    transform: perspective(800px) rotateX(50deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes boInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(-90deg);
    transform: perspective(800px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(50deg);
    transform: perspective(800px) rotateX(50deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}

/* boingOutDown */
.boOutDwn {
  -webkit-animation-name: boOutDwn;
  animation-name: boOutDwn;
}
@-webkit-keyframes boOutDwn {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
    transform: perspective(800px) rotateX(0deg) rotateY(10deg);
  }
  30% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
    transform: perspective(800px) rotateX(10deg) rotateY(10deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg);
  }
}
@keyframes boOutDwn {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
    transform: perspective(800px) rotateX(0deg) rotateY(10deg);
  }
  30% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
    transform: perspective(800px) rotateX(10deg) rotateY(10deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg);
  }
}

/* twisterInDown */
.twstInDwn {
  -webkit-animation-name: twstInDwn;
  animation-name: twstInDwn;
}
@-webkit-keyframes twstInDwn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  30% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@keyframes twstInDwn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  30% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}

/* twisterInUp */
.twstInUp {
  -webkit-animation-name: twstInUp;
  animation-name: twstInUp;
}
@-webkit-keyframes twstInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  30% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@keyframes twstInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  30% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}

/* foolishIn */
.folshIn {
  -webkit-animation-name: folshIn;
  animation-name: folshIn;
}
@-webkit-keyframes folshIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}
@keyframes folshIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}

/* foolishOut */
.folshOut {
  -webkit-animation-name: folshOut;
  animation-name: folshOut;
}
@-webkit-keyframes folshOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
    transform: scale(1, 1) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
    transform: scale(0, 0) rotate(0deg);
  }
}
@keyframes folshOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
    transform: scale(1, 1) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
    transform: scale(0, 0) rotate(0deg);
  }
}

/* holeOut */
.holeOut {
  -webkit-animation-name: holeOut;
  animation-name: holeOut;
}
@-webkit-keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
    transform: scale(1, 1) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
    transform: scale(0, 0) rotateY(180deg);
  }
}
@keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
    transform: scale(1, 1) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
    transform: scale(0, 0) rotateY(180deg);
  }
}

/* perspectiveDown */
.prspDwn {
  -webkit-animation-name: prspDwn;
  animation-name: prspDwn;
}
@-webkit-keyframes prspDwn {
  0% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
}
@keyframes prspDwn {
  0% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
}

/* perspectiveDownReturn */
.prspDwnR {
  -webkit-animation-name: prspDwnR;
  animation-name: prspDwnR;
}
@-webkit-keyframes prspDwnR {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes prspDwnR {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}

/* perspectiveLeft */
.prspLft {
  -webkit-animation-name: prspLft;
  animation-name: prspLft;
}
@-webkit-keyframes prspLft {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
}
@keyframes prspLft {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
}

/* perspectiveLeftReturn */
.prspLftR {
  -webkit-animation-name: prspLftR;
  animation-name: prspLftR;
}
@-webkit-keyframes prspLftR {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes prspLftR {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}

/* perspectiveRight */
.prspRgt {
  -webkit-animation-name: prspRgt;
  animation-name: prspRgt;
}
@-webkit-keyframes prspRgt {
  0% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
}
@keyframes prspRgt {
  0% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
}

/* perspectiveRightReturn */
.prspRgtR {
  -webkit-animation-name: prspRgtR;
  animation-name: prspRgtR;
}
@-webkit-keyframes prspRgtR {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes prspRgtR {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}

/* perspectiveUp */
.prspUp {
  -webkit-animation-name: prspUp;
  animation-name: prspUp;
}
@-webkit-keyframes prspUp {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
}
@keyframes prspUp {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
}

/* perspectiveUpReturn */
.prspUpR {
  -webkit-animation-name: prspUpR;
  animation-name: prspUpR;
}
@-webkit-keyframes prspUpR {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes prspUpR {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}

/* rotateDown */
.rotDwn {
  -webkit-animation-name: rotDwn;
  animation-name: rotDwn;
}
@-webkit-keyframes rotDwn {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@keyframes rotDwn {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}

/* rotateLeft */
.rotLf {
  -webkit-animation-name: rotLf;
  animation-name: rotLf;
}
@-webkit-keyframes rotLf {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(300px);
    transform: perspective(800px) rotateY(-180deg) translateZ(300px);
  }
}
@keyframes rotLf {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(300px);
    transform: perspective(800px) rotateY(-180deg) translateZ(300px);
  }
}

/* rotateRight */
.rotRt {
  -webkit-animation-name: rotRt;
  animation-name: rotRt;
}
@-webkit-keyframes rotRt {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(150px);
    transform: perspective(800px) rotateY(180deg) translateZ(150px);
  }
}
@keyframes rotRt {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(150px);
    transform: perspective(800px) rotateY(180deg) translateZ(150px);
  }
}

/* rotateUp */
.rotUp {
  -webkit-animation-name: rotUp;
  animation-name: rotUp;
}
@-webkit-keyframes rotUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@keyframes rotUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2020-4-20 14:4:22
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/* scale-in-center */
.sclInCntr {
  -webkit-animation-name: sclInCntr;
  animation-name: sclInCntr;
}
@-webkit-keyframes sclInCntr {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes sclInCntr {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

/* scale-in-top */
.sclInTp {
  -webkit-animation-name: sclInTp;
  animation-name: sclInTp;
}
@-webkit-keyframes sclInTp {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
}
@keyframes sclInTp {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
}

/* scale-in-tr */
.sclInTr {
  -webkit-animation-name: sclInTr;
  animation-name: sclInTr;
}
@-webkit-keyframes sclInTr {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes sclInTr {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

/* scale-in-right */
.sclInRgt {
  -webkit-animation-name: sclInRgt;
  animation-name: sclInRgt;
}
@-webkit-keyframes sclInRgt {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
}
@keyframes sclInRgt {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
}

/* scale-in-br */
.sclInBr {
  -webkit-animation-name: sclInBr;
  animation-name: sclInBr;
}
@-webkit-keyframes sclInBr {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes sclInBr {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

/* scale-in-bottom */
.sclInBtm {
  -webkit-animation-name: sclInBtm;
  animation-name: sclInBtm;
}
@-webkit-keyframes sclInBtm {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes sclInBtm {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}

/* scale-in-bl */
.sclInBl {
  -webkit-animation-name: sclInBl;
  animation-name: sclInBl;
}
@-webkit-keyframes sclInBl {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes sclInBl {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}

/* scale-in-left */
.sclInLft {
  -webkit-animation-name: sclInLft;
  animation-name: sclInLft;
}
@-webkit-keyframes sclInLft {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }
}
@keyframes sclInLft {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }
}

/* scale-in-tl */
.sclInTl {
  -webkit-animation-name: sclInTl;
  animation-name: sclInTl;
}
@-webkit-keyframes sclInTl {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes sclInTl {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

/* scale-in-x */
.sclInX {
  -webkit-animation-name: sclInX;
  animation-name: sclInX;
}
@-webkit-keyframes sclInX {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes sclInX {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}

/* scale-in-x-left */
.sclInXLft {
  -webkit-animation-name: sclInXLft;
  animation-name: sclInXLft;
}
@-webkit-keyframes sclInXLft {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes sclInXLft {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

/* scale-in-x-right */
.sclInXRgt {
  -webkit-animation-name: sclInXRgt;
  animation-name: sclInXRgt;
}
@-webkit-keyframes sclInXRgt {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes sclInXRgt {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

/* scale-in-y */
.sclInY {
  -webkit-animation-name: sclInY;
  animation-name: sclInY;
}
@-webkit-keyframes sclInY {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes sclInY {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
}

/* scale-in-y-top */
.sclInYTp {
  -webkit-animation-name: sclInYTp;
  animation-name: sclInYTp;
}
@-webkit-keyframes sclInYTp {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes sclInYTp {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

/* scale-in-y-bottom */
.sclInYBtm {
  -webkit-animation-name: sclInYBtm;
  animation-name: sclInYBtm;
}
@-webkit-keyframes sclInYBtm {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes sclInYBtm {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}

/* rotate-in-center */
.rotInCntr {
  -webkit-animation-name: rotInCntr;
  animation-name: rotInCntr;
}
@-webkit-keyframes rotInCntr {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotInCntr {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

/* rotate-in-top */
.rotInTp {
  -webkit-animation-name: rotInTp;
  animation-name: rotInTp;
}
@-webkit-keyframes rotInTp {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@keyframes rotInTp {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}

/* rotate-in-tr */
.rotInTr {
  -webkit-animation-name: rotInTr;
  animation-name: rotInTr;
}
@-webkit-keyframes rotInTr {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    opacity: 1;
  }
}
@keyframes rotInTr {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    opacity: 1;
  }
}

/* rotate-in-right */
.rotInRgt {
  -webkit-animation-name: rotInRgt;
  animation-name: rotInRgt;
}
@-webkit-keyframes rotInRgt {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
}
@keyframes rotInRgt {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
}

/* rotate-in-br */
.rotInBr {
  -webkit-animation-name: rotInBr;
  animation-name: rotInBr;
}
@-webkit-keyframes rotInBr {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    opacity: 1;
  }
}
@keyframes rotInBr {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    opacity: 1;
  }
}

/* rotate-in-bottom */
.rotInBtm {
  -webkit-animation-name: rotInBtm;
  animation-name: rotInBtm;
}
@-webkit-keyframes rotInBtm {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
}
@keyframes rotInBtm {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
}

/* rotate-in-bl */
.rotInBl {
  -webkit-animation-name: rotInBl;
  animation-name: rotInBl;
}
@-webkit-keyframes rotInBl {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    opacity: 1;
  }
}
@keyframes rotInBl {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    opacity: 1;
  }
}

/* rotate-in-left */
.rotInLft {
  -webkit-animation-name: rotInLft;
  animation-name: rotInLft;
}
@-webkit-keyframes rotInLft {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
}
@keyframes rotInLft {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
}

/* rotate-in-tl */
.rotInTl {
  -webkit-animation-name: rotInTl;
  animation-name: rotInTl;
}
@-webkit-keyframes rotInTl {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 1;
  }
}
@keyframes rotInTl {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 1;
  }
}

/* rotate-in-x */
.rotInX {
  -webkit-animation-name: rotInX;
  animation-name: rotInX;
}
@-webkit-keyframes rotInX {
  0% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes rotInX {
  0% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}

/* rotate-in-y */
.rotInY {
  -webkit-animation-name: rotInY;
  animation-name: rotInY;
}
@-webkit-keyframes rotInY {
  0% {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}
@keyframes rotInY {
  0% {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}

/* rotate-in-diagonal-right */
.rotInRgtDgnl {
  -webkit-animation-name: rotInRgtDgnl;
  animation-name: rotInRgtDgnl;
}
@-webkit-keyframes rotInRgtDgnl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
    transform: rotate3d(1, 1, 0, -360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes rotInRgtDgnl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
    transform: rotate3d(1, 1, 0, -360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}

/* rotate-in-diagonal-left */
.rotInLftDgnl {
  -webkit-animation-name: rotInLftDgnl;
  animation-name: rotInLftDgnl;
}
@-webkit-keyframes rotInLftDgnl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, -360deg);
    transform: rotate3d(-1, 1, 0, -360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
    transform: rotate3d(-1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes rotInLftDgnl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, -360deg);
    transform: rotate3d(-1, 1, 0, -360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
    transform: rotate3d(-1, 1, 0, 0deg);
    opacity: 1;
  }
}

/* rotate-in-2-cw */
.rotInCw {
  -webkit-animation-name: rotInCw;
  animation-name: rotInCw;
}
@-webkit-keyframes rotInCw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotInCw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

/* rotate-in-2-ccw */
.rotInCcw {
  -webkit-animation-name: rotInCcw;
  animation-name: rotInCcw;
}
@-webkit-keyframes rotInCcw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotInCcw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

/* rotate-in-2-tr-cw */
.rotInTrCw {
  -webkit-animation-name: rotInTrCw;
  animation-name: rotInTrCw;
}
@-webkit-keyframes rotInTrCw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes rotInTrCw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

/* rotate-in-2-tr-ccw */
.rotInTrCcw {
  -webkit-animation-name: rotInTrCcw;
  animation-name: rotInTrCcw;
}
@-webkit-keyframes rotInTrCcw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes rotInTrCcw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

/* rotate-in-2-br-cw */
.rotInBrCw {
  -webkit-animation-name: rotInBrCw;
  animation-name: rotInBrCw;
}
@-webkit-keyframes rotInBrCw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes rotInBrCw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

/* rotate-in-2-br-ccw */
.rotInBrCcw {
  -webkit-animation-name: rotInBrCcw;
  animation-name: rotInBrCcw;
}
@-webkit-keyframes rotInBrCcw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes rotInBrCcw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

/* rotate-in-2-bl-cw */
.rotInBlCw {
  -webkit-animation-name: rotInBlCw;
  animation-name: rotInBlCw;
}
@-webkit-keyframes rotInBlCw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
}
@keyframes rotInBlCw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
}

/* rotate-in-2-bl-ccw */
.rotInBlCcw {
  -webkit-animation-name: rotInBlCcw;
  animation-name: rotInBlCcw;
}
@-webkit-keyframes rotInBlCcw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
}
@keyframes rotInBlCcw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
}

/* rotate-in-2-tl-cw */
.rotInTlCw {
  -webkit-animation-name: rotInTlCw;
  animation-name: rotInTlCw;
}
@-webkit-keyframes rotInTlCw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes rotInTlCw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

/* rotate-in-2-tl-ccw */
.rotInTlCcw {
  -webkit-animation-name: rotInTlCcw;
  animation-name: rotInTlCcw;
}
@-webkit-keyframes rotInTlCcw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes rotInTlCcw {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

/* swirl-in-fwd */
.swInF {
  -webkit-animation-name: swInF;
  animation-name: swInF;
}
@-webkit-keyframes swInF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes swInF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}

/* swirl-in-bck */
.swInB {
  -webkit-animation-name: swInB;
  animation-name: swInB;
}
@-webkit-keyframes swInB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes swInB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}

/* swirl-in-top-fwd */
.swInTpF {
  -webkit-animation-name: swInTpF;
  animation-name: swInTpF;
}
@-webkit-keyframes swInTpF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
  }
}
@keyframes swInTpF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
  }
}

/* swirl-in-top-bck */
.swInTpB {
  -webkit-animation-name: swInTpB;
  animation-name: swInTpB;
}
@-webkit-keyframes swInTpB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
  }
}
@keyframes swInTpB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
  }
}

/* swirl-in-tr-fwd */
.swInTrF {
  -webkit-animation-name: swInTrF;
  animation-name: swInTrF;
}
@-webkit-keyframes swInTrF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes swInTrF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

/* swirl-in-tr-bck */
.swInTrB {
  -webkit-animation-name: swInTrB;
  animation-name: swInTrB;
}
@-webkit-keyframes swInTrB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes swInTrB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

/* swirl-in-right-fwd */
.swInRgtF {
  -webkit-animation-name: swInRgtF;
  animation-name: swInRgtF;
}
@-webkit-keyframes swInRgtF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
}
@keyframes swInRgtF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
}

/* swirl-in-right-bck */
.swInRgtB {
  -webkit-animation-name: swInRgtB;
  animation-name: swInRgtB;
}
@-webkit-keyframes swInRgtB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
}
@keyframes swInRgtB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
}

/* swirl-in-br-fwd */
.swInBrF {
  -webkit-animation-name: swInBrF;
  animation-name: swInBrF;
}
@-webkit-keyframes swInBrF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes swInBrF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

/* swirl-in-br-bck */
.swInBrB {
  -webkit-animation-name: swInBrB;
  animation-name: swInBrB;
}
@-webkit-keyframes swInBrB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes swInBrB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

/* swirl-in-bottom-fwd */
.swInBtmF {
  -webkit-animation-name: swInBtmF;
  animation-name: swInBtmF;
}
@-webkit-keyframes swInBtmF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes swInBtmF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}

/* swirl-in-bottom-bck */
.swInBtmB {
  -webkit-animation-name: swInBtmB;
  animation-name: swInBtmB;
}
@-webkit-keyframes swInBtmB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes swInBtmB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}

/* swirl-in-bl-fwd */
.swInBlF {
  -webkit-animation-name: swInBlF;
  animation-name: swInBlF;
}
@-webkit-keyframes swInBlF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
}
@keyframes swInBlF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
}

/* swirl-in-bl-bck */
.swInBlB {
  -webkit-animation-name: swInBlB;
  animation-name: swInBlB;
}
@-webkit-keyframes swInBlB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
}
@keyframes swInBlB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
}

/* swirl-in-left-fwd */
.swInLftF {
  -webkit-animation-name: swInLftF;
  animation-name: swInLftF;
}
@-webkit-keyframes swInLftF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 1;
  }
}
@keyframes swInLftF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 1;
  }
}

/* swirl-in-left-bck */
.swInLftB {
  -webkit-animation-name: swInLftB;
  animation-name: swInLftB;
}
@-webkit-keyframes swInLftB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 1;
  }
}
@keyframes swInLftB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 1;
  }
}

/* swirl-in-tl-bck */
.swInTlB {
  -webkit-animation-name: swInTlB;
  animation-name: swInTlB;
}
@-webkit-keyframes swInTlB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes swInTlB {
  0% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

/* swirl-in-tl-fwd */
.swInTlF {
  -webkit-animation-name: swInTlF;
  animation-name: swInTlF;
}
@-webkit-keyframes swInTlF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes swInTlF {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

/* flip-in-hor-bottom */
.flpInXBtm {
  -webkit-animation-name: flpInXBtm;
  animation-name: flpInXBtm;
}
@-webkit-keyframes flpInXBtm {
  0% {
    -webkit-transform: rotateX(80deg);
    transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flpInXBtm {
  0% {
    -webkit-transform: rotateX(80deg);
    transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}

/* flip-in-hor-top */
.flpInXTp {
  -webkit-animation-name: flpInXTp;
  animation-name: flpInXTp;
}
@-webkit-keyframes flpInXTp {
  0% {
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flpInXTp {
  0% {
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}

/* flip-in-ver-right */
.flpInYRgt {
  -webkit-animation-name: flpInYRgt;
  animation-name: flpInYRgt;
}
@-webkit-keyframes flpInYRgt {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flpInYRgt {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}

/* flip-in-ver-left */
.flpInYLft {
  -webkit-animation-name: flpInYLft;
  animation-name: flpInYLft;
}
@-webkit-keyframes flpInYLft {
  0% {
    -webkit-transform: rotateY(80deg);
    transform: rotateY(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flpInYLft {
  0% {
    -webkit-transform: rotateY(80deg);
    transform: rotateY(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}

/* flip-in-diag-1-tr */
.flpInDgnlTr {
  -webkit-animation-name: flpInDgnlTr;
  animation-name: flpInDgnlTr;
}
@-webkit-keyframes flpInDgnlTr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, -80deg);
    transform: rotate3d(1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flpInDgnlTr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, -80deg);
    transform: rotate3d(1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}

/* flip-in-diag-1-bl */
.flpInDgnlBl {
  -webkit-animation-name: flpInDgnlBl;
  animation-name: flpInDgnlBl;
}
@-webkit-keyframes flpInDgnlBl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 80deg);
    transform: rotate3d(1, 1, 0, 80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flpInDgnlBl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 80deg);
    transform: rotate3d(1, 1, 0, 80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}

/* flip-in-diag-2-tl */
.flpInDgnlTl {
  -webkit-animation-name: flpInDgnlTl;
  animation-name: flpInDgnlTl;
}
@-webkit-keyframes flpInDgnlTl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 80deg);
    transform: rotate3d(-1, 1, 0, 80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flpInDgnlTl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 80deg);
    transform: rotate3d(-1, 1, 0, 80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}

/* flip-in-diag-2-br */
.flpInDgnlBr {
  -webkit-animation-name: flpInDgnlBr;
  animation-name: flpInDgnlBr;
}
@-webkit-keyframes flpInDgnlBr {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, -80deg);
    transform: rotate3d(-1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flpInDgnlBr {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, -80deg);
    transform: rotate3d(-1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}

/* slit-in-vertical */
.sltInY {
  -webkit-animation-name: sltInY;
  animation-name: sltInY;
}
@-webkit-keyframes sltInY {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
}
@keyframes sltInY {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
}

/* slit-in-horizontal */
.sltInX {
  -webkit-animation-name: sltInX;
  animation-name: sltInX;
}
@-webkit-keyframes sltInX {
  0% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
    transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
    transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
  }
}
@keyframes sltInX {
  0% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
    transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
    transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
  }
}

/* slit-in-diagonal-1 */
.sltInDgnlLft {
  -webkit-animation-name: sltInDgnlLft;
  animation-name: sltInDgnlLft;
}
@-webkit-keyframes sltInDgnlLft {
  0% {
    -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
    transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
    transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
    transform: translateZ(0) rotate3d(1, 1, 0, 0);
  }
}
@keyframes sltInDgnlLft {
  0% {
    -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
    transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
    transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
    transform: translateZ(0) rotate3d(1, 1, 0, 0);
  }
}

/* slit-in-diagonal-2 */
.sltInDgnlRgt {
  -webkit-animation-name: sltInDgnlRgt;
  animation-name: sltInDgnlRgt;
}
@-webkit-keyframes sltInDgnlRgt {
  0% {
    -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
    transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
    transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
    transform: translateZ(0) rotate3d(-1, 1, 0, 0);
  }
}
@keyframes sltInDgnlRgt {
  0% {
    -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
    transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
    transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
    transform: translateZ(0) rotate3d(-1, 1, 0, 0);
  }
}

/* slide-in-top */
.sldInTop {
  -webkit-animation-name: sldInTop;
  animation-name: sldInTop;
}
@-webkit-keyframes sldInTop {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes sldInTop {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/* slide-in-tr */
.sldInTr {
  -webkit-animation-name: sldInTr;
  animation-name: sldInTr;
}
@-webkit-keyframes sldInTr {
  0% {
    -webkit-transform: translateY(-1000px) translateX(1000px);
    transform: translateY(-1000px) translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes sldInTr {
  0% {
    -webkit-transform: translateY(-1000px) translateX(1000px);
    transform: translateY(-1000px) translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

/* slide-in-right */
.sldInRight {
  -webkit-animation-name: sldInRight;
  animation-name: sldInRight;
}
@-webkit-keyframes sldInRight {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes sldInRight {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* slide-in-br */
.sldInBr {
  -webkit-animation-name: sldInBr;
  animation-name: sldInBr;
}
@-webkit-keyframes sldInBr {
  0% {
    -webkit-transform: translateY(1000px) translateX(1000px);
    transform: translateY(1000px) translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes sldInBr {
  0% {
    -webkit-transform: translateY(1000px) translateX(1000px);
    transform: translateY(1000px) translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

/* slide-in-bottom */
.sldInBottom {
  -webkit-animation-name: sldInBottom;
  animation-name: sldInBottom;
}
@-webkit-keyframes sldInBottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes sldInBottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/* slide-in-bl */
.sldInBl {
  -webkit-animation-name: sldInBl;
  animation-name: sldInBl;
}
@-webkit-keyframes sldInBl {
  0% {
    -webkit-transform: translateY(1000px) translateX(-1000px);
    transform: translateY(1000px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes sldInBl {
  0% {
    -webkit-transform: translateY(1000px) translateX(-1000px);
    transform: translateY(1000px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

/* slide-in-left */
.sldInLeft {
  -webkit-animation-name: sldInLeft;
  animation-name: sldInLeft;
}
@-webkit-keyframes sldInLeft {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes sldInLeft {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* slide-in-tl */
.sldInTl {
  -webkit-animation-name: sldInTl;
  animation-name: sldInTl;
}
@-webkit-keyframes sldInTl {
  0% {
    -webkit-transform: translateY(-1000px) translateX(-1000px);
    transform: translateY(-1000px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes sldInTl {
  0% {
    -webkit-transform: translateY(-1000px) translateX(-1000px);
    transform: translateY(-1000px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

/* slide-in-blurred-top */
.sldInBlrTp {
  -webkit-animation-name: sldInBlrTp;
  animation-name: sldInBlrTp;
}
@-webkit-keyframes sldInBlrTp {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes sldInBlrTp {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* slide-in-blurred-tr */
.sldInBlrTr {
  -webkit-animation-name: sldInBlrTr;
  animation-name: sldInBlrTr;
}
@-webkit-keyframes sldInBlrTr {
  0% {
    -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
    transform: translate(1000px, -1000px) skew(-80deg, -10deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes sldInBlrTr {
  0% {
    -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
    transform: translate(1000px, -1000px) skew(-80deg, -10deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* slide-in-blurred-right */
.sldInBlrRgt {
  -webkit-animation-name: sldInBlrRgt;
  animation-name: sldInBlrRgt;
}
@-webkit-keyframes sldInBlrRgt {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes sldInBlrRgt {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* slide-in-blurred-br */
.sldInBlrBr {
  -webkit-animation-name: sldInBlrBr;
  animation-name: sldInBlrBr;
}
@-webkit-keyframes sldInBlrBr {
  0% {
    -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
    transform: translate(1000px, 1000px) skew(80deg, 10deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes sldInBlrBr {
  0% {
    -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
    transform: translate(1000px, 1000px) skew(80deg, 10deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* slide-in-blurred-bottom */
.sldInBlrBtm {
  -webkit-animation-name: sldInBlrBtm;
  animation-name: sldInBlrBtm;
}
@-webkit-keyframes sldInBlrBtm {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes sldInBlrBtm {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* slide-in-blurred-bl */
.sldInBlrBl {
  -webkit-animation-name: sldInBlrBl;
  animation-name: sldInBlrBl;
}
@-webkit-keyframes sldInBlrBl {
  0% {
    -webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
    transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes sldInBlrBl {
  0% {
    -webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
    transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* slide-in-blurred-left */
.sldInBlrLft {
  -webkit-animation-name: sldInBlrLft;
  animation-name: sldInBlrLft;
}
@-webkit-keyframes sldInBlrLft {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes sldInBlrLft {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* slide-in-blurred-tl */
.sldInBlrTl {
  -webkit-animation-name: sldInBlrTl;
  animation-name: sldInBlrTl;
}
@-webkit-keyframes sldInBlrTl {
  0% {
    -webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg);
    transform: translate(-1000px, -1000px) skew(80deg, 10deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes sldInBlrTl {
  0% {
    -webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg);
    transform: translate(-1000px, -1000px) skew(80deg, 10deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* slide-in-elliptic-top-fwd */
.sldInElptTpF {
  -webkit-animation-name: sldInElptTpF;
  animation-name: sldInElptTpF;
}
@-webkit-keyframes sldInElptTpF {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@keyframes sldInElptTpF {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}

/* slide-in-elliptic-top-bck */
.sldInElptTpB {
  -webkit-animation-name: sldInElptTpB;
  animation-name: sldInElptTpB;
}
@-webkit-keyframes sldInElptTpB {
  0% {
    -webkit-transform: translateY(-600px) rotateX(30deg) scale(6.5);
    transform: translateY(-600px) rotateX(30deg) scale(6.5);
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -500px;
    transform-origin: 50% -500px;
    opacity: 1;
  }
}
@keyframes sldInElptTpB {
  0% {
    -webkit-transform: translateY(-600px) rotateX(30deg) scale(6.5);
    transform: translateY(-600px) rotateX(30deg) scale(6.5);
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -500px;
    transform-origin: 50% -500px;
    opacity: 1;
  }
}

/* slide-in-elliptic-right-fwd */
.sldInElptRgtF {
  -webkit-animation-name: sldInElptRgtF;
  animation-name: sldInElptRgtF;
}
@-webkit-keyframes sldInElptRgtF {
  0% {
    -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
    transform: translateX(800px) rotateY(-30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: -1800px 50%;
    transform-origin: -1800px 50%;
    opacity: 1;
  }
}
@keyframes sldInElptRgtF {
  0% {
    -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
    transform: translateX(800px) rotateY(-30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: -1800px 50%;
    transform-origin: -1800px 50%;
    opacity: 1;
  }
}

/* slide-in-elliptic-right-bck */
.sldInElptRgtB {
  -webkit-animation-name: sldInElptRgtB;
  animation-name: sldInElptRgtB;
}
@-webkit-keyframes sldInElptRgtB {
  0% {
    -webkit-transform: translateX(800px) rotateY(30deg) scale(6.5);
    transform: translateX(800px) rotateY(30deg) scale(6.5);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 600px 50%;
    transform-origin: 600px 50%;
    opacity: 1;
  }
}
@keyframes sldInElptRgtB {
  0% {
    -webkit-transform: translateX(800px) rotateY(30deg) scale(6.5);
    transform: translateX(800px) rotateY(30deg) scale(6.5);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 600px 50%;
    transform-origin: 600px 50%;
    opacity: 1;
  }
}

/* slide-in-elliptic-bottom-fwd */
.sldInElptBtmF {
  -webkit-animation-name: sldInElptBtmF;
  animation-name: sldInElptBtmF;
}
@-webkit-keyframes sldInElptBtmF {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}
@keyframes sldInElptBtmF {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}

/* slide-in-elliptic-bottom-bck */
.sldInElptBtmB {
  -webkit-animation-name: sldInElptBtmB;
  animation-name: sldInElptBtmB;
}
@-webkit-keyframes sldInElptBtmB {
  0% {
    -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5);
    transform: translateY(600px) rotateX(-30deg) scale(6.5);
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 500px;
    transform-origin: 50% 500px;
    opacity: 1;
  }
}
@keyframes sldInElptBtmB {
  0% {
    -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5);
    transform: translateY(600px) rotateX(-30deg) scale(6.5);
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 500px;
    transform-origin: 50% 500px;
    opacity: 1;
  }
}

/* slide-in-elliptic-left-fwd */
.sldInElptLftF {
  -webkit-animation-name: sldInElptLftF;
  animation-name: sldInElptLftF;
}
@-webkit-keyframes sldInElptLftF {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
    transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
    transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes sldInElptLftF {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
    transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
    transform-origin: 1800px 50%;
    opacity: 1;
  }
}

/* slide-in-elliptic-left-bck */
.sldInElptLftB {
  -webkit-animation-name: sldInElptLftB;
  animation-name: sldInElptLftB;
}
@-webkit-keyframes sldInElptLftB {
  0% {
    -webkit-transform: translateX(-800px) rotateY(-30deg) scale(6.5);
    transform: translateX(-800px) rotateY(-30deg) scale(6.5);
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: -600px 50%;
    transform-origin: -600px 50%;
    opacity: 1;
  }
}
@keyframes sldInElptLftB {
  0% {
    -webkit-transform: translateX(-800px) rotateY(-30deg) scale(6.5);
    transform: translateX(-800px) rotateY(-30deg) scale(6.5);
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: -600px 50%;
    transform-origin: -600px 50%;
    opacity: 1;
  }
}

/* bounce-in-top */
.boncInTp {
  -webkit-animation-name: boncInTp;
  animation-name: boncInTp;
}
@-webkit-keyframes boncInTp {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes boncInTp {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* bounce-in-right */
.boncInRgt {
  -webkit-animation-name: boncInRgt;
  animation-name: boncInRgt;
}
@-webkit-keyframes boncInRgt {
  0% {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  81% {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  95% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes boncInRgt {
  0% {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  81% {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  95% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* bounce-in-bottom */
.boncInBtm {
  -webkit-animation-name: boncInBtm;
  animation-name: boncInBtm;
}
@-webkit-keyframes boncInBtm {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  81% {
    -webkit-transform: translateY(28px);
    transform: translateY(28px);
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes boncInBtm {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  81% {
    -webkit-transform: translateY(28px);
    transform: translateY(28px);
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* bounce-in-left */
.boncInLft {
  -webkit-animation-name: boncInLft;
  animation-name: boncInLft;
}
@-webkit-keyframes boncInLft {
  0% {
    -webkit-transform: translateX(-600px);
    transform: translateX(-600px);
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(-68px);
    transform: translateX(-68px);
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  81% {
    -webkit-transform: translateX(-28px);
    transform: translateX(-28px);
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  95% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes boncInLft {
  0% {
    -webkit-transform: translateX(-600px);
    transform: translateX(-600px);
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(-68px);
    transform: translateX(-68px);
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  81% {
    -webkit-transform: translateX(-28px);
    transform: translateX(-28px);
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  95% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* bounce-in-fwd */
.boncInFwd {
  -webkit-animation-name: boncInFwd;
  animation-name: boncInFwd;
}
@-webkit-keyframes boncInFwd {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes boncInFwd {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* bounce-in-bck */
.boncInBck {
  -webkit-animation-name: boncInBck;
  animation-name: boncInBck;
}
@-webkit-keyframes boncInBck {
  0% {
    -webkit-transform: scale(7);
    transform: scale(7);
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes boncInBck {
  0% {
    -webkit-transform: scale(7);
    transform: scale(7);
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* roll-in-left */
.rolInLft {
  -webkit-animation-name: rolInLft;
  animation-name: rolInLft;
}
@-webkit-keyframes rolInLft {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes rolInLft {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}

/* roll-in-top */
.rolInTp {
  -webkit-animation-name: rolInTp;
  animation-name: rolInTp;
}
@-webkit-keyframes rolInTp {
  0% {
    -webkit-transform: translateY(-800px) rotate(-540deg);
    transform: translateY(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes rolInTp {
  0% {
    -webkit-transform: translateY(-800px) rotate(-540deg);
    transform: translateY(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}

/* roll-in-right */
.rolInRgt {
  -webkit-animation-name: rolInRgt;
  animation-name: rolInRgt;
}
@-webkit-keyframes rolInRgt {
  0% {
    -webkit-transform: translateX(800px) rotate(540deg);
    transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes rolInRgt {
  0% {
    -webkit-transform: translateX(800px) rotate(540deg);
    transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}

/* roll-in-bottom */
.rolInBtm {
  -webkit-animation-name: rolInBtm;
  animation-name: rolInBtm;
}
@-webkit-keyframes rolInBtm {
  0% {
    -webkit-transform: translateY(800px) rotate(540deg);
    transform: translateY(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes rolInBtm {
  0% {
    -webkit-transform: translateY(800px) rotate(540deg);
    transform: translateY(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}

/* roll-in-blurred-left */
.rolInBlrLft {
  -webkit-animation-name: rolInBlrLft;
  animation-name: rolInBlrLft;
}
@-webkit-keyframes rolInBlrLft {
  0% {
    -webkit-transform: translateX(-1000px) rotate(-720deg);
    transform: translateX(-1000px) rotate(-720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes rolInBlrLft {
  0% {
    -webkit-transform: translateX(-1000px) rotate(-720deg);
    transform: translateX(-1000px) rotate(-720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* roll-in-blurred-top */
.rolInBlrTp {
  -webkit-animation-name: rolInBlrTp;
  animation-name: rolInBlrTp;
}
@-webkit-keyframes rolInBlrTp {
  0% {
    -webkit-transform: translateY(-800px) rotate(-720deg);
    transform: translateY(-800px) rotate(-720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes rolInBlrTp {
  0% {
    -webkit-transform: translateY(-800px) rotate(-720deg);
    transform: translateY(-800px) rotate(-720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* roll-in-blurred-right */
.rolInBlrRgt {
  -webkit-animation-name: rolInBlrRgt;
  animation-name: rolInBlrRgt;
}
@-webkit-keyframes rolInBlrRgt {
  0% {
    -webkit-transform: translateX(1000px) rotate(720deg);
    transform: translateX(1000px) rotate(720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes rolInBlrRgt {
  0% {
    -webkit-transform: translateX(1000px) rotate(720deg);
    transform: translateX(1000px) rotate(720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* roll-in-blurred-bottom */
.rolInBlrBtm {
  -webkit-animation-name: rolInBlrBtm;
  animation-name: rolInBlrBtm;
}
@-webkit-keyframes rolInBlrBtm {
  0% {
    -webkit-transform: translateY(800px) rotate(720deg);
    transform: translateY(800px) rotate(720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes rolInBlrBtm {
  0% {
    -webkit-transform: translateY(800px) rotate(720deg);
    transform: translateY(800px) rotate(720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}

/* tilt-in-top-1 */
.tltInTpLft {
  -webkit-animation-name: tltInTpLft;
  animation-name: tltInTpLft;
}
@-webkit-keyframes tltInTpLft {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tltInTpLft {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

/* tilt-in-top-2 */
.tltInTpRgt {
  -webkit-animation-name: tltInTpRgt;
  animation-name: tltInTpRgt;
}
@-webkit-keyframes tltInTpRgt {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tltInTpRgt {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

/* tilt-in-tr */
.tltInTr {
  -webkit-animation-name: tltInTr;
  animation-name: tltInTr;
}
@-webkit-keyframes tltInTr {
  0% {
    -webkit-transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tltInTr {
  0% {
    -webkit-transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

/* tilt-in-right-1 */
.tltInRgt {
  -webkit-animation-name: tltInRgt;
  animation-name: tltInRgt;
}
@-webkit-keyframes tltInRgt {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(300px) skewX(30deg);
    transform: rotateX(-30deg) translateX(300px) skewX(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tltInRgt {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(300px) skewX(30deg);
    transform: rotateX(-30deg) translateX(300px) skewX(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}

/* tilt-in-right-2 */
.tltInRgts {
  -webkit-animation-name: tltInRgts;
  animation-name: tltInRgts;
}
@-webkit-keyframes tltInRgts {
  0% {
    -webkit-transform: rotateX(30deg) translateX(300px) skewX(-30deg);
    transform: rotateX(30deg) translateX(300px) skewX(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tltInRgts {
  0% {
    -webkit-transform: rotateX(30deg) translateX(300px) skewX(-30deg);
    transform: rotateX(30deg) translateX(300px) skewX(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}

/* tilt-in-br */
.tltInBr {
  -webkit-animation-name: tltInBr;
  animation-name: tltInBr;
}
@-webkit-keyframes tltInBr {
  0% {
    -webkit-transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
    transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tltInBr {
  0% {
    -webkit-transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
    transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

/* tilt-in-bottom-1 */
.tltInBtmLft {
  -webkit-animation-name: tltInBtmLft;
  animation-name: tltInBtmLft;
}
@-webkit-keyframes tltInBtmLft {
  0% {
    -webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tltInBtmLft {
  0% {
    -webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

/* tilt-in-bottom-2 */
.tltInBtmRgt {
  -webkit-animation-name: tltInBtmRgt;
  animation-name: tltInBtmRgt;
}
@-webkit-keyframes tltInBtmRgt {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tltInBtmRgt {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

/* tilt-in-bl */
.tltInBl {
  -webkit-animation-name: tltInBl;
  animation-name: tltInBl;
}
@-webkit-keyframes tltInBl {
  0% {
    -webkit-transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
    transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tltInBl {
  0% {
    -webkit-transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
    transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

/* tilt-in-left-1 */
.tltInLft {
  -webkit-animation-name: tltInLft;
  animation-name: tltInLft;
}
@-webkit-keyframes tltInLft {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tltInLft {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}

/* tilt-in-left-2 */
.tltInLfts {
  -webkit-animation-name: tltInLfts;
  animation-name: tltInLfts;
}
@-webkit-keyframes tltInLfts {
  0% {
    -webkit-transform: rotateX(30deg) translateX(-300px) skewX(30deg);
    transform: rotateX(30deg) translateX(-300px) skewX(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tltInLfts {
  0% {
    -webkit-transform: rotateX(30deg) translateX(-300px) skewX(30deg);
    transform: rotateX(30deg) translateX(-300px) skewX(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
    transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}

/* tilt-in-tl */
.tltInTl {
  -webkit-animation-name: tltInTl;
  animation-name: tltInTl;
}
@-webkit-keyframes tltInTl {
  0% {
    -webkit-transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
    transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tltInTl {
  0% {
    -webkit-transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
    transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}


/* fade-in */
.fdIn {
  -webkit-animation-name: fdIn;
  animation-name: fdIn;
}
@-webkit-keyframes fdIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fdIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* fade-in-top */
.fdInTp {
  -webkit-animation-name: fdInTp;
  animation-name: fdInTp;
}
@-webkit-keyframes fdInTp {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fdInTp {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/* fade-in-tr */
.fdInTr {
  -webkit-animation-name: fdInTr;
  animation-name: fdInTr;
}
@-webkit-keyframes fdInTr {
  0% {
    -webkit-transform: translateX(50px) translateY(-50px);
    transform: translateX(50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fdInTr {
  0% {
    -webkit-transform: translateX(50px) translateY(-50px);
    transform: translateX(50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

/* fade-in-right */
.fdInRgt {
  -webkit-animation-name: fdInRgt;
  animation-name: fdInRgt;
}
@-webkit-keyframes fdInRgt {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fdInRgt {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* fade-in-br */
.fdInBr {
  -webkit-animation-name: fdInBr;
  animation-name: fdInBr;
}
@-webkit-keyframes fdInBr {
  0% {
    -webkit-transform: translateX(50px) translateY(50px);
    transform: translateX(50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fdInBr {
  0% {
    -webkit-transform: translateX(50px) translateY(50px);
    transform: translateX(50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

/* fade-in-bottom */
.fdInBtm {
  -webkit-animation-name: fdInBtm;
  animation-name: fdInBtm;
}
@-webkit-keyframes fdInBtm {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fdInBtm {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/* fade-in-bl */
.fdInBl {
  -webkit-animation-name: fdInBl;
  animation-name: fdInBl;
}
@-webkit-keyframes fdInBl {
  0% {
    -webkit-transform: translateX(-50px) translateY(50px);
    transform: translateX(-50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fdInBl {
  0% {
    -webkit-transform: translateX(-50px) translateY(50px);
    transform: translateX(-50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

/* fade-in-left */
.fdInLft {
  -webkit-animation-name: fdInLft;
  animation-name: fdInLft;
}
@-webkit-keyframes fdInLft {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fdInLft {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* fade-in-tl */
.fdInTl {
  -webkit-animation-name: fdInTl;
  animation-name: fdInTl;
}
@-webkit-keyframes fdInTl {
  0% {
    -webkit-transform: translateX(-50px) translateY(-50px);
    transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fdInTl {
  0% {
    -webkit-transform: translateX(-50px) translateY(-50px);
    transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

/* puff-in-center */
.pufInCntr {
  -webkit-animation-name: pufInCntr;
  animation-name: pufInCntr;
}
@-webkit-keyframes pufInCntr {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInCntr {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* puff-in-top */
.pufInTp {
  -webkit-animation-name: pufInTp;
  animation-name: pufInTp;
}
@-webkit-keyframes pufInTp {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInTp {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* puff-in-tr */
.pufInTr {
  -webkit-animation-name: pufInTr;
  animation-name: pufInTr;
}
@-webkit-keyframes pufInTr {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInTr {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* puff-in-right */
.pufInRgt {
  -webkit-animation-name: pufInRgt;
  animation-name: pufInRgt;
}
@-webkit-keyframes pufInRgt {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInRgt {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* puff-in-br */
.pufInBr {
  -webkit-animation-name: pufInBr;
  animation-name: pufInBr;
}
@-webkit-keyframes pufInBr {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInBr {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* puff-in-bottom */
.pufInBtm {
  -webkit-animation-name: pufInBtm;
  animation-name: pufInBtm;
}
@-webkit-keyframes pufInBtm {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInBtm {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* puff-in-bl */
.pufInBl {
  -webkit-animation-name: pufInBl;
  animation-name: pufInBl;
}
@-webkit-keyframes pufInBl {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInBl {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* puff-in-left */
.pufInLft {
  -webkit-animation-name: pufInLft;
  animation-name: pufInLft;
}
@-webkit-keyframes pufInLft {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInLft {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* puff-in-tl */
.pufInTl {
  -webkit-animation-name: pufInTl;
  animation-name: pufInTl;
}
@-webkit-keyframes pufInTl {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInTl {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* puff-in-hor */
.pufInX {
  -webkit-animation-name: pufInX;
  animation-name: pufInX;
}
@-webkit-keyframes pufInX {
  0% {
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInX {
  0% {
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* puff-in-ver */
.pufInY {
  -webkit-animation-name: pufInY;
  animation-name: pufInY;
}
@-webkit-keyframes pufInY {
  0% {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pufInY {
  0% {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* scale-out-center */
.sclOutCntr {
  -webkit-animation-name: sclOutCntr;
  animation-name: sclOutCntr;
}
@-webkit-keyframes sclOutCntr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes sclOutCntr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}

/* scale-out-top */
.sclOutTp {
  -webkit-animation-name: sclOutTp;
  animation-name: sclOutTp;
}
@-webkit-keyframes sclOutTp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
}
@keyframes sclOutTp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
}

/* scale-out-tr */
.sclOutTr {
  -webkit-animation-name: sclOutTr;
  animation-name: sclOutTr;
}
@-webkit-keyframes sclOutTr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes sclOutTr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

/* scale-out-right */
.sclOutRgt {
  -webkit-animation-name: sclOutRgt;
  animation-name: sclOutRgt;
}
@-webkit-keyframes sclOutRgt {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
}
@keyframes sclOutRgt {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
}

/* scale-out-br */
.sclOutBr {
  -webkit-animation-name: sclOutBr;
  animation-name: sclOutBr;
}
@-webkit-keyframes sclOutBr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes sclOutBr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

/* scale-out-bottom */
.sclOutBtm {
  -webkit-animation-name: sclOutBtm;
  animation-name: sclOutBtm;
}
@-webkit-keyframes sclOutBtm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes sclOutBtm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}

/* scale-out-bl */
.sclOutBl {
  -webkit-animation-name: sclOutBl;
  animation-name: sclOutBl;
}
@-webkit-keyframes sclOutBl {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes sclOutBl {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}

/* scale-out-left */
.sclOutLft {
  -webkit-animation-name: sclOutLft;
  animation-name: sclOutLft;
}
@-webkit-keyframes sclOutLft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }
}
@keyframes sclOutLft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 1;
  }
}

/* scale-out-tl */
.sclOutTl {
  -webkit-animation-name: sclOutTl;
  animation-name: sclOutTl;
}
@-webkit-keyframes sclOutTl {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes sclOutTl {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

/* scale-out-horizontal */
.sclOutX {
  -webkit-animation-name: sclOutX;
  animation-name: sclOutX;
}
@-webkit-keyframes sclOutX {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
}
@keyframes sclOutX {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
}

/* scale-out-hor-left */
.sclOutXLft {
  -webkit-animation-name: sclOutXLft;
  animation-name: sclOutXLft;
}
@-webkit-keyframes sclOutXLft {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes sclOutXLft {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

/* scale-out-hor-right */
.sclOutXRgt {
  -webkit-animation-name: sclOutXRgt;
  animation-name: sclOutXRgt;
}
@-webkit-keyframes sclOutXRgt {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes sclOutXRgt {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

/* scale-out-hor-vertical */
.sclOutY {
  -webkit-animation-name: sclOutY;
  animation-name: sclOutY;
}
@-webkit-keyframes sclOutY {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
}
@keyframes sclOutY {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
}

/* scale-out-hor-ver-top */
.sclOutYTp {
  -webkit-animation-name: sclOutYTp;
  animation-name: sclOutYTp;
}
@-webkit-keyframes sclOutYTp {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes sclOutYTp {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

/* scale-out-hor-ver-bottom */
.sclOutYBtm {
  -webkit-animation-name: sclOutYBtm;
  animation-name: sclOutYBtm;
}
@-webkit-keyframes sclOutYBtm {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes sclOutYBtm {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}

/* rotate-out-center */
.rotOutCntr {
  -webkit-animation-name: rotOutCntr;
  animation-name: rotOutCntr;
}
@-webkit-keyframes rotOutCntr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0;
  }
}
@keyframes rotOutCntr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0;
  }
}

/* rotate-out-top */
.rotOutTp {
  -webkit-animation-name: rotOutTp;
  animation-name: rotOutTp;
}
@-webkit-keyframes rotOutTp {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
@keyframes rotOutTp {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}

/* rotate-out-tr */
.rotOutTr {
  -webkit-animation-name: rotOutTr;
  animation-name: rotOutTr;
}
@-webkit-keyframes rotOutTr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    opacity: 0;
  }
}
@keyframes rotOutTr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    opacity: 0;
  }
}

/* rotate-out-right */
.rotOutRgt {
  -webkit-animation-name: rotOutRgt;
  animation-name: rotOutRgt;
}
@-webkit-keyframes rotOutRgt {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
}
@keyframes rotOutRgt {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
}

/* rotate-out-br */
.rotOutBr {
  -webkit-animation-name: rotOutBr;
  animation-name: rotOutBr;
}
@-webkit-keyframes rotOutBr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    opacity: 0;
  }
}
@keyframes rotOutBr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    opacity: 0;
  }
}

/* rotate-out-bottom */
.rotOutBtm {
  -webkit-animation-name: rotOutBtm;
  animation-name: rotOutBtm;
}
@-webkit-keyframes rotOutBtm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
}
@keyframes rotOutBtm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
}

/* rotate-out-bl */
.rotOutBl {
  -webkit-animation-name: rotOutBl;
  animation-name: rotOutBl;
}
@-webkit-keyframes rotOutBl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    opacity: 0;
  }
}
@keyframes rotOutBl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    opacity: 0;
  }
}

/* rotate-out-left */
.rotOutLft {
  -webkit-animation-name: rotOutLft;
  animation-name: rotOutLft;
}
@-webkit-keyframes rotOutLft {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
}
@keyframes rotOutLft {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
}

/* rotate-out-tl */
.rotOutTl {
  -webkit-animation-name: rotOutTl;
  animation-name: rotOutTl;
}
@-webkit-keyframes rotOutTl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
  }
}
@keyframes rotOutTl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
  }
}

/* rotate-out-hor */
.rotOutX {
  -webkit-animation-name: rotOutX;
  animation-name: rotOutX;
}
@-webkit-keyframes rotOutX {
  0% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0;
  }
}
@keyframes rotOutX {
  0% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0;
  }
}

/* rotate-out-ver */
.rotOutY {
  -webkit-animation-name: rotOutY;
  animation-name: rotOutY;
}
@-webkit-keyframes rotOutY {
  0% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 0;
  }
}
@keyframes rotOutY {
  0% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 0;
  }
}

/* rotate-out-diag-1 */
.rotOutDgnlLft {
  -webkit-animation-name: rotOutDgnlLft;
  animation-name: rotOutDgnlLft;
}
@-webkit-keyframes rotOutDgnlLft {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 360deg);
    transform: rotate3d(1, 1, 0, 360deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 0;
  }
}
@keyframes rotOutDgnlLft {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 360deg);
    transform: rotate3d(1, 1, 0, 360deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 0;
  }
}

/* rotate-out-diag-2 */
.rotOutDgnlRgt {
  -webkit-animation-name: rotOutDgnlRgt;
  animation-name: rotOutDgnlRgt;
}
@-webkit-keyframes rotOutDgnlRgt {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 360deg);
    transform: rotate3d(-1, 1, 0, 360deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
    transform: rotate3d(-1, 1, 0, 0deg);
    opacity: 0;
  }
}
@keyframes rotOutDgnlRgt {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 360deg);
    transform: rotate3d(-1, 1, 0, 360deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
    transform: rotate3d(-1, 1, 0, 0deg);
    opacity: 0;
  }
}

/* rotate-out-2-cw */
.rotOutCw {
  -webkit-animation-name: rotOutCw;
  animation-name: rotOutCw;
}
@-webkit-keyframes rotOutCw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes rotOutCw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

/* rotate-out-2-ccw */
.rotOutCcw {
  -webkit-animation-name: rotOutCcw;
  animation-name: rotOutCcw;
}
@-webkit-keyframes rotOutCcw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotOutCcw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

/* rotate-out-2-tr-cw */
.rotOutTrCw {
  -webkit-animation-name: rotOutTrCw;
  animation-name: rotOutTrCw;
}
@-webkit-keyframes rotOutTrCw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes rotOutTrCw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
}

/* rotate-out-2-tr-ccw */
.rotOutTrCcw {
  -webkit-animation-name: rotOutTrCcw;
  animation-name: rotOutTrCcw;
}
@-webkit-keyframes rotOutTrCcw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes rotOutTrCcw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
}

/* rotate-out-2-br-cw */
.rotOutBrCw {
  -webkit-animation-name: rotOutBrCw;
  animation-name: rotOutBrCw;
}
@-webkit-keyframes rotOutBrCw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes rotOutBrCw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

/* rotate-out-2-br-ccw */
.rotOutBrCcw {
  -webkit-animation-name: rotOutBrCcw;
  animation-name: rotOutBrCcw;
}
@-webkit-keyframes rotOutBrCcw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes rotOutBrCcw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

/* rotate-out-2-bl-cw */
.rotOutBlCw {
  -webkit-animation-name: rotOutBlCw;
  animation-name: rotOutBlCw;
}
@-webkit-keyframes rotOutBlCw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
}
@keyframes rotOutBlCw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
}

/* rotate-out-2-bl-ccw */
.rotOutBlCcw {
  -webkit-animation-name: rotOutBlCcw;
  animation-name: rotOutBlCcw;
}
@-webkit-keyframes rotOutBlCcw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
}
@keyframes rotOutBlCcw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
}

/* rotate-out-2-tl-cw */
.rotOutTlCw {
  -webkit-animation-name: rotOutTlCw;
  animation-name: rotOutTlCw;
}
@-webkit-keyframes rotOutTlCw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes rotOutTlCw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

/* rotate-out-2-tl-ccw */
.rotOutTlCcw {
  -webkit-animation-name: rotOutTlCcw;
  animation-name: rotOutTlCcw;
}
@-webkit-keyframes rotOutTlCcw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes rotOutTlCcw {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

/* swirl-out-bck */
.swOutBck {
  -webkit-animation-name: swOutBck;
  animation-name: swOutBck;
}
@-webkit-keyframes swOutBck {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
}
@keyframes swOutBck {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
}

/* swirl-out-fwd */
.swOutFwd {
  -webkit-animation-name: swOutFwd;
  animation-name: swOutFwd;
}
@-webkit-keyframes swOutFwd {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    opacity: 0;
  }
}
@keyframes swOutFwd {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    opacity: 0;
  }
}

/* swirl-out-top-bck */
.swOutTpB {
  -webkit-animation-name: swOutTpB;
  animation-name: swOutTpB;
}
@-webkit-keyframes swOutTpB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes swOutTpB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0;
  }
}

/* swirl-out-top-fwd */
.swOutTpF {
  -webkit-animation-name: swOutTpF;
  animation-name: swOutTpF;
}
@-webkit-keyframes swOutTpF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes swOutTpF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0;
  }
}

/* swirl-out-tr-bck */
.swOutTrB {
  -webkit-animation-name: swOutTrB;
  animation-name: swOutTrB;
}
@-webkit-keyframes swOutTrB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes swOutTrB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
}

/* swirl-out-tr-fwd */
.swOutTrF {
  -webkit-animation-name: swOutTrF;
  animation-name: swOutTrF;
}
@-webkit-keyframes swOutTrF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes swOutTrF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
}

/* swirl-out-right-bck */
.swOutRgtB {
  -webkit-animation-name: swOutRgtB;
  animation-name: swOutRgtB;
}
@-webkit-keyframes swOutRgtB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes swOutRgtB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }
}

/* swirl-out-right-fwd */
.swOutRgtF {
  -webkit-animation-name: swOutRgtF;
  animation-name: swOutRgtF;
}
@-webkit-keyframes swOutRgtF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes swOutRgtF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }
}

/* swirl-out-br-bck */
.swOutBrB {
  -webkit-animation-name: swOutBrB;
  animation-name: swOutBrB;
}
@-webkit-keyframes swOutBrB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes swOutBrB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

/* swirl-out-br-fwd */
.swOutBrF {
  -webkit-animation-name: swOutBrF;
  animation-name: swOutBrF;
}
@-webkit-keyframes swOutBrF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes swOutBrF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

/* swirl-out-bottom-bck */
.swOutBtmB {
  -webkit-animation-name: swOutBtmB;
  animation-name: swOutBtmB;
}
@-webkit-keyframes swOutBtmB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes swOutBtmB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
}

/* swirl-out-bottom-fwd */
.swOutBtmF {
  -webkit-animation-name: swOutBtmF;
  animation-name: swOutBtmF;
}
@-webkit-keyframes swOutBtmF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes swOutBtmF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
}

/* swirl-out-bl-bck */
.swOutBlB {
  -webkit-animation-name: swOutBlB;
  animation-name: swOutBlB;
}
@-webkit-keyframes swOutBlB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
}
@keyframes swOutBlB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
}

/* swirl-out-bl-fwd */
.swOutBlF {
  -webkit-animation-name: swOutBlF;
  animation-name: swOutBlF;
}
@-webkit-keyframes swOutBlF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
}
@keyframes swOutBlF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
  }
}

/* swirl-out-left-bck */
.swOutLftB {
  -webkit-animation-name: swOutLftB;
  animation-name: swOutLftB;
}
@-webkit-keyframes swOutLftB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
  }
}
@keyframes swOutLftB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
  }
}

/* swirl-out-left-fwd */
.swOutLftF {
  -webkit-animation-name: swOutLftF;
  animation-name: swOutLftF;
}
@-webkit-keyframes swOutLftF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
  }
}
@keyframes swOutLftF {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(540deg) scale(5);
    transform: rotate(540deg) scale(5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
  }
}

/* swirl-out-tl-bck */
.swOutTlB {
  -webkit-animation-name: swOutTlB;
  animation-name: swOutTlB;
}
@-webkit-keyframes swOutTlB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes swOutTlB {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

/* flip-out-hor-top */
.flpOutXTp {
  -webkit-animation-name: flpOutXTp;
  animation-name: flpOutXTp;
}
@-webkit-keyframes flpOutXTp {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    opacity: 0;
  }
}
@keyframes flpOutXTp {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    opacity: 0;
  }
}

/* flip-out-hor-bottom */
.flpOutXBtm {
  -webkit-animation-name: flpOutXBtm;
  animation-name: flpOutXBtm;
}
@-webkit-keyframes flpOutXBtm {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    opacity: 0;
  }
}
@keyframes flpOutXBtm {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    opacity: 0;
  }
}

/* flip-out-ver-left */
.flpOutYLft {
  -webkit-animation-name: flpOutYLft;
  animation-name: flpOutYLft;
}
@-webkit-keyframes flpOutYLft {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    opacity: 0;
  }
}
@keyframes flpOutYLft {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    opacity: 0;
  }
}

/* flip-out-ver-right */
.flpOutYRgt {
  -webkit-animation-name: flpOutYRgt;
  animation-name: flpOutYRgt;
}
@-webkit-keyframes flpOutYRgt {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(70deg);
    transform: rotateY(70deg);
    opacity: 0;
  }
}
@keyframes flpOutYRgt {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(70deg);
    transform: rotateY(70deg);
    opacity: 0;
  }
}

/* flip-out-diag-1-tr */
.flpOutDgnlTr {
  -webkit-animation-name: flpOutDgnlTr;
  animation-name: flpOutDgnlTr;
}
@-webkit-keyframes flpOutDgnlTr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 70deg);
    transform: rotate3d(1, 1, 0, 70deg);
    opacity: 0;
  }
}
@keyframes flpOutDgnlTr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 70deg);
    transform: rotate3d(1, 1, 0, 70deg);
    opacity: 0;
  }
}

/* flip-out-diag-1-bl */
.flpOutDgnlBl {
  -webkit-animation-name: flpOutDgnlBl;
  animation-name: flpOutDgnlBl;
}
@-webkit-keyframes flpOutDgnlBl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -70deg);
    transform: rotate3d(1, 1, 0, -70deg);
    opacity: 0;
  }
}
@keyframes flpOutDgnlBl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -70deg);
    transform: rotate3d(1, 1, 0, -70deg);
    opacity: 0;
  }
}

/* flip-out-diag-2-tl */
.flpOutDgnlTl {
  -webkit-animation-name: flpOutDgnlTl;
  animation-name: flpOutDgnlTl;
}
@-webkit-keyframes flpOutDgnlTl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, -70deg);
    transform: rotate3d(-1, 1, 0, -70deg);
    opacity: 0;
  }
}
@keyframes flpOutDgnlTl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, -70deg);
    transform: rotate3d(-1, 1, 0, -70deg);
    opacity: 0;
  }
}

/* flip-out-diag-2-br */
.flpOutDgnlBr {
  -webkit-animation-name: flpOutDgnlBr;
  animation-name: flpOutDgnlBr;
}
@-webkit-keyframes flpOutDgnlBr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, 70deg);
    transform: rotate3d(-1, 1, 0, 70deg);
    opacity: 0;
  }
}
@keyframes flpOutDgnlBr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, 70deg);
    transform: rotate3d(-1, 1, 0, 70deg);
    opacity: 0;
  }
}

/* slit-out-vertical */
.sltOutY {
  -webkit-animation-name: sltOutY;
  animation-name: sltOutY;
}
@-webkit-keyframes sltOutY {
  0% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes sltOutY {
  0% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
}

/* slit-out-horizontal */
.sltOutX {
  -webkit-animation-name: sltOutX;
  animation-name: sltOutX;
}
@-webkit-keyframes sltOutX {
  0% {
    -webkit-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
    transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
    transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes sltOutX {
  0% {
    -webkit-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
    transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
    transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
}

/* slit-out-diagonal-1 */
.sltOutDgnlLft {
  -webkit-animation-name: sltOutDgnlLft;
  animation-name: sltOutDgnlLft;
}
@-webkit-keyframes sltOutDgnlLft {
  0% {
    -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
    transform: translateZ(0) rotate3d(1, 1, 0, 0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
    transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
    transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes sltOutDgnlLft {
  0% {
    -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
    transform: translateZ(0) rotate3d(1, 1, 0, 0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
    transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
    transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
    opacity: 0;
  }
}

/* slit-out-diagonal-2 */
.sltOutDgnlRgt {
  -webkit-animation-name: sltOutDgnlRgt;
  animation-name: sltOutDgnlRgt;
}
@-webkit-keyframes sltOutDgnlRgt {
  0% {
    -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
    transform: translateZ(0) rotate3d(-1, 1, 0, 0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
    transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
    transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
    opacity: 0;
  }
}
@keyframes sltOutDgnlRgt {
  0% {
    -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
    transform: translateZ(0) rotate3d(-1, 1, 0, 0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
    transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
    transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
    opacity: 0;
  }
}

/* slide-out-top */
.sldOutTp {
  -webkit-animation-name: sldOutTp;
  animation-name: sldOutTp;
}
@-webkit-keyframes sldOutTp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes sldOutTp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}

/* slide-out-tr */
.sldOutTr {
  -webkit-animation-name: sldOutTr;
  animation-name: sldOutTr;
}
@-webkit-keyframes sldOutTr {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px) translateX(1000px);
    transform: translateY(-1000px) translateX(1000px);
    opacity: 0;
  }
}
@keyframes sldOutTr {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px) translateX(1000px);
    transform: translateY(-1000px) translateX(1000px);
    opacity: 0;
  }
}

/* slide-out-right */
.sldOutRgt {
  -webkit-animation-name: sldOutRgt;
  animation-name: sldOutRgt;
}
@-webkit-keyframes sldOutRgt {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
}
@keyframes sldOutRgt {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
}

/* slide-out-br */
.sldOutBr {
  -webkit-animation-name: sldOutBr;
  animation-name: sldOutBr;
}
@-webkit-keyframes sldOutBr {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) translateX(1000px);
    transform: translateY(1000px) translateX(1000px);
    opacity: 0;
  }
}
@keyframes sldOutBr {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) translateX(1000px);
    transform: translateY(1000px) translateX(1000px);
    opacity: 0;
  }
}

/* slide-out-bottom */
.sldOutBtm {
  -webkit-animation-name: sldOutBtm;
  animation-name: sldOutBtm;
}
@-webkit-keyframes sldOutBtm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
@keyframes sldOutBtm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}

/* slide-out-bl */
.sldOutBl {
  -webkit-animation-name: sldOutBl;
  animation-name: sldOutBl;
}
@-webkit-keyframes sldOutBl {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) translateX(-1000px);
    transform: translateY(1000px) translateX(-1000px);
    opacity: 0;
  }
}
@keyframes sldOutBl {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) translateX(-1000px);
    transform: translateY(1000px) translateX(-1000px);
    opacity: 0;
  }
}

/* slide-out-left */
.sldOutLft {
  -webkit-animation-name: sldOutLft;
  animation-name: sldOutLft;
}
@-webkit-keyframes sldOutLft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
}
@keyframes sldOutLft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
}

/* slide-out-tl */
.sldOutTl {
  -webkit-animation-name: sldOutTl;
  animation-name: sldOutTl;
}
@-webkit-keyframes sldOutTl {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px) translateX(-1000px);
    transform: translateY(-1000px) translateX(-1000px);
    opacity: 0;
  }
}
@keyframes sldOutTl {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px) translateX(-1000px);
    transform: translateY(-1000px) translateX(-1000px);
    opacity: 0;
  }
}

/* slide-out-blurred-top */
.sldOutBlrTp {
  -webkit-animation-name: sldOutBlrTp;
  animation-name: sldOutBlrTp;
}
@-webkit-keyframes sldOutBlrTp {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes sldOutBlrTp {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}

/* slide-out-blurred-tr */
.sldOutBlrTr {
  -webkit-animation-name: sldOutBlrTr;
  animation-name: sldOutBlrTr;
}
@-webkit-keyframes sldOutBlrTr {
  0% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
    transform: translate(1000px, -1000px) skew(-80deg, -10deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes sldOutBlrTr {
  0% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
    transform: translate(1000px, -1000px) skew(-80deg, -10deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}

/* slide-out-blurred-right */
.sldOutBlrRgt {
  -webkit-animation-name: sldOutBlrRgt;
  animation-name: sldOutBlrRgt;
}
@-webkit-keyframes sldOutBlrRgt {
  0% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) scaleX(2) scaleY(0.2);
    transform: translateX(1000px) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes sldOutBlrRgt {
  0% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) scaleX(2) scaleY(0.2);
    transform: translateX(1000px) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}

/* slide-out-blurred-br */
.sldOutBlrBr {
  -webkit-animation-name: sldOutBlrBr;
  animation-name: sldOutBlrBr;
}
@-webkit-keyframes sldOutBlrBr {
  0% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
    transform: translate(1000px, 1000px) skew(80deg, 10deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes sldOutBlrBr {
  0% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
    transform: translate(1000px, 1000px) skew(80deg, 10deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}

/* slide-out-blurred-bl */
.sldOutBlrBl {
  -webkit-animation-name: sldOutBlrBl;
  animation-name: sldOutBlrBl;
}
@-webkit-keyframes sldOutBlrBl {
  0% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
    transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes sldOutBlrBl {
  0% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
    transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}

/* slide-out-blurred-bottom */
.sldOutBlrBtm {
  -webkit-animation-name: sldOutBlrBtm;
  animation-name: sldOutBlrBtm;
}
@-webkit-keyframes sldOutBlrBtm {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) scaleY(2) scaleX(0.2);
    transform: translateY(1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes sldOutBlrBtm {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) scaleY(2) scaleX(0.2);
    transform: translateY(1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}

/* slide-out-blurred-left */
.sldOutBlrLft {
  -webkit-animation-name: sldOutBlrLft;
  animation-name: sldOutBlrLft;
}
@-webkit-keyframes sldOutBlrLft {
  0% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes sldOutBlrLft {
  0% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
    transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}

/* slide-out-blurred-tl */
.sldOutBlrTl {
  -webkit-animation-name: sldOutBlrTl;
  animation-name: sldOutBlrTl;
}
@-webkit-keyframes sldOutBlrTl {
  0% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg);
    transform: translate(-1000px, -1000px) skew(80deg, 10deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes sldOutBlrTl {
  0% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg);
    transform: translate(-1000px, -1000px) skew(80deg, 10deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
}

/* slide-out-elliptic-top-bck */
.sldOutElptTpB {
  -webkit-animation-name: sldOutElptTpB;
  animation-name: sldOutElptTpB;
}
@-webkit-keyframes sldOutElptTpB {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes sldOutElptTpB {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}

/* slide-out-elliptic-top-fwd */
.sldOutElptTpF {
  -webkit-animation-name: sldOutElptTpF;
  animation-name: sldOutElptTpF;
}
@-webkit-keyframes sldOutElptTpF {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -500px;
    transform-origin: 50% -500px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-600px) rotateX(20deg) scale(6);
    transform: translateY(-600px) rotateX(20deg) scale(6);
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
    opacity: 0;
  }
}
@keyframes sldOutElptTpF {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -500px;
    transform-origin: 50% -500px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-600px) rotateX(20deg) scale(6);
    transform: translateY(-600px) rotateX(20deg) scale(6);
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
    opacity: 0;
  }
}

/* slide-out-elliptic-right-bck */
.sldOutElptRgtB {
  -webkit-animation-name: sldOutElptRgtB;
  animation-name: sldOutElptRgtB;
}
@-webkit-keyframes sldOutElptRgtB {
  0% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: -1800px 50%;
    transform-origin: -1800px 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) rotateY(-30deg) scale(0);
    transform: translateX(1000px) rotateY(-30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 1;
  }
}
@keyframes sldOutElptRgtB {
  0% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: -1800px 50%;
    transform-origin: -1800px 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) rotateY(-30deg) scale(0);
    transform: translateX(1000px) rotateY(-30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 1;
  }
}

/* slide-out-elliptic-right-fwd */
.sldOutElptRgtF {
  -webkit-animation-name: sldOutElptRgtF;
  animation-name: sldOutElptRgtF;
}
@-webkit-keyframes sldOutElptRgtF {
  0% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 600px 50%;
    transform-origin: 600px 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) rotateY(20deg) scale(6);
    transform: translateX(1000px) rotateY(20deg) scale(6);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
}
@keyframes sldOutElptRgtF {
  0% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 600px 50%;
    transform-origin: 600px 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) rotateY(20deg) scale(6);
    transform: translateX(1000px) rotateY(20deg) scale(6);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
}

/* slide-out-elliptic-left-bck */
.sldOutElptLftB {
  -webkit-animation-name: sldOutElptLftB;
  animation-name: sldOutElptLftB;
}
@-webkit-keyframes sldOutElptLftB {
  0% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 2000px 50%;
    transform-origin: 2000px 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) rotateY(30deg) scale(0);
    transform: translateX(-1000px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 1;
  }
}
@keyframes sldOutElptLftB {
  0% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 2000px 50%;
    transform-origin: 2000px 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) rotateY(30deg) scale(0);
    transform: translateX(-1000px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 1;
  }
}

/* slide-out-elliptic-left-fwd */
.sldOutElptLftF {
  -webkit-animation-name: sldOutElptLftF;
  animation-name: sldOutElptLftF;
}
@-webkit-keyframes sldOutElptLftF {
  0% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: -500px 50%;
    transform-origin: -500px 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) rotateY(-20deg) scale(6);
    transform: translateX(-1000px) rotateY(-20deg) scale(6);
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    opacity: 0;
  }
}
@keyframes sldOutElptLftF {
  0% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: -500px 50%;
    transform-origin: -500px 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) rotateY(-20deg) scale(6);
    transform: translateX(-1000px) rotateY(-20deg) scale(6);
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    opacity: 0;
  }
}

/* slide-out-elliptic-bottom-fwd */
.sldOutElptBtmF {
  -webkit-animation-name: sldOutElptBtmF;
  animation-name: sldOutElptBtmF;
}
@-webkit-keyframes sldOutElptBtmF {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 500px;
    transform-origin: 50% 500px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(600px) rotateX(-20deg) scale(6);
    transform: translateY(600px) rotateX(-20deg) scale(6);
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
    opacity: 0;
  }
}
@keyframes sldOutElptBtmF {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 500px;
    transform-origin: 50% 500px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(600px) rotateX(-20deg) scale(6);
    transform: translateY(600px) rotateX(-20deg) scale(6);
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
    opacity: 0;
  }
}

/* slide-out-elliptic-bottom-bck */
.sldOutElptBtmB {
  -webkit-animation-name: sldOutElptBtmB;
  animation-name: sldOutElptBtmB;
}
@-webkit-keyframes sldOutElptBtmB {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes sldOutElptBtmB {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}

/* bounce-out-top */
.boncOutTp {
  -webkit-animation-name: boncOutTp;
  animation-name: boncOutTp;
}
@-webkit-keyframes boncOutTp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  5% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  15% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-38px);
    transform: translateY(-38px);
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  52% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
  }
  70% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
    opacity: 0;
  }
}
@keyframes boncOutTp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  5% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  15% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-38px);
    transform: translateY(-38px);
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  52% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
  }
  70% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
    opacity: 0;
  }
}

/* bounce-out-right */
.boncOutRgt {
  -webkit-animation-name: boncOutRgt;
  animation-name: boncOutRgt;
}
@-webkit-keyframes boncOutRgt {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  5% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  15% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(38px);
    transform: translateX(38px);
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  52% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
  }
  65% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
}
@keyframes boncOutRgt {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  5% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  15% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(38px);
    transform: translateX(38px);
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  52% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
  }
  65% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
}

/* bounce-out-bottom */
.boncOutBtm {
  -webkit-animation-name: boncOutBtm;
  animation-name: boncOutBtm;
}
@-webkit-keyframes boncOutBtm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  5% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  15% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(38px);
    transform: translateY(38px);
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  52% {
    -webkit-transform: translateY(75px);
    transform: translateY(75px);
  }
  70% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(800px);
    transform: translateY(800px);
    opacity: 0;
  }
}
@keyframes boncOutBtm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  5% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  15% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(38px);
    transform: translateY(38px);
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  52% {
    -webkit-transform: translateY(75px);
    transform: translateY(75px);
  }
  70% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(800px);
    transform: translateY(800px);
    opacity: 0;
  }
}

/* bounce-out-left */
.boncOutLft {
  -webkit-animation-name: boncOutLft;
  animation-name: boncOutLft;
}
@-webkit-keyframes boncOutLft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  5% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  15% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-38px);
    transform: translateX(-38px);
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  52% {
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
  }
  70% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
}
@keyframes boncOutLft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  5% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  15% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-38px);
    transform: translateX(-38px);
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  52% {
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
  }
  70% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
}

/* bounce-out-bck */
.boncOutBck {
  -webkit-animation-name: boncOutBck;
  animation-name: boncOutBck;
}
@-webkit-keyframes boncOutBck {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  5% {
    -webkit-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
  15% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  25% {
    -webkit-transform: translateZ(-110px);
    transform: translateZ(-110px);
  }
  38% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  52% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
  }
  70% {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-900px) scale(0);
    transform: translateZ(-900px) scale(0);
    opacity: 0;
  }
}
@keyframes boncOutBck {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  5% {
    -webkit-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
  15% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  25% {
    -webkit-transform: translateZ(-110px);
    transform: translateZ(-110px);
  }
  38% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  52% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
  }
  70% {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-900px) scale(0);
    transform: translateZ(-900px) scale(0);
    opacity: 0;
  }
}

/* roll-out-left */
.rolOutLft {
  -webkit-animation-name: rolOutLft;
  animation-name: rolOutLft;
}
@-webkit-keyframes rolOutLft {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) rotate(-540deg);
    transform: translateX(-1000px) rotate(-540deg);
    opacity: 0;
  }
}
@keyframes rolOutLft {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) rotate(-540deg);
    transform: translateX(-1000px) rotate(-540deg);
    opacity: 0;
  }
}

/* roll-out-top */
.rolOutTp {
  -webkit-animation-name: rolOutTp;
  animation-name: rolOutTp;
}
@-webkit-keyframes rolOutTp {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-800px) rotate(-540deg);
    transform: translateY(-800px) rotate(-540deg);
    opacity: 0;
  }
}
@keyframes rolOutTp {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-800px) rotate(-540deg);
    transform: translateY(-800px) rotate(-540deg);
    opacity: 0;
  }
}

/* roll-out-right */
.rolOutRgt {
  -webkit-animation-name: rolOutRgt;
  animation-name: rolOutRgt;
}
@-webkit-keyframes rolOutRgt {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) rotate(540deg);
    transform: translateX(1000px) rotate(540deg);
    opacity: 0;
  }
}
@keyframes rolOutRgt {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) rotate(540deg);
    transform: translateX(1000px) rotate(540deg);
    opacity: 0;
  }
}

/* roll-out-bottom */
.rolOutBtm {
  -webkit-animation-name: rolOutBtm;
  animation-name: rolOutBtm;
}
@-webkit-keyframes rolOutBtm {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(800px) rotate(540deg);
    transform: translateY(800px) rotate(540deg);
    opacity: 0;
  }
}
@keyframes rolOutBtm {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(800px) rotate(540deg);
    transform: translateY(800px) rotate(540deg);
    opacity: 0;
  }
}

/* roll-out-blurred-left */
.rolOutBlrLft {
  -webkit-animation-name: rolOutBlrLft;
  animation-name: rolOutBlrLft;
}
@-webkit-keyframes rolOutBlrLft {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) rotate(-720deg);
    transform: translateX(-1000px) rotate(-720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
}
@keyframes rolOutBlrLft {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) rotate(-720deg);
    transform: translateX(-1000px) rotate(-720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
}

/* roll-out-blurred-top */
.rolOutBlrTp {
  -webkit-animation-name: rolOutBlrTp;
  animation-name: rolOutBlrTp;
}
@-webkit-keyframes rolOutBlrTp {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-800px) rotate(-720deg);
    transform: translateY(-800px) rotate(-720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
}
@keyframes rolOutBlrTp {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-800px) rotate(-720deg);
    transform: translateY(-800px) rotate(-720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
}

/* roll-out-blurred-right */
.rolOutBlrRgt {
  -webkit-animation-name: rolOutBlrRgt;
  animation-name: rolOutBlrRgt;
}
@-webkit-keyframes rolOutBlrRgt {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) rotate(720deg);
    transform: translateX(1000px) rotate(720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
}
@keyframes rolOutBlrRgt {
  0% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) rotate(720deg);
    transform: translateX(1000px) rotate(720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
}

/* roll-out-blurred-bottom */
.rolOutBlrBtm {
  -webkit-animation-name: rolOutBlrBtm;
  animation-name: rolOutBlrBtm;
}
@-webkit-keyframes rolOutBlrBtm {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(800px) rotate(720deg);
    transform: translateY(800px) rotate(720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
}
@keyframes rolOutBlrBtm {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(800px) rotate(720deg);
    transform: translateY(800px) rotate(720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
}

/* fade-out */
.fdOut {
  -webkit-animation-name: fdOut;
  animation-name: fdOut;
}
@-webkit-keyframes fdOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fdOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* fade-out-top */
.fdOutTp {
  -webkit-animation-name: fdOutTp;
  animation-name: fdOutTp;
}
@-webkit-keyframes fdOutTp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
}
@keyframes fdOutTp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
}

/* fade-out-tr */
.fdOutTr {
  -webkit-animation-name: fdOutTr;
  animation-name: fdOutTr;
}
@-webkit-keyframes fdOutTr {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px) translateY(-50px);
    transform: translateX(50px) translateY(-50px);
    opacity: 0;
  }
}
@keyframes fdOutTr {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px) translateY(-50px);
    transform: translateX(50px) translateY(-50px);
    opacity: 0;
  }
}

/* fade-out-right */
.fdOutRgt {
  -webkit-animation-name: fdOutRgt;
  animation-name: fdOutRgt;
}
@-webkit-keyframes fdOutRgt {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes fdOutRgt {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
}

/* fade-out-br */
.fdOutBr {
  -webkit-animation-name: fdOutBr;
  animation-name: fdOutBr;
}
@-webkit-keyframes fdOutBr {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px) translateY(50px);
    transform: translateX(50px) translateY(50px);
    opacity: 0;
  }
}
@keyframes fdOutBr {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px) translateY(50px);
    transform: translateX(50px) translateY(50px);
    opacity: 0;
  }
}

/* fade-out-bottom */
.fdOutBtm {
  -webkit-animation-name: fdOutBtm;
  animation-name: fdOutBtm;
}
@-webkit-keyframes fdOutBtm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
}
@keyframes fdOutBtm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
}

/* fade-out-bl */
.fdOutBl {
  -webkit-animation-name: fdOutBl;
  animation-name: fdOutBl;
}
@-webkit-keyframes fdOutBl {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px) translateY(50px);
    transform: translateX(-50px) translateY(50px);
    opacity: 0;
  }
}
@keyframes fdOutBl {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px) translateY(50px);
    transform: translateX(-50px) translateY(50px);
    opacity: 0;
  }
}

/* fade-out-left */
.fdOutLft {
  -webkit-animation-name: fdOutLft;
  animation-name: fdOutLft;
}
@-webkit-keyframes fdOutLft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
}
@keyframes fdOutLft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
}

/* fade-out-tl */
.fdOutTl {
  -webkit-animation-name: fdOutTl;
  animation-name: fdOutTl;
}
@-webkit-keyframes fdOutTl {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px) translateY(-50px);
    transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
}
@keyframes fdOutTl {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px) translateY(-50px);
    transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
}

/* puff-out-center */
.pufOutCntr {
  -webkit-animation-name: pufOutCntr;
  animation-name: pufOutCntr;
}
@-webkit-keyframes pufOutCntr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutCntr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* puff-out-top */
.pufOutTp {
  -webkit-animation-name: pufOutTp;
  animation-name: pufOutTp;
}
@-webkit-keyframes pufOutTp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutTp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* puff-out-tr */
.pufOutTr {
  -webkit-animation-name: pufOutTr;
  animation-name: pufOutTr;
}
@-webkit-keyframes pufOutTr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutTr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* puff-out-right */
.pufOutRgt {
  -webkit-animation-name: pufOutRgt;
  animation-name: pufOutRgt;
}
@-webkit-keyframes pufOutRgt {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutRgt {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* puff-out-br */
.pufOutBr {
  -webkit-animation-name: pufOutBr;
  animation-name: pufOutBr;
}
@-webkit-keyframes pufOutBr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutBr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* puff-out-bottom */
.pufOutBtm {
  -webkit-animation-name: pufOutBtm;
  animation-name: pufOutBtm;
}
@-webkit-keyframes pufOutBtm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutBtm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* puff-out-bl */
.pufOutBl {
  -webkit-animation-name: pufOutBl;
  animation-name: pufOutBl;
}
@-webkit-keyframes pufOutBl {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutBl {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* puff-out-left */
.pufOutLft {
  -webkit-animation-name: pufOutLft;
  animation-name: pufOutLft;
}
@-webkit-keyframes pufOutLft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutLft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* puff-out-tl */
.pufOutTl {
  -webkit-animation-name: pufOutTl;
  animation-name: pufOutTl;
}
@-webkit-keyframes pufOutTl {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutTl {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* puff-out-hor */
.pufOutX {
  -webkit-animation-name: pufOutX;
  animation-name: pufOutX;
}
@-webkit-keyframes pufOutX {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutX {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* puff-out-ver */
.pufOutY {
  -webkit-animation-name: pufOutY;
  animation-name: pufOutY;
}
@-webkit-keyframes pufOutY {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes pufOutY {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
}

/* tracking-in-expand */
.trkInXpnd {
  -webkit-animation-name: trkInXpnd;
  animation-name: trkInXpnd;
}
@-webkit-keyframes trkInXpnd {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes trkInXpnd {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/* tracking-in-contract */
.trkInCntrct {
  -webkit-animation-name: trkInCntrct;
  animation-name: trkInCntrct;
}
@-webkit-keyframes trkInCntrct {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes trkInCntrct {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}

/* tracking-out-contract */
.trkOutCntrct {
  -webkit-animation-name: trkOutCntrct;
  animation-name: trkOutCntrct;
}
@-webkit-keyframes trkOutCntrct {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
}
@keyframes trkOutCntrct {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
}

/* tracking-out-expand */
.trkOutXpnd {
  -webkit-animation-name: trkOutXpnd;
  animation-name: trkOutXpnd;
}
@-webkit-keyframes trkOutXpnd {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 0.8;
  }
  100% {
    letter-spacing: 1em;
    opacity: 0;
  }
}
@keyframes trkOutXpnd {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 0.8;
  }
  100% {
    letter-spacing: 1em;
    opacity: 0;
  }
}

/* text-focus-in */
.txtFxIn {
  -webkit-animation-name: txtFxIn;
  animation-name: txtFxIn;
}
@-webkit-keyframes txtFxIn {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes txtFxIn {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* focus-in-expand */
.fxInXpnd {
  -webkit-animation-name: fxInXpnd;
  animation-name: fxInXpnd;
}
@-webkit-keyframes fxInXpnd {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes fxInXpnd {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* focus-in-expand-fwd */
.fxInXpndF {
  -webkit-animation-name: fxInXpndF;
  animation-name: fxInXpndF;
}
@-webkit-keyframes fxInXpndF {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes fxInXpndF {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* focus-in-contract */
.fxInCntrct {
  -webkit-animation-name: fxInCntrct;
  animation-name: fxInCntrct;
}
@-webkit-keyframes fxInCntrct {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes fxInCntrct {
  0% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* focus-in-contract-bck */
.fxInCntrctB {
  -webkit-animation-name: fxInCntrctB;
  animation-name: fxInCntrctB;
}
@-webkit-keyframes fxInCntrctB {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(12px);
    transform: translateZ(12px);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes fxInCntrctB {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(12px);
    transform: translateZ(12px);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

/* text-blur-out */
.txtBlrOut {
  -webkit-animation-name: txtBlrOut;
  animation-name: txtBlrOut;
}
@-webkit-keyframes txtBlrOut {
  0% {
    -webkit-filter: blur(0.01);
    filter: blur(0.01);
  }
  100% {
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}
@keyframes txtBlrOut {
  0% {
    -webkit-filter: blur(0.01);
    filter: blur(0.01);
  }
  100% {
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}

/* blur-out-contract */
.blrOutCntrct {
  -webkit-animation-name: blrOutCntrct;
  animation-name: blrOutCntrct;
}
@-webkit-keyframes blrOutCntrct {
  0% {
    -webkit-filter: blur(0.01);
    filter: blur(0.01);
  }
  100% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}
@keyframes blrOutCntrct {
  0% {
    -webkit-filter: blur(0.01);
    filter: blur(0.01);
  }
  100% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}

/* blur-out-contract-bck */
.blrOutCntrctB {
  -webkit-animation-name: blrOutCntrctB;
  animation-name: blrOutCntrctB;
}
@-webkit-keyframes blrOutCntrctB {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0.01);
    filter: blur(0.01);
  }
  100% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}
@keyframes blrOutCntrctB {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0.01);
    filter: blur(0.01);
  }
  100% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}

/* blur-out-expand */
.blrOutXpnd {
  -webkit-animation-name: blrOutXpnd;
  animation-name: blrOutXpnd;
}
@-webkit-keyframes blrOutXpnd {
  0% {
    -webkit-filter: blur(0.01);
    filter: blur(0.01);
  }
  100% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}
@keyframes blrOutXpnd {
  0% {
    -webkit-filter: blur(0.01);
    filter: blur(0.01);
  }
  100% {
    letter-spacing: 1em;
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}

/* blur-out-expand-fwd */
.blrOutXpndF {
  -webkit-animation-name: blrOutXpndF;
  animation-name: blrOutXpndF;
}
@-webkit-keyframes blrOutXpndF {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0.01);
    filter: blur(0.01);
  }
  100% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}
@keyframes blrOutXpndF {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-filter: blur(0.01);
    filter: blur(0.01);
  }
  100% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%);
  }
}

/* vibrate-1 */
.vbrtSlo {
  -webkit-animation-name: vbrtSlo;
  animation-name: vbrtSlo;
}
@-webkit-keyframes vbrtSlo {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes vbrtSlo {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

/* vibrate-3 */
.vbrtFst {
  -webkit-animation-name: vbrtFst;
  animation-name: vbrtFst;
}
@-webkit-keyframes vbrtFst {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  30% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  50% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  70% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  90% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes vbrtFst {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  30% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  50% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  70% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  90% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

/* shake-horizontal */
.shkX {
  -webkit-animation-name: shkX;
  animation-name: shkX;
}
@-webkit-keyframes shkX {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@keyframes shkX {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}

/* shake-vertical */
.shkY {
  -webkit-animation-name: shkY;
  animation-name: shkY;
}
@-webkit-keyframes shkY {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
    transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
    transform: translateY(-6.4px);
  }
}
@keyframes shkY {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
    transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
    transform: translateY(-6.4px);
  }
}

/* shake-lr */
.shkLr {
  -webkit-animation-name: shkLr;
  animation-name: shkLr;
}
@-webkit-keyframes shkLr {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  10% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  80% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  90% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
}
@keyframes shkLr {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  10% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  80% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  90% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
}

/* shake-top */
.shkTp {
  -webkit-animation-name: shkTp;
  animation-name: shkTp;
}
@-webkit-keyframes shkTp {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shkTp {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

/* shake-tr */
.shkTr {
  -webkit-animation-name: shkTr;
  animation-name: shkTr;
}
@-webkit-keyframes shkTr {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shkTr {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

/* shake-right */
.shkRgt {
  -webkit-animation-name: shkRgt;
  animation-name: shkRgt;
}
@-webkit-keyframes shkRgt {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shkRgt {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

/* shake-br */
.shkBr {
  -webkit-animation-name: shkBr;
  animation-name: shkBr;
}
@-webkit-keyframes shkBr {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shkBr {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

/* shake-bottom */
.shkBtm {
  -webkit-animation-name: shkBtm;
  animation-name: shkBtm;
}
@-webkit-keyframes shkBtm {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shkBtm {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

/* shake-bl */
.shkBl {
  -webkit-animation-name: shkBl;
  animation-name: shkBl;
}
@-webkit-keyframes shkBl {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shkBl {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

/* shake-left */
.shkLft {
  -webkit-animation-name: shkLft;
  animation-name: shkLft;
}
@-webkit-keyframes shkLft {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shkLft {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

/* shake-tl */
.shkTl {
  -webkit-animation-name: shkTl;
  animation-name: shkTl;
}
@-webkit-keyframes shkTl {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shkTl {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

/* jello-horizontal */
.jloX {
  -webkit-animation-name: jloX;
  animation-name: jloX;
}
@-webkit-keyframes jloX {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jloX {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* jello-vertical */
.jloY {
  -webkit-animation-name: jloY;
  animation-name: jloY;
}
@-webkit-keyframes jloY {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jloY {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* jello-diagonal-1 */
.jloDgnlLft {
  -webkit-animation-name: jloDgnlLft;
  animation-name: jloDgnlLft;
}
@-webkit-keyframes jloDgnlLft {
  0% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(25deg 25deg);
    transform: skew(25deg 25deg);
  }
  40% {
    -webkit-transform: skew(-15deg, -15deg);
    transform: skew(-15deg, -15deg);
  }
  50% {
    -webkit-transform: skew(15deg, 15deg);
    transform: skew(15deg, 15deg);
  }
  65% {
    -webkit-transform: skew(-5deg, -5deg);
    transform: skew(-5deg, -5deg);
  }
  75% {
    -webkit-transform: skew(5deg, 5deg);
    transform: skew(5deg, 5deg);
  }
  100% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
}
@keyframes jloDgnlLft {
  0% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(25deg 25deg);
    transform: skew(25deg 25deg);
  }
  40% {
    -webkit-transform: skew(-15deg, -15deg);
    transform: skew(-15deg, -15deg);
  }
  50% {
    -webkit-transform: skew(15deg, 15deg);
    transform: skew(15deg, 15deg);
  }
  65% {
    -webkit-transform: skew(-5deg, -5deg);
    transform: skew(-5deg, -5deg);
  }
  75% {
    -webkit-transform: skew(5deg, 5deg);
    transform: skew(5deg, 5deg);
  }
  100% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
}

/* jello-diagonal-2 */
.jloDgnlRgt {
  -webkit-animation-name: jloDgnlRgt;
  animation-name: jloDgnlRgt;
}
@-webkit-keyframes jloDgnlRgt {
  0% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(-25deg -25deg);
    transform: skew(-25deg -25deg);
  }
  40% {
    -webkit-transform: skew(15deg, 15deg);
    transform: skew(15deg, 15deg);
  }
  50% {
    -webkit-transform: skew(-15deg, -15deg);
    transform: skew(-15deg, -15deg);
  }
  65% {
    -webkit-transform: skew(5deg, 5deg);
    transform: skew(5deg, 5deg);
  }
  75% {
    -webkit-transform: skew(-5deg, -5deg);
    transform: skew(-5deg, -5deg);
  }
  100% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
}
@keyframes jloDgnlRgt {
  0% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(-25deg -25deg);
    transform: skew(-25deg -25deg);
  }
  40% {
    -webkit-transform: skew(15deg, 15deg);
    transform: skew(15deg, 15deg);
  }
  50% {
    -webkit-transform: skew(-15deg, -15deg);
    transform: skew(-15deg, -15deg);
  }
  65% {
    -webkit-transform: skew(5deg, 5deg);
    transform: skew(5deg, 5deg);
  }
  75% {
    -webkit-transform: skew(-5deg, -5deg);
    transform: skew(-5deg, -5deg);
  }
  100% {
    -webkit-transform: skew(0deg 0deg);
    transform: skew(0deg 0deg);
  }
}

/* wobble-hor-bottom */
.wblXBtm {
  -webkit-animation-name: wblXBtm;
  animation-name: wblXBtm;
}
@-webkit-keyframes wblXBtm {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wblXBtm {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}

/* wobble-hor-top */
.wblXTp {
  -webkit-animation-name: wblXTp;
  animation-name: wblXTp;
}
@-webkit-keyframes wblXTp {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
    transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
    transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
    transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
    transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
    transform: translateX(-6px) rotate(1.2deg);
  }
}
@keyframes wblXTp {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
    transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
    transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
    transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
    transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
    transform: translateX(-6px) rotate(1.2deg);
  }
}

/* wobble-ver-left */
.wblYLft {
  -webkit-animation-name: wblYLft;
  animation-name: wblYLft;
}
@-webkit-keyframes wblYLft {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(-6deg);
    transform: translateY(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(6deg);
    transform: translateY(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(-3.6deg);
    transform: translateY(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(2.4deg);
    transform: translateY(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(-1.2deg);
    transform: translateY(-6px) rotate(-1.2deg);
  }
}
@keyframes wblYLft {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(-6deg);
    transform: translateY(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(6deg);
    transform: translateY(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(-3.6deg);
    transform: translateY(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(2.4deg);
    transform: translateY(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(-1.2deg);
    transform: translateY(-6px) rotate(-1.2deg);
  }
}

/* wobble-ver-right */
.wblYRgt {
  -webkit-animation-name: wblYRgt;
  animation-name: wblYRgt;
}
@-webkit-keyframes wblYRgt {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(6deg);
    transform: translateY(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(-6deg);
    transform: translateY(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(3.6deg);
    transform: translateY(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(-2.4deg);
    transform: translateY(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(1.2deg);
    transform: translateY(-6px) rotate(1.2deg);
  }
}
@keyframes wblYRgt {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(6deg);
    transform: translateY(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(-6deg);
    transform: translateY(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(3.6deg);
    transform: translateY(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(-2.4deg);
    transform: translateY(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(1.2deg);
    transform: translateY(-6px) rotate(1.2deg);
  }
}

/* bounce-top */
.boncTp {
  -webkit-animation-name: boncTp;
  animation-name: boncTp;
}
@-webkit-keyframes boncTp {
  0% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
  }
  65% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  93% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes boncTp {
  0% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
  }
  65% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  93% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

/* bounce-bottom */
.boncBtm {
  -webkit-animation-name: boncBtm;
  animation-name: boncBtm;
}
@-webkit-keyframes boncBtm {
  0% {
    -webkit-transform: translateY(45px);
    transform: translateY(45px);
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(24px);
    transform: translateY(24px);
  }
  65% {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }
  82% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  93% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes boncBtm {
  0% {
    -webkit-transform: translateY(45px);
    transform: translateY(45px);
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(24px);
    transform: translateY(24px);
  }
  65% {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }
  82% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  93% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

/* bounce-left */
.boncLft {
  -webkit-animation-name: boncLft;
  animation-name: boncLft;
}
@-webkit-keyframes boncLft {
  0% {
    -webkit-transform: translateX(-48px);
    transform: translateX(-48px);
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(-26px);
    transform: translateX(-26px);
  }
  65% {
    -webkit-transform: translateX(-13px);
    transform: translateX(-13px);
  }
  82% {
    -webkit-transform: translateX(-6.5px);
    transform: translateX(-6.5px);
  }
  93% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes boncLft {
  0% {
    -webkit-transform: translateX(-48px);
    transform: translateX(-48px);
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(-26px);
    transform: translateX(-26px);
  }
  65% {
    -webkit-transform: translateX(-13px);
    transform: translateX(-13px);
  }
  82% {
    -webkit-transform: translateX(-6.5px);
    transform: translateX(-6.5px);
  }
  93% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

/* bounce-right */
.boncRgt {
  -webkit-animation-name: boncRgt;
  animation-name: boncRgt;
}
@-webkit-keyframes boncRgt {
  0% {
    -webkit-transform: translateX(48px);
    transform: translateX(48px);
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
  }
  65% {
    -webkit-transform: translateX(13px);
    transform: translateX(13px);
  }
  82% {
    -webkit-transform: translateX(6.5px);
    transform: translateX(6.5px);
  }
  93% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes boncRgt {
  0% {
    -webkit-transform: translateX(48px);
    transform: translateX(48px);
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
  }
  65% {
    -webkit-transform: translateX(13px);
    transform: translateX(13px);
  }
  82% {
    -webkit-transform: translateX(6.5px);
    transform: translateX(6.5px);
  }
  93% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

/* heartbeat */
.hrtBt {
  -webkit-animation-name: hrtBt;
  animation-name: hrtBt;
}
@-webkit-keyframes hrtBt {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hrtBt {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* pulsate-bck */
.plsBck {
  -webkit-animation-name: plsBck;
  animation-name: plsBck;
}
@-webkit-keyframes plsBck {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes plsBck {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* ping */
.ping {
  -webkit-animation-name: ping;
  animation-name: ping;
}
@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    opacity: 0;
  }
}

/* pulsate-fwd */
.plsFwd {
  -webkit-animation-name: plsFwd;
  animation-name: plsFwd;
}
@-webkit-keyframes plsFwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes plsFwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* blink-1 */
.blnkSl {
  -webkit-animation-name: blnkSl;
  animation-name: blnkSl;
}
@-webkit-keyframes blnkSl {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blnkSl {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

/* blink-2 */
.blnkFs {
  -webkit-animation-name: blnkFs;
  animation-name: blnkFs;
}
@-webkit-keyframes blnkFs {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blnkFs {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

/* rotate-center */
.rotCntr {
  -webkit-animation-name: rotCntr;
  animation-name: rotCntr;
}
@-webkit-keyframes rotCntr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotCntr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* rotate-top */
.rotTp {
  -webkit-animation-name: rotTp;
  animation-name: rotTp;
}
@-webkit-keyframes rotTp {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
@keyframes rotTp {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

/* rotate-left */
.rotLft {
  -webkit-animation-name: rotLft;
  animation-name: rotLft;
}
@-webkit-keyframes rotLft {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}
@keyframes rotLft {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}

/* rotate-vert-center */
.rotYCntr {
  -webkit-animation-name: rotYCntr;
  animation-name: rotYCntr;
}
@-webkit-keyframes rotYCntr {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes rotYCntr {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

/* rotate-vert-left */
.rotYLft {
  -webkit-animation-name: rotYLft;
  animation-name: rotYLft;
}
@-webkit-keyframes rotYLft {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}
@keyframes rotYLft {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}

/* rotate-vert-right */
.rotYRgt {
  -webkit-animation-name: rotYRgt;
  animation-name: rotYRgt;
}
@-webkit-keyframes rotYRgt {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}
@keyframes rotYRgt {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

/* rotate-tr */
.rotTr {
  -webkit-animation-name: rotTr;
  animation-name: rotTr;
}
@-webkit-keyframes rotTr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top right;
    transform-origin: top right;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
  }
}
@keyframes rotTr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top right;
    transform-origin: top right;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
  }
}

/* rotate-right */
.rotRgt {
  -webkit-animation-name: rotRgt;
  animation-name: rotRgt;
}
@-webkit-keyframes rotRgt {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}
@keyframes rotRgt {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

/* rotate-diagonal-1 */
.rotDgnlLft {
  -webkit-animation-name: rotDgnlLft;
  animation-name: rotDgnlLft;
}
@-webkit-keyframes rotDgnlLft {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, -180deg);
    transform: rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
    transform: rotate3d(1, 1, 0, -360deg);
  }
}
@keyframes rotDgnlLft {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, -180deg);
    transform: rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
    transform: rotate3d(1, 1, 0, -360deg);
  }
}

/* rotate-hor-center */
.rotXCntr {
  -webkit-animation-name: rotXCntr;
  animation-name: rotXCntr;
}
@-webkit-keyframes rotXCntr {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-360deg);
    transform: rotateX(-360deg);
  }
}
@keyframes rotXCntr {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-360deg);
    transform: rotateX(-360deg);
  }
}

/* rotate-br */
.rotBr {
  -webkit-animation-name: rotBr;
  animation-name: rotBr;
}
@-webkit-keyframes rotBr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
  }
}
@keyframes rotBr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
  }
}

/* rotate-hor-top */
.rotXTp {
  -webkit-animation-name: rotXTp;
  animation-name: rotXTp;
}
@-webkit-keyframes rotXTp {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: rotateX(-360deg);
    transform: rotateX(-360deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
@keyframes rotXTp {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: rotateX(-360deg);
    transform: rotateX(-360deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

/* rotate-bottom */
.rotBtm {
  -webkit-animation-name: rotBtm;
  animation-name: rotBtm;
}
@-webkit-keyframes rotBtm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@keyframes rotBtm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
}

/* rotate-hor-bottom */
.rotXBtm {
  -webkit-animation-name: rotXBtm;
  animation-name: rotXBtm;
}
@-webkit-keyframes rotXBtm {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@keyframes rotXBtm {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
}

/* rotate-diagonal-tr */
.rotDgnlTr {
  -webkit-animation-name: rotDgnlTr;
  animation-name: rotDgnlTr;
}
@-webkit-keyframes rotDgnlTr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, -180deg);
    transform: rotate3d(1, 1, 0, -180deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
    transform: rotate3d(1, 1, 0, -360deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
@keyframes rotDgnlTr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, -180deg);
    transform: rotate3d(1, 1, 0, -180deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, -360deg);
    transform: rotate3d(1, 1, 0, -360deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}

/* rotate-diagonal-2 */
.rotDgnlRgt {
  -webkit-animation-name: rotDgnlRgt;
  animation-name: rotDgnlRgt;
}
@-webkit-keyframes rotDgnlRgt {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
    transform: rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: rotate3d(-1, 1, 0, 180deg);
    transform: rotate3d(-1, 1, 0, 180deg);
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, 360deg);
    transform: rotate3d(-1, 1, 0, 360deg);
  }
}
@keyframes rotDgnlRgt {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
    transform: rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: rotate3d(-1, 1, 0, 180deg);
    transform: rotate3d(-1, 1, 0, 180deg);
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, 360deg);
    transform: rotate3d(-1, 1, 0, 360deg);
  }
}

/* rotate-diagonal-tl */
.rotDgnlTl {
  -webkit-animation-name: rotDgnlTl;
  animation-name: rotDgnlTl;
}
@-webkit-keyframes rotDgnlTl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
    transform: rotate3d(-1, 1, 0, 0deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  50% {
    -webkit-transform: rotate3d(-1, 1, 0, 180deg);
    transform: rotate3d(-1, 1, 0, 180deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, 360deg);
    transform: rotate3d(-1, 1, 0, 360deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
@keyframes rotDgnlTl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
    transform: rotate3d(-1, 1, 0, 0deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  50% {
    -webkit-transform: rotate3d(-1, 1, 0, 180deg);
    transform: rotate3d(-1, 1, 0, 180deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, 360deg);
    transform: rotate3d(-1, 1, 0, 360deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}

/* rotate-bl */
.rotBl {
  -webkit-animation-name: rotBl;
  animation-name: rotBl;
}
@-webkit-keyframes rotBl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
  }
}
@keyframes rotBl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
  }
}

/* rotate-diagonal-br */
.rotDgnlBr {
  -webkit-animation-name: rotDgnlBr;
  animation-name: rotDgnlBr;
}
@-webkit-keyframes rotDgnlBr {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
    transform: rotate3d(-1, 1, 0, 0deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  50% {
    -webkit-transform: rotate3d(-1, 1, 0, -180deg);
    transform: rotate3d(-1, 1, 0, -180deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, -360deg);
    transform: rotate3d(-1, 1, 0, -360deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@keyframes rotDgnlBr {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 0deg);
    transform: rotate3d(-1, 1, 0, 0deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  50% {
    -webkit-transform: rotate3d(-1, 1, 0, -180deg);
    transform: rotate3d(-1, 1, 0, -180deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: rotate3d(-1, 1, 0, -360deg);
    transform: rotate3d(-1, 1, 0, -360deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}

/* rotate-diagonal-bl */
.rotDgnlBl {
  -webkit-animation-name: rotDgnlBl;
  animation-name: rotDgnlBl;
}
@-webkit-keyframes rotDgnlBl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, 180deg);
    transform: rotate3d(1, 1, 0, 180deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 360deg);
    transform: rotate3d(1, 1, 0, 360deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@keyframes rotDgnlBl {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  50% {
    -webkit-transform: rotate3d(1, 1, 0, 180deg);
    transform: rotate3d(1, 1, 0, 180deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 360deg);
    transform: rotate3d(1, 1, 0, 360deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}

/* rotate-tl */
.rotTl {
  -webkit-animation-name: rotTl;
  animation-name: rotTl;
}
@-webkit-keyframes rotTl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
}
@keyframes rotTl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
}

/* rotate-scale-up */
.rotSclUp {
  -webkit-animation-name: rotSclUp;
  animation-name: rotSclUp;
}
@-webkit-keyframes rotSclUp {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
    transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(2) rotateZ(180deg);
    transform: scale(2) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
    transform: scale(1) rotateZ(360deg);
  }
}
@keyframes rotSclUp {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
    transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(2) rotateZ(180deg);
    transform: scale(2) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
    transform: scale(1) rotateZ(360deg);
  }
}

/* rotate-scale-down */
.rotSclDwn {
  -webkit-animation-name: rotSclDwn;
  animation-name: rotSclDwn;
}
@-webkit-keyframes rotSclDwn {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
    transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateZ(180deg);
    transform: scale(0.5) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
    transform: scale(1) rotateZ(360deg);
  }
}
@keyframes rotSclDwn {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
    transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateZ(180deg);
    transform: scale(0.5) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
    transform: scale(1) rotateZ(360deg);
  }
}

/* rotate-scale-up-hor */
.rotSclUpX {
  -webkit-animation-name: rotSclUpX;
  animation-name: rotSclUpX;
}
@-webkit-keyframes rotSclUpX {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(2) rotateX(-180deg);
    transform: scale(2) rotateX(-180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(-360deg);
    transform: scale(1) rotateX(-360deg);
  }
}
@keyframes rotSclUpX {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(2) rotateX(-180deg);
    transform: scale(2) rotateX(-180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(-360deg);
    transform: scale(1) rotateX(-360deg);
  }
}

/* rotate-scale-down-hor */
.rotSclDwnX {
  -webkit-animation-name: rotSclDwnX;
  animation-name: rotSclDwnX;
}
@-webkit-keyframes rotSclDwnX {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateX(-180deg);
    transform: scale(0.5) rotateX(-180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(-360deg);
    transform: scale(1) rotateX(-360deg);
  }
}
@keyframes rotSclDwnX {
  0% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateX(-180deg);
    transform: scale(0.5) rotateX(-180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(-360deg);
    transform: scale(1) rotateX(-360deg);
  }
}

/* rotate-scale-up-ver */
.rotSclUpY {
  -webkit-animation-name: rotSclUpY;
  animation-name: rotSclUpY;
}
@-webkit-keyframes rotSclUpY {
  0% {
    -webkit-transform: scale(1) rotateY(0);
    transform: scale(1) rotateY(0);
  }
  50% {
    -webkit-transform: scale(2) rotateY(180deg);
    transform: scale(2) rotateY(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateY(360deg);
    transform: scale(1) rotateY(360deg);
  }
}
@keyframes rotSclUpY {
  0% {
    -webkit-transform: scale(1) rotateY(0);
    transform: scale(1) rotateY(0);
  }
  50% {
    -webkit-transform: scale(2) rotateY(180deg);
    transform: scale(2) rotateY(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateY(360deg);
    transform: scale(1) rotateY(360deg);
  }
}

/* rotate-scale-down-ver */
.rotSclDwnY {
  -webkit-animation-name: rotSclDwnY;
  animation-name: rotSclDwnY;
}
@-webkit-keyframes rotSclDwnY {
  0% {
    -webkit-transform: scale(1) rotateY(0);
    transform: scale(1) rotateY(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateY(180deg);
    transform: scale(0.5) rotateY(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateY(360deg);
    transform: scale(1) rotateY(360deg);
  }
}
@keyframes rotSclDwnY {
  0% {
    -webkit-transform: scale(1) rotateY(0);
    transform: scale(1) rotateY(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateY(180deg);
    transform: scale(0.5) rotateY(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateY(360deg);
    transform: scale(1) rotateY(360deg);
  }
}

/* rotate-scale-up-diag-1 */
.rotSclUpDgnlLft {
  -webkit-animation-name: rotSclUpDgnlLft;
  animation-name: rotSclUpDgnlLft;
}
@-webkit-keyframes rotSclUpDgnlLft {
  0% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
    transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(2) rotate3d(1, 1, 0, -180deg);
    transform: scale(2) rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
    transform: scale(1) rotate3d(1, 1, 0, -360deg);
  }
}
@keyframes rotSclUpDgnlLft {
  0% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
    transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(2) rotate3d(1, 1, 0, -180deg);
    transform: scale(2) rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
    transform: scale(1) rotate3d(1, 1, 0, -360deg);
  }
}

/* rotate-scale-down-diag-1 */
.rotSclDwnDgnlLft {
  -webkit-animation-name: rotSclDwnDgnlLft;
  animation-name: rotSclDwnDgnlLft;
}
@-webkit-keyframes rotSclDwnDgnlLft {
  0% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
    transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
    transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
    transform: scale(1) rotate3d(1, 1, 0, -360deg);
  }
}
@keyframes rotSclDwnDgnlLft {
  0% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
    transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
    transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
    transform: scale(1) rotate3d(1, 1, 0, -360deg);
  }
}

/* rotate-scale-up-diag-2 */
.rotSclUpDgnlRgt {
  -webkit-animation-name: rotSclUpDgnlRgt;
  animation-name: rotSclUpDgnlRgt;
}
@-webkit-keyframes rotSclUpDgnlRgt {
  0% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(2) rotate3d(-1, 1, 0, 180deg);
    transform: scale(2) rotate3d(-1, 1, 0, 180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
    transform: scale(1) rotate3d(-1, 1, 0, 360deg);
  }
}
@keyframes rotSclUpDgnlRgt {
  0% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(2) rotate3d(-1, 1, 0, 180deg);
    transform: scale(2) rotate3d(-1, 1, 0, 180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
    transform: scale(1) rotate3d(-1, 1, 0, 360deg);
  }
}

/* rotate-scale-down-diag-2 */
.rotSclDwnDgnlRgt {
  -webkit-animation-name: rotSclDwnDgnlRgt;
  animation-name: rotSclDwnDgnlRgt;
}
@-webkit-keyframes rotSclDwnDgnlRgt {
  0% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
    transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
    transform: scale(1) rotate3d(-1, 1, 0, 360deg);
  }
}
@keyframes rotSclDwnDgnlRgt {
  0% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
    transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
    transform: scale(1) rotate3d(-1, 1, 0, 360deg);
  }
}