/**
 * Animations
 */
.fromTopIn_new
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(25px,10px);
	opacity: 1.0;
}

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



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

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

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

.fromTopOut3
{
	transition: transform 3.0s ease, opacity 1.0s ease;
	
	transform: translate(0,-30px);
	opacity: 0.0;
}

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

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

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

.fromBottomOut_new2
{
	transition: transform 0.8s ease, opacity 0.2s ease;
	
	transform: translate(0,50px);
	opacity: 1.0;
}



















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

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

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

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

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

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



.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;
}

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

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

.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(50px, 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 2.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;
}



/**
 * 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);
	}
}