@-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-30%, 0, 0);
      transform: translate3d(-30%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-30%, 0, 0);
      transform: translate3d(-30%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }


@-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(30%, 0, 0);
      transform: translate3d(30%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(30%, 0, 0);
      transform: translate3d(30%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -30%, 0);
      transform: translate3d(0, -30%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -30%, 0);
      transform: translate3d(0, -30%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }


  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 30%, 0);
      transform: translate3d(0, 30%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 30%, 0);
      transform: translate3d(0, 30%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-webkit-keyframes openRight {
    from {
      width: 0;
    }
  
    to {
      width: 100%;
    }
  }
  
  @keyframes openRight {
    from {
      width: 0;
    }
  
    to {
      width: 100%;
    }
  }

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

  @-webkit-keyframes closeRight {
    from {
      width: 100%;
    }
  
    to {
      width: 0;
    }
  }
  
  @keyframes closeRight {
    from {
      width: 100%;
    }
  
    to {
      width: 0;
    }
  }

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

  @-webkit-keyframes popUp {
    from {
      opacity: 0;
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  
    70% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @keyframes popUp {
    from {
      opacity: 0;
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
    }
  
    70% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

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

  .animated.delay-0_3s {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }

  .animated.delay-0_4s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }

  .animated.delay-0_5s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .animated.delay-0_6s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }

  .animated.delay-0_7s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
  }

  .animated.delay-0_8s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }

  .animated.delay-0_9s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
  }

  .animated.delay-1_1s {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
  }

  .animated.delay-1_2s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }

  .animated.delay-1_3s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }

  .animated.delay-1_5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  
  .animated.delay-2_5s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
  }

  .animated.linear {
    animation-timing-function: linear;
  }