/********************************************************
+ ZOOM 
*********************************************************/
.animation1{transition:all .1s ease-in-out}
.animation1:hover{transform:scale(1.04);-ms-transform:scale(1.04)}
/********************************************************
+ ZOOM 2
*********************************************************/
.animate-zoom+{transition:all .1s ease-in-out}
.animate-zoom+:hover{zoom: 150%;}
/********************************************************
- ZOOM 
*********************************************************/
.animation2{transition:all .2s ease-in-out}
.animation2:hover{transform:scale(0.9);-ms-transform:scale(0.9)}
/********************************************************
PARA CIMA
*********************************************************/
.animation3{
opacity: 1.0;
transform: translate(0,0);
transition:all .2s ease-in-out
}
.animation3:hover{
opacity: 0.8;
transform: translate(0,-5px);
transition:all .2s ease-in-out
}
/********************************************************
PARA BAIXO
*********************************************************/
.animation4{
opacity: 1.0;
transform: translate(0,0);
transition:all .2s ease-in-out
}
.animation4:hover{
opacity: 0.8;
transform: translate(0,5px);
transition:all .2s ease-in-out
}
/********************************************************
PARA A DIREITA
*********************************************************/
.animation5{
opacity: 1.0;
transform: translate(0,0);
transition:all .2s ease-in-out
}
.animation5:hover{
opacity: 0.8;
transform: translate(5PX,0);
transition:all .2s ease-in-out
}


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