/**
 * Animations
 */

.fromTopInd
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-duration:1s;	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOutd
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition-duration:1s;
	transform: translate(0,-10px);
	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(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;
}




/* custom */


.fromBottomIn_d1
{
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.2s;
	transform: translate(0,0);
	opacity: 1.0;
}

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

.fromBottomIn_d2
{
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.1s;
	transform: translate(0,0);
	opacity: 1.0;
}

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

.fromBottomIn_d3
{
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.2s;
	transform: translate(0,0);
	opacity: 1.0;
}

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

.fromBottomIn_d4
{
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.4s;
	transform: translate(0,0);
	opacity: 1.0;
}

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

.fromBottomIn_d5
{
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.4s;
	transform: translate(0,0);
	opacity: 1.0;
}

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



.fromBottomIn_d6
{
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.4s;
	transform: translate(0,0);
	opacity: 1.0;
}

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


.fromBottomIn_d7
{
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.7s;
	transform: translate(0,0);
	opacity: 1.0;
}

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