/**
 * Simple keyframes animation for the chevron on the first slide
 */
@keyframes chevronAnimation {
	0% {
		transform: translate(0,0) scale(1.0,1.0);
	}
	50% {
		transform: translate(0,5px) scale(0.8,0.8);
	}
	100% {
		transform: translate(0,0) scale(1.0,1.0);
	}
}



/**
 * Animations
 */

.fromTopIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
	
}

.fromTopOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,-10px);
	opacity: 0.0;
}

.fromBottomIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;transition-delay:0.5s;}
.fromBottomIn2{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;transition-delay:1.0s;}
.fromBottomIn3{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;transition-delay:1.5s;}
.fromBottomIn4{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;transition-delay:2.0s;}

.fromBottomOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,50px);opacity: 0.0;}

.fromLeftIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;transition-delay:0.5s;}
.fromLeftIn2{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;transition-delay:0.8s;}
.fromLeftIn3{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;transition-delay:1.1s;}
.fromLeftIn4{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;transition-delay:1.4s;}
.fromLeftIn5{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;transition-delay:1.7s;}
.fromLeftIn6{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;transition-delay:2.0s;}

.fromLeftOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(-10px,0);opacity: 0.0;}



.fromRightIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
	
}

.fromRightOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(10px, 0);
	opacity: 0.0;
}

.scaleUpIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
	
}

.scaleUpOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.3,1.3);
	opacity: 0.0;
}

.scaleDownIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
	
}

.scaleDownOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(0.7,0.7);
	opacity: 0.0;
}


.delay500 {transition-delay:0.5s;}
.delay1000 {transition-delay:1.0s;}