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

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



/*ADD*/
.fromLeftIn1
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 0.5s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromLeftIn2
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 1s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromLeftIn3
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 1.5s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromLeftIn4
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 2s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromLeftIn5
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 2.5s;
	transform: translate(0,0);
	opacity: 1.0;
}



.fromRightIn1
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 0.5s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromRightIn2
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 1s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromRightIn3
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 1.5s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromRightIn4
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 2s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromRightIn5
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 2.5s;
	transform: translate(0,0);
	opacity: 1.0;
}



.fromBottomIn1
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 0.5s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromBottomIn2
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 1s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromBottomIn3
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 1.5s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromBottomIn4
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 2s;
	transform: translate(0,0);
	opacity: 1.0;
}
.fromBottomIn5
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 2.5s;
	transform: translate(0,0);
	opacity: 1.0;
}



.scaleDownIn1
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay:0.5s;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleDownIn2
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 1s;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleDownIn3
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 1.5s;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleDownIn4
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 2s;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleDownIn5
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-delay: 2.5s;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}



.fromBottomOut2
{
	transition: transform 2.0s ease, opacity 2.0s ease;
	transform: translate(0,40px);
	opacity: 0.0;
}