@keyframes lightSpeedIn {
	from {
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
	  transform: skewX(20deg);
	  opacity: 1;
	}

	80% {
		transform: skewX(-5deg);
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fl-animation {
	animation-duration: 1s;
	animation-fill-mode: both;
	@media (prefers-reduced-motion) {
	    animation: unset !important;
	    transition: none !important;
	}
	&.fl-animated {
		&.fl-lightSpeedIn {
			animation-name: lightSpeedIn;
			animation-timing-function: ease-out;
		}
		&.fl-rotateIn {
		  animation-name: rotateIn;
		}
	}
}