/* Animations */

/* move from / to  */

.moveFromLeft1 {
	-webkit-animation: moveFromLeft 0.28s ease both;
	-moz-animation: moveFromLeft 0.28s ease both;
	animation: moveFromLeft 0.28s ease both;
	animation-delay : 2s; 
	-webkit-animation-delay : 2s;
	-moz-animation-delay : 2s;
}

.moveFromLeft2 {
	-webkit-animation: moveFromLeft 0.28s ease both;
	-moz-animation: moveFromLeft 0.28s ease both;
	animation: moveFromLeft 0.28s ease both;
	animation-delay : 2.25s; 
	-webkit-animation-delay : 2.25s;
	-moz-animation-delay : 2.25s;
}

.arrowDown {
	-webkit-animation: arrowDown 2.5s ease both infinite;
	-moz-animation: arrowDown 2.5s ease both infinite;
	animation: arrowDown 2.5s ease both infinite;
}

.moveDown {
	-webkit-animation: moveDown 2.5s ease both infinite;
	-moz-animation: moveDown 2.5s ease both infinite;
	animation: moveDown 2.5s ease both infinite;
}

/********************************* keyframes **************************************/

/* move from / to  */

@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
}
@-moz-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
}
@keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
}

@-webkit-keyframes arrowDown {
	0%   { opacity: 0; }
	15%   { opacity: 0; }
  	45%  { opacity: 1; }
  	80% { opacity: 0; }
	100%   { opacity: 0; }
}
@-moz-keyframes arrowDown {
	0%   { opacity: 0; }
	15%   { opacity: 0; }
  	45%  { opacity: 1; }
  	80% { opacity: 0; }
	100%   { opacity: 0; }
}
@keyframes arrowDown {
	0%   { opacity: 0; }
	15%   { opacity: 0; }
  	45%  { opacity: 1; }
  	80% { opacity: 0; }
	100%   { opacity: 0; }
}

@-webkit-keyframes moveDown {
	from { -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); transform: translateY(-40%); }
}
@-moz-keyframes moveDown {
	from { -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); transform: translateY(-40%); }
}
@keyframes moveDown {
	from { -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); transform: translateY(-40%); }
}