.comingFromRight-appear, .comingFromRight-enter {
    opacity: 0;
    transform:   translate(250px,0);
    transform: translate3d(250px,0,0);
}
.comingFromRight-enter.comingFromRight-enter-active {
  opacity: 1;
  transition: opacity 250ms ease-out;
  transform:   translate(0,0);
  transform: translate3d(0,0,0);
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.21, 0.13, 0.6, 1), linear;
}

.comingFromLeft-appear, .comingFromLeft-enter {
    opacity: 0;
    transform:   translate(-250px,0);
    transform: translate3d(-250px,0,0);
}
.comingFromLeft-enter.comingFromLeft-enter-active {
  opacity: 1;
  transition: opacity 250ms ease-out;
  transform:   translate(0,0);
  transform: translate3d(0,0,0);
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.21, 0.13, 0.6, 1), linear;
}

.opacity-enter {
  opacity: 0.01;
}
.opacity-enter.opacity-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}
.opacity-exit {
  opacity: 0.01;
}
.opacity-exit.opacity-exit-active {
  opacity: 0;
  transition: opacity 500ms ease-in;
}
.opacityDelay1-enter {
  opacity: 0.01;
}
.opacityDelay1-enter.opacityDelay1-enter-active {
  opacity: 1;
  transition: opacity 900ms ease-in;
}
.opacityDelay2-enter {
  opacity: 0.01;
}
.opacityDelay2-enter.opacityDelay2-enter-active {
  opacity: 1;
  transition: opacity 1100ms ease-in;
}