
/*------------------------------------------------------------------------------------------------------------------------

*
*
*				[START] ANIMAÇÕES (CLIENTE)
*
*
*
------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------
Animações Biboka
------------------------------------------------------------------------------------------------------------------------*/
.esquerda,
.direita,
.sobe,
.desce,
.escala{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;	
}
.escala{
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
}
.escala-depois{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.sobe{
	-webkit-transform: translateY(150px);
	-moz-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
}
.sobe-depois{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.desce{
	-webkit-transform: translateY(-150px);
	-moz-transform: translateY(-150px);
	-ms-transform: translateY(-150px);
	transform: translateY(-150px);
}
.desce-depois{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.esquerda{
	-webkit-transform: translateX(150px);
	-moz-transform: translateX(150px);
	-ms-transform: translateX(150px);
	transform: translateX(150px);
}
.esquerda-depois{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.direita{
	-webkit-transform: translateX(-150px);
	-moz-transform: translateX(-150px);
	-ms-transform: translateX(-150px);
	transform: translateX(-150px);
}
.direita-depois{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.no-animacao{ 
	transform: translateY(0);
	animation: none;
}
