/* Storify Custom Animations for Elementor */

/* 15% Movement Animations */
@keyframes storifyFadeInDown-15 {
  from {
      opacity: 0;
      transform: translate3d(0,-15%,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInDown-15 {
  animation-name: storifyFadeInDown-15;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInLeft-15 {
  from {
      opacity: 0;
      transform: translate3d(-15%,0,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInLeft-15 {
  animation-name: storifyFadeInLeft-15;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInRight-15 {
  from {
      opacity: 0;
      transform: translate3d(15%,0,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInRight-15 {
  animation-name: storifyFadeInRight-15;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInUp-15 {
  from {
      opacity: 0;
      transform: translate3d(0,15%,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInUp-15 {
  animation-name: storifyFadeInUp-15;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

/* 25% Movement Animations */
@keyframes storifyFadeInDown-25 {
  from {
      opacity: 0;
      transform: translate3d(0,-25%,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInDown-25 {
  animation-name: storifyFadeInDown-25;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInLeft-25 {
  from {
      opacity: 0;
      transform: translate3d(-25%,0,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInLeft-25 {
  animation-name: storifyFadeInLeft-25;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInRight-25 {
  from {
      opacity: 0;
      transform: translate3d(25%,0,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInRight-25 {
  animation-name: storifyFadeInRight-25;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInUp-25 {
  from {
      opacity: 0;
      transform: translate3d(0,25%,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInUp-25 {
  animation-name: storifyFadeInUp-25;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

/* 50% Movement Animations */
@keyframes storifyFadeInDown-50 {
  from {
      opacity: 0;
      transform: translate3d(0,-50%,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInDown-50 {
  animation-name: storifyFadeInDown-50;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInLeft-50 {
  from {
      opacity: 0;
      transform: translate3d(-50%,0,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInLeft-50 {
  animation-name: storifyFadeInLeft-50;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInRight-50 {
  from {
      opacity: 0;
      transform: translate3d(50%,0,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInRight-50 {
  animation-name: storifyFadeInRight-50;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInUp-50 {
  from {
      opacity: 0;
      transform: translate3d(0,50%,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInUp-50 {
  animation-name: storifyFadeInUp-50;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  /* animation-duration: 2.5s; */
}

/* 75% Movement Animations */
@keyframes storifyFadeInDown-75 {
  from {
      opacity: 0;
      transform: translate3d(0,-75%,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInDown-75 {
  animation-name: storifyFadeInDown-75;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInLeft-75 {
  from {
      opacity: 0;
      transform: translate3d(-75%,0,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInLeft-75 {
  animation-name: storifyFadeInLeft-75;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInRight-75 {
  from {
      opacity: 0;
      transform: translate3d(75%,0,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInRight-75 {
  animation-name: storifyFadeInRight-75;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifyFadeInUp-75 {
  from {
      opacity: 0;
      transform: translate3d(0,75%,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.elementor-element.storifyFadeInUp-75 {
  animation-name: storifyFadeInUp-75;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}


/* Slide In Animations */
@keyframes storifySlideInUp-15 {
  from {
      transform: translate3d(0,15%,0);
  }

  to {
      transform: none;
  }
}

.elementor-element.storifySlideInUp-15 {
  animation-name: storifySlideInUp-15;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifySlideInUp-25 {
  from {
      transform: translate3d(0,25%,0);
  }

  to {
      transform: none;
  }
}

.elementor-element.storifySlideInUp-25 {
  animation-name: storifySlideInUp-25;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifySlideInUp-50 {
  from {
      transform: translate3d(0,50%,0);
  }

  to {
      transform: none;
  }
}

.elementor-element.storifySlideInUp-50 {
  animation-name: storifySlideInUp-50;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes storifySlideInUp-75 {
  from {
      transform: translate3d(0,75%,0);
  }

  to {
      transform: none;
  }
}

.elementor-element.storifySlideInUp-75 {
  animation-name: storifySlideInUp-75;
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}