.enter-up {
  opacity: 0;
  -webkit-transform: translate3d(0, 60px, 0);
  transform: translate3d(0, 60px, 0);
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, transform .8s;
  transition: opacity .8s, transform .8s, -webkit-transform .8s;
}

.enter-bg {
  opacity: 0;
  transition: opacity .45s;
}

.enter-left {
  opacity: 0;
  -webkit-transform: translate3d(50px, 0, 0);
  transform: translate3d(50px, 0, 0);
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, transform .8s;
  transition: opacity .8s, transform .8s, -webkit-transform .8s;
}

.enter-right {
  opacity: 0;
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, transform .8s;
  transition: opacity .8s, transform .8s, -webkit-transform .8s;
}
.enter-up.delay-1 {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}
.enter-up.delay-3 {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}
.enter-up.delay-5 {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.enter-up.delay-7 {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}
.enter-up.delay-9 {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}
.enter-up.delay-11 {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
.enter-up.delay-13 {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.enter-up.delay-15 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.enter-up.delay-17 {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

.enter-left.delay-9 {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}

.enter-right.delay-9 {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}

.is-visible .enter-up {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.is-visible.enter-bg {
  opacity: 1;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.is-visible .enter-left {
  opacity: 1;
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, transform .8s;
  transition: opacity .8s, transform .8s, -webkit-transform .8s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.is-visible .enter-right {
  opacity: 1;
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, transform .8s;
  transition: opacity .8s, transform .8s, -webkit-transform .8s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}