body.animate .slides {
  perspective: 1280px;
  -webkit-perspective: 1280px;
}

body.animate .slides > .slide {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

body.animate .slide {
  opacity: 0;
  pointer-events: none;
}

body.animate .slide.animate {
  -webkit-transition:
    opacity .15s ease-in-out,
    -webkit-transform .15s ease-in-out;
  transition:
    opacity .15s ease-in-out,
    transform .15s ease-in-out;
}

body.animate .slide.animate.slow {
  -webkit-transition:
    opacity .3s ease-in-out,
    -webkit-transform .3s ease-in-out;
  transition:
    opacity .3s ease-in-out,
    transform .3s ease-in-out;
}

body.animate .slide.slide-active {
  opacity: 1;
  z-index: 10;
  pointer-events: auto;
}

body.animate .slide.slide-in.slide-active.slide-delay-1 {
  transition-delay: 1s;
}

body.animate .slide.slide-in.slide-active.slide-delay-2 {
  transition-delay: 2s;
}

body.animate .slide.slide-in.slide-active.slide-delay-3 {
  transition-delay: 3s;
}

body.animate .slide.slide-in:not(.slide-active) {
  transform: translate3d(20px, 10px, -20px) rotateY(-7deg);
  z-index: 9;
}

body.animate .slide.slide-out:not(.slide-active) {
  transform: translate3d(-20px, -10px, -20px) rotateY(7deg);
  z-index: 8;
}

body.animate .slide .slide.slide-in:not(.slide-active) {
  transform: translate3d(20px, 10px, 0px) rotateY(-7deg);
  z-index: 12;
}

body.animate .slide .slide.slide-out:not(.slide-active) {
  transform: translate3d(-20px, -10px, 0px) rotateY(7deg);
  z-index: 11;
}

body.animate .slide.slide-in:not(.slide-active).slide-zoom-in {
  transform: translate3d(0, 0, -30px);
  z-index: 9;
}

body.animate .slide.slide-out:not(.slide-active).slide-zoom-in {
  transform: translate3d(0, 0, 30px);
  z-index: 8;
}

body.animate .slide .slide.slide-in:not(.slide-active).slide-zoom-in {
  transform: translate3d(0, 0, -30px);
  z-index: 12;
}

body.animate .slide .slide.slide-out:not(.slide-active).slide-zoom-in {
  transform: translate3d(0, 0, 30px);
  z-index: 11;
}

body.animate .slide.slide-in:not(.slide-active).slide-zoom-out {
  transform: translate3d(0, 0, 30px);
  z-index: 9;
}

body.animate .slide.slide-out:not(.slide-active).slide-zoom-out {
  transform: translate3d(0, 0, -30px);
  z-index: 8;
}

body.animate .slide .slide.slide-in:not(.slide-active).slide-zoom-out {
  transform: translate3d(0, 0, 30px);
  z-index: 12;
}

body.animate .slide .slide.slide-out:not(.slide-active).slide-zoom-out {
  transform: translate3d(0, 0, -30px);
  z-index: 11;
}

body.animate iframe {
  opacity: 0;
}

body.animate iframe.animate {
  -webkit-transition:
    opacity .15s ease-in-out,
    -webkit-transform .15s ease-in-out;
  transition:
    opacity .15s ease-in-out,
    transform .15s ease-in-out;
}

body.animate iframe.slide-active {
  opacity: 1;
}

body.animate .animate .animate.slide-out:not(.slide-active) {
  transition-delay: .3s;
}

body.animate .animate .animate.slide-out.slide-active {
  transition-delay: 0s;
  transition-duration: 0s;
}