@keyframes iconOn {
	0% {
		transform: translateY(40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 0.75;
	}
}
@keyframes iconOn-l {
	0% {
		transform: translateY(40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 0.4;
	}
}
@keyframes divOn {
	0% {
		transform: translateY(40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes divLeftOn {
	0% {
		transform: translateX(-30px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes section2-title {
	0% {
	    transform: translateX(30px);
	    opacity: 0;
	}
	30% {
	    transform: translateX(0);
	    opacity: 1;
	}
	100% {
	    transform: translateX(0);
	    opacity: 1;
	}
}
@keyframes slideRightOutLeftIn {
	0% {
	  transform: translateX(0);
	  opacity: 1;
	}
	40% {
	  transform: translateX(150%);
	  opacity: 0;
	}
	41% {
	  transform: translateX(-150%);
	  opacity: 0;
	}
	100% {
	  transform: translateX(0);
	  opacity: 1;
	}
}
@keyframes bottomToTop {
	0% {
	  transform: translateY(100%);
	  opacity: 0;
	}
	40% {
	  transform: translateY(50%);
	  opacity: 0;
	}
	41% {
	  transform: translateY(0%);
	  opacity: 1;
	}
	100% {
	  transform: translateY(-50%);
	  opacity: 1;
	}
}
@keyframes moveLeftAndBack {
 0% { transform: translateX(0); }
  50% { transform: translateX(5px); }
  100% { transform: translateX(0); }

}
@keyframes scrollArrow {
	0% {
	    transform: translateY(0);
	}
	
	49% {
	    opacity: .5;
	    transform: translateY(100%);
	}
	50% {
	    opacity: 0;
	    transform: translateY(-100%);
	}
	100% {
	    transform: translateY(0);
	}
}