/**
 * 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;
	transition-delay: 0.8s;
	transform: translate(0,0);
	opacity: 1.0;
}

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



/* custom */


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

.ol_section2.active ul .fromBottomOut_d1
{
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.1s;
	transform: translate(0,0);
	opacity: 0.8;
}

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

.ol_section2.active ul .fromBottomOut_d2
{
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.1s;
	transform: translate(0,0);
	opacity: 0.8;
}

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

.ol_section2.active ul .fromBottomOut_d3
{
	
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.2s;
	transform: translate(0,0);
	opacity: 0.8;
}

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

.ol_section2.active ul .fromBottomOut_d4
{
	
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.4s;
	transform: translate(0,0);
	opacity: 0.8;
}

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

.ol_section2.active ul .fromBottomOut_d5
{
	
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.4s;
	transform: translate(0,0);
	opacity: 0.8;
}

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

.ol_section2.active ul .fromBottomOut_d6
{
	
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.4s;
	transform: translate(0,0);
	opacity: 0.8;
}


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

.ol_section2.active ul .fromBottomOut_d7
{
	
	transition: transform 1.0s ease, opacity 1.0s ease;	
	transition-delay: 0.7s;
	transform: translate(0,0);
	opacity: 0.8;
}


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

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