.scroll-hidden {opacity: 0;}
.scroll-visible {opacity: 1;}
.animated {animation-duration: 2s; animation-fill-mode: both;}

.fade-in {animation-name: fade-in; transition: all 2s ease;}
@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-in-left {animation-name: fade-in-left;}
@keyframes fade-in-left {
  from {
    transform: translate3d(-50px, 0, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fade-in-right {animation-name: fade-in-right;}
@keyframes fade-in-right {
  from {
    transform: translate3d(50px, 0, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fade-in-up {animation-name: fade-in-up;}
@keyframes fade-in-up {
  from {
    transform: translate3d(0, 50px, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fade-in-down {animation-name: fade-in-down;}
@keyframes fade-in-down {
  from {
    transform: translate3d(0, -50px, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}


.animated.delay-025s {animation-delay: 0.25s;}
.animated.delay-050s {animation-delay: 0.5s;}
.animated.delay-075s {animation-delay: 0.75s;}
.animated.delay-1s {animation-delay: 1s;}
.animated.delay-125s {animation-delay: 1.25s;}
.animated.delay-15s {animation-delay: 1.5s;}
.animated.delay-175s {animation-delay: 1.75s;}
.animated.delay-2s {animation-delay: 2s;}
.animated.delay-225s {animation-delay: 2.25s;}
.animated.delay-25s {animation-delay: 2.5s;}
.animated.delay-275s {animation-delay: 2.75s;}
.animated.delay-3s {animation-delay: 3s;}
.animated.delay-325s {animation-delay: 3.25s;}
.animated.delay-35s {animation-delay: 3.5s;}
.animated.delay-375s {animation-delay: 3.75s;}


@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

@media (max-width: 767px) {
	.animated {
		animation: none;
		transition: none;
		transform: none;
		opacity: 1;
	}
}