.easeInOutExpoInterpolator {
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.easeInOutBackInterpolator {
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.easeInDefaultInterpolator {
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.82, 0.25, 1);
  animation-timing-function: cubic-bezier(0.1, 0.82, 0.25, 1);
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.82, 0.25, 1);
  transition-timing-function: cubic-bezier(0.1, 0.82, 0.25, 1);
}

.fastOutSlowInterpolator {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
}


.linearOutSlowInterpolator {
  -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
  -webkit-animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}


.fastOutLinearInterpolator {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1);
  transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1);
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 1, 1);
  animation-timing-function: cubic-bezier(0.4, 0.0, 1, 1);
}


.fadeOut {
  -webkit-animation-name: animation-fadeOut;
  animation-name: animation-fadeOut;
}


.fadeIn {
  -webkit-animation-name: animation-fadeIn;
  animation-name: animation-fadeIn;
}



@-webkit-keyframes animation-fadeIn {

  0%,
  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes animation-fadeIn {

  0%,
  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes animation-fadeOut {

  100% {
    opacity: 0;
  }

  0%,
  25% {
    opacity: 1;
  }
}

@keyframes animation-fadeOut {

  100% {
    opacity: 0;
  }

  0%,
  25% {
    opacity: 1;
  }
}

.fadeAndRightIn {
  -webkit-animation-name: animation-fadeAndRightIn;
  animation-name: animation-fadeAndRightIn;
}

.fadeAndRightOut {
  -webkit-animation-name: animation-fadeAndRightOut;
  animation-name: animation-fadeAndRightOut;
}

.fadeAndLeftIn {
  -webkit-animation-name: animation-fadeAndLeftIn;
  animation-name: animation-fadeAndLeftIn;
}

.fadeAndLeftOut {
  -webkit-animation-name: animation-fadeAndLeftOut;
  animation-name: animation-fadeAndLeftOut;
}

@-webkit-keyframes animation-fadeAndRightIn {

  0%,
  25% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes animation-fadeAndRightIn {

  0%,
  25% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes animation-fadeAndRightOut {
  100% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  0%,
  25% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes animation-fadeAndRightOut {
  100% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  0%,
  25% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes animation-fadeAndLeftIn {

  0%,
  25% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes animation-fadeAndLeftIn {

  0%,
  25% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes animation-fadeAndLeftOut {
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  0%,
  25% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes animation-fadeAndLeftOut {
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  0%,
  25% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

.fadeAndUpIn {
  -webkit-animation-name: animation-fadeAndUpIn;
  animation-name: animation-fadeAndUpIn;
}

.fadeAndUpOut {
  -webkit-animation-name: animation-fadeAndUpOut;
  animation-name: animation-fadeAndUpOut;
}

.fadeAndDownIn {
  -webkit-animation-name: animation-fadeAndDownIn;
  animation-name: animation-fadeAndDownIn;
}

.fadeAndDownOut {
  -webkit-animation-name: animation-fadeAndDownOut;
  animation-name: animation-fadeAndDownOut;
}

@-webkit-keyframes animation-fadeAndUpIn {

  0%,
  25% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes animation-fadeAndUpIn {

  0%,
  25% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes animation-fadeAndUpOut {
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  0%,
  25% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes animation-fadeAndUpOut {
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  0%,
  25% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes animation-fadeAndDownIn {

  0%,
  25% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes animation-fadeAndDownIn {

  0%,
  25% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes animation-fadeAndDownOut {
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  0%,
  25% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}




@keyframes animation-fadeAndDownOut {
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  0%,
  25% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}



.rightToLeftOut {
  -webkit-animation-name: animation-RightToLeftOut;
  animation-name: animation-RightToLeftOut;
}

@-webkit-keyframes animation-RightToLeftOut {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  0%,
  25% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes animation-RightToLeftOut {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  0%,
  25% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}


.rightToLeftIn {
  -webkit-animation-name: Anim_RightToLeftIn;
  animation-name: animation-RightToLeftIn;
}


@-webkit-keyframes animation-RightToLeftIn {

  0%,
  25% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}


@keyframes animation-RightToLeftIn {

  0%,
  25% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}



.leftToRightIn {
  -webkit-animation-name: animation-LeftToRightIn;
  animation-name: animation-LeftToRightIn;
}

.leftToRightOut {
  -webkit-animation-name: Anim_LeftToRightOut;
  animation-name: animation-LeftToRightOut;
}

@-webkit-keyframes animation-LeftToRightOut {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  0%,
  25% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes animation-LeftToRightOut {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  0%,
  25% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}


@-webkit-keyframes animation-LeftToRightIn {

  0%,
  25% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}


@keyframes animation-LeftToRightIn {

  0%,
  25% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.upToDownOut {
  -webkit-animation-name: animation-UpToDownOut;
  animation-name: animation-UpToDownOut;
}

@-webkit-keyframes animation-UpToDownOut {
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  0%,
  25% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes animation-UpToDownOut {
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  0%,
  25% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}


.upToDownIn {
  -webkit-animation-name: Anim_upToDownIn;
  animation-name: animation-UpToDownIn;
}


@-webkit-keyframes animation-UpToDownIn {

  0%,
  25% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}


@keyframes animation-UpToDownIn {

  0%,
  25% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}



.downToUpIn {
  -webkit-animation-name: animation-DownToUpIn;
  animation-name: animation-DownToUpIn;
}

.downToUpOut {
  -webkit-animation-name: Anim_DownToUpOut;
  animation-name: animation-DownToUpOut;
}

@-webkit-keyframes animation-DownToUpOut {
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  0%,
  25% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes animation-DownToUpOut {
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  0%,
  25% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}


@-webkit-keyframes animation-DownToUpIn {

  0%,
  25% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}


@keyframes animation-DownToUpIn {

  0%,
  25% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.time0s25ms {
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}

.time0s5ms {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.time0s75ms {
  -webkit-transition-duration: 0.75s;
  transition-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

.time1s0ms {
  -webkit-transition-duration: 1.0s;
  transition-duration: 1.0s;
  -webkit-animation-duration: 1.0s;
  animation-duration: 1.0s;
}

.time1s25ms {
  -webkit-transition-duration: 1.25s;
  transition-duration: 1.25s;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

.time1s5ms {
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.time1s75ms {
  -webkit-transition-duration: 1.75s;
  transition-duration: 1.75s;
  -webkit-animation-duration: 1.75s;
  animation-duration: 1.75s;
}

.time2s0ms {
  -webkit-transition-duration: 2.0s;
  transition-duration: 2.0s;
  -webkit-animation-duration: 2.0s;
  animation-duration: 2.0s;
}

.time2s25ms {
  -webkit-transition-duration: 2.25s;
  transition-duration: 2.25s;
  -webkit-animation-duration: 2.25s;
  animation-duration: 2.25s;
}

.time2s5ms {
  -webkit-transition-duration: 2.5s;
  transition-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
}

.time2s75ms {
  -webkit-transition-duration: 2.75s;
  transition-duration: 2.75s;
  -webkit-animation-duration: 2.75s;
  animation-duration: 2.75s;
}

.time3s0ms {
  -webkit-transition-duration: 3.0s;
  transition-duration: 3.0s;
  -webkit-animation-duration: 3.0s;
  animation-duration: 3.0s;
}

.time3s25ms {
  -webkit-transition-duration: 3.25s;
  transition-duration: 3.25s;
  -webkit-animation-duration: 3.25s;
  animation-duration: 3.25s;
}

.time3s5ms {
  -webkit-transition-duration: 3.5s;
  transition-duration: 3.5s;
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
}

.time3s75ms {
  -webkit-transition-duration: 3.75s;
  transition-duration: 3.75s;
  -webkit-animation-duration: 3.75s;
  animation-duration: 3.75s;
}

.time4s0ms {
  -webkit-transition-duration: 4.0s;
  transition-duration: 4.0s;
  -webkit-animation-duration: 4.0s;
  animation-duration: 4.0s;
}

.time4s25ms {
  -webkit-transition-duration: 4.25s;
  transition-duration: 4.25s;
  -webkit-animation-duration: 4.25s;
  animation-duration: 4.25s;
}

.time4s5ms {
  -webkit-transition-duration: 4.5s;
  transition-duration: 4.5s;
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s;
}

.time4s75ms {
  -webkit-transition-duration: 4.75s;
  transition-duration: 4.75s;
  -webkit-animation-duration: 4.75s;
  animation-duration: 4.75s;
}

.time5s0ms {
  -webkit-transition-duration: 5.0s;
  transition-duration: 5.0s;
  -webkit-animation-duration: 5.0s;
  animation-duration: 5.0s;
}

.time5s25ms {
  -webkit-transition-duration: 5.25s;
  transition-duration: 5.25s;
  -webkit-animation-duration: 5.25s;
  animation-duration: 5.25s;
}


.delay0s25ms {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.delay0s5ms {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay0s75ms {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.delay1s0ms {
  -webkit-transition-delay: 1.0s;
  transition-delay: 1.0s;
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
}

.delay1s25ms {
  -webkit-transition-delay: 1.25s;
  transition-delay: 1.25s;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.delay1s5ms {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.delay1s75ms {
  -webkit-transition-delay: 1.75s;
  transition-delay: 1.75s;
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}

.delay2s0ms {
  -webkit-transition-delay: 2.0s;
  transition-delay: 2.0s;
  -webkit-animation-delay: 2.0s;
  animation-delay: 2.0s;
}

.delay2s25ms {
  -webkit-transition-delay: 2.25s;
  transition-delay: 2.25s;
  -webkit-animation-delay: 2.25s;
  animation-delay: 2.25s;
}

.delay2s5ms {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.delay2s75ms {
  -webkit-transition-delay: 2.75s;
  transition-delay: 2.75s;
  -webkit-animation-delay: 2.75s;
  animation-delay: 2.75s;
}

.delay3s0ms {
  -webkit-transition-delay: 3.0s;
  transition-delay: 3.0s;
  -webkit-animation-delay: 3.0s;
  animation-delay: 3.0s;
}

.delay3s25ms {
  -webkit-transition-delay: 3.25s;
  transition-delay: 3.25s;
  -webkit-animation-delay: 3.25s;
  animation-delay: 3.25s;
}

.delay3s5ms {
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.delay3s75ms {
  -webkit-transition-delay: 3.75s;
  transition-delay: 3.75s;
  -webkit-animation-delay: 3.75s;
  animation-delay: 3.75s;
}

.delay4s0ms {
  -webkit-transition-delay: 4.0s;
  transition-delay: 4.0s;
  -webkit-animation-delay: 4.0s;
  animation-delay: 4.0s;
}

.delay4s25ms {
  -webkit-transition-delay: 4.25s;
  transition-delay: 4.25s;
  -webkit-animation-delay: 4.25s;
  animation-delay: 4.25s;
}

.delay4s5ms {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.delay4s75ms {
  -webkit-transition-delay: 4.75s;
  transition-delay: 4.75s;
  -webkit-animation-delay: 4.75s;
  animation-delay: 4.75s;
}

.delay5s0ms {
  -webkit-transition-delay: 5.0s;
  transition-delay: 5.0s;
  -webkit-animation-delay: 5.0s;
  animation-delay: 5.0s;
}

.delay5s25ms {
  -webkit-transition-delay: 5.25s;
  transition-delay: 5.25s;
  -webkit-animation-delay: 5.25s;
  animation-delay: 5.25s;
}

.roundAndScaleIn {
  -webkit-animation-name: Anim_upToDownIn;
  animation-name: animation-RoundAndScaleIn;
}



@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomDownIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomDownIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomDownIn {
  -webkit-animation-name: zoomDownIn;
  animation-name: zoomDownIn;
}

@-webkit-keyframes zoomLeftIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomLeftIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomLeftIn {
  -webkit-animation-name: zoomLeftIn;
  animation-name: zoomLeftIn;
}

@-webkit-keyframes zoomRightIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomRightIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomRightIn {
  -webkit-animation-name: zoomRightIn;
  animation-name: zoomRightIn;
}

@-webkit-keyframes zoomUpIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomUpIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomUpIn {
  -webkit-animation-name: zoomUpIn;
  animation-name: zoomUpIn;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomDownOut {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomDownOut {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomDownOut {
  -webkit-animation-name: zoomDownOut;
  animation-name: zoomDownOut;
}

@-webkit-keyframes zoomLeftOut {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomLeftOut {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomLeftOut {
  -webkit-animation-name: zoomLeftOut;
  animation-name: zoomLeftOut;
}

@-webkit-keyframes zoomRightOut {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomRightOut {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomRightOut {
  -webkit-animation-name: zoomRightOut;
  animation-name: zoomRightOut;
}

@-webkit-keyframes zoomUpOut {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomUpOut {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomUpOut {
  -webkit-animation-name: zoomUpOut;
  animation-name: zoomUpOut;
}