/*Estilos para animações*/

	/*Efeitos de inicialização*/

		@-webkit-keyframes fadeIn {
			from 	{opacity: 0;}
			to 		{opacity: 1;}
		}

		@keyframes fadeIn {
			from 	{opacity: 0;}
			to 		{opacity: 1;}
		}

		.fadeIn {
			-o-animation: 		fadeIn 3s both;
			-moz-animation: 	fadeIn 3s both;
			-webkit-animation: 	fadeIn 3s both;
			animation: 			fadeIn 3s both;
		}

	/*Efeitos contínuos*/
		
		@-webkit-keyframes balancar {
			from 	{-webkit-transform: rotate3d(0, 0, 1, 0deg);}
			33% 	{-webkit-transform: rotate3d(0, 0, 1, 3deg);}
			66% 	{-webkit-transform: rotate3d(0, 0, 1, -3deg);}
			to 		{-webkit-transform: rotate3d(0, 0, 1, 0deg);}
		}

		@keyframes balancar {
			from 	{transform: rotate3d(0, 0, 1, 0deg);}
			33% 	{transform: rotate3d(0, 0, 1, 3deg);}
			66% 	{transform: rotate3d(0, 0, 1, -3deg);}
			to 		{transform: rotate3d(0, 0, 1, 0deg);}
		}

		.balancar {
			-webkit-transform-origin:	top center;
			transform-origin: 			top center;

			-webkit-animation-name: 	balancar;
			animation-name: 			balancar;

			-o-animation: 		balancar 5s alternate ease-in-out infinite;
			-moz-animation: 	balancar 5s alternate ease-in-out infinite;
			-webkit-animation: 	balancar 5s alternate ease-in-out infinite;
			animation: 			balancar 5s alternate ease-in-out infinite;
		}

		/*-----------------------------------------------------------*/

		@-webkit-keyframes balancar-suave {
			from 	{-webkit-transform: rotate3d(0, 0, 1, 0deg);}
			33% 	{-webkit-transform: rotate3d(0, 0, .1, 3deg);}
			66% 	{-webkit-transform: rotate3d(0, 0, .1, -3deg);}
			to 		{-webkit-transform: rotate3d(0, 0, 1, 0deg);}
		}

		@keyframes balancar-suave {
			from 	{transform: rotate3d(0, 0, 1, 0deg);}
			33% 	{transform: rotate3d(0, 0, .1, 3deg);}
			66% 	{transform: rotate3d(0, 0, .1, -3deg);}
			to 		{transform: rotate3d(0, 0, 1, 0deg);}
		}

		.balancar-suave {
			-webkit-transform-origin: 	top center;
			transform-origin: 			top center;

			-webkit-animation-name: 	balancar-suave;
			animation-name: 			balancar-suave;

			-webkit-animation: 	balancar-suave 8s alternate ease-in-out infinite;
			-moz-animation: 	balancar-suave 8s alternate ease-in-out infinite;
			-o-animation: 		balancar-suave 8s alternate ease-in-out infinite;
			animation: 			balancar-suave 8s alternate ease-in-out infinite;
		}

		/*-----------------------------------------------------------*/

		@-webkit-keyframes flutuar {
			0% 		{-webkit-transform: translateY(-10px);}
			50% 	{-webkit-transform: translateY(-4px);}
			100% 	{-webkit-transform: translateY(-10px);}
		}

		@keyframes flutuar {
			0% 		{transform: translateY(-10px);}
			50% 	{transform: translateY(-4px);}
			100% 	{transform: translateY(-10px);}
		}

		.flutuar {
			-webkit-transform: 	translateZ(0);
			transform: 			translateZ(0);

			-webkit-animation: 	flutuar 1.5s alternate ease-in-out infinite forwards;
			-moz-animation: 	flutuar 1.5s alternate ease-in-out infinite forwards;
			-o-animation: 		flutuar 1.5s alternate ease-in-out infinite forwards;
			animation: 			flutuar 1.5s alternate ease-in-out infinite forwards;
		}

		/*-----------------------------------------------------------*/

		@-webkit-keyframes flutuar-lateral {
			0% 		{-webkit-transform: translateX(-10px);}
			50% 	{-webkit-transform: translateX(-4px);}
			100% 	{-webkit-transform: translateX(-10px);}
		}

		@keyframes flutuar-lateral {
			0% 		{transform: translateX(-10px);}
			50% 	{transform: translateX(-4px);}
			100% 	{transform: translateX(-10px);}
		}

		.flutuar-lateral {
			-webkit-transform: 	translateZ(0);
			transform: 			translateZ(0);

			-webkit-animation: 	flutuar-lateral 1s alternate ease-in-out infinite forwards;
			-moz-animation: 	flutuar-lateral 1s alternate ease-in-out infinite forwards;
			-o-animation: 		flutuar-lateral 1s alternate ease-in-out infinite forwards;
			animation: 			flutuar-lateral 1s alternate ease-in-out infinite forwards;
		}

	/*Efeitos de hover*/
	
	/*-----------------------------------------------------------*/
	@-webkit-keyframes deslizar-diagonal-direita {
		16.65% 	{-webkit-transform: translate(8px, 8px);}
		33.3% 	{-webkit-transform: translate(-6px, -6px);}
		49.95% 	{-webkit-transform: translate(4px, 4px);}
		66.6% 	{-webkit-transform: translate(-2px, -2px);}
		83.25% 	{-webkit-transform: translate(1px, 1px);}
		100% 	{-webkit-transform: translate(0, 0);}
	}

	@keyframes deslizar-diagonal-direita {
		16.65% 	{transform: translate(8px, 8px);}
		33.3% 	{transform: translate(-6px, -6px);}
		49.95% 	{transform: translate(4px, 4px);}
		66.6% 	{transform: translate(-2px, -2px);}
		83.25% 	{transform: translate(1px, 1px);}
		100% 	{transform: translate(0, 0);}
	}

	.deslizar-diagonal-direita {
		display: inline-block;
		vertical-align: middle;

		-webkit-transform: 	translateZ(0);
		transform:			translateZ(0);
	}

	.deslizar-diagonal-direita:hover,
	.deslizar-diagonal-direita:focus,
	.deslizar-diagonal-direita:active {
		-webkit-animation: 	deslizar-diagonal-direita 1s ease-in-out;
		-moz-animation: 	deslizar-diagonal-direita 1s ease-in-out;
		-o-animation: 		deslizar-diagonal-direita 1s ease-in-out;
		animation: 			deslizar-diagonal-direita 1s ease-in-out;
	}

	/*-----------------------------------------------------------*/
	
	.crescer {
		display: inline-block;
		vertical-align: middle;

		-webkit-transform: 	translateZ(0);
		transform: 			translateZ(0);

		-webkit-transition-duration: 	0.3s;
		transition-duration: 			0.3s;

		-webkit-transition-property: 	transform;
		transition-property: 			transform;
	}

	.crescer:hover,
	.crescer:focus,
	.crescer:active {
		-webkit-transform: 	scale(1.1);
		transform: 			scale(1.1);
	}

	/*-----------------------------------------------------------*/

	@-webkit-keyframes balancar-chao {
		16.65% 	{-webkit-transform: skew(-9deg);}
		33.3% 	{-webkit-transform: skew(8deg);}
		49.95% 	{-webkit-transform: skew(-4deg);}
		66.6% 	{-webkit-transform: skew(3deg);}
		83.25% 	{-webkit-transform: skew(-2deg);}
		100% 	{-webkit-transform: skew(0);}
	}

	@keyframes balancar-chao {
	  16.65% 	{transform: skew(-9deg);}
		33.3% 	{transform: skew(8deg);}
		49.95% 	{transform: skew(-4deg);}
		66.6% 	{transform: skew(3deg);}
		83.25% 	{transform: skew(-2deg);}
		100% 	{transform: skew(0);}
	}

	.balancar-chao {
		-webkit-transform: 	translateZ(0);
		transform: 			translateZ(0);

		-webkit-transform-origin: 	0 100%;
		transform-origin: 			0 100%;
	}

	.balancar-chao:hover,
	.balancar-chao:focus,
	.balancar-chao:active {

		-webkit-animation: 	balancar-chao 1s ease-in-out;
		-moz-animation: 	balancar-chao 1s ease-in-out;
		-o-animation: 		balancar-chao 1s ease-in-out;
		animation: 			balancar-chao 1s ease-in-out;
	}

	/*-----------------------------------------------------------*/

	@-webkit-keyframes agitar {
		10% 	{-webkit-transform: translateX(3px) rotate(2deg);}
		20% 	{-webkit-transform: translateX(-3px) rotate(-2deg);}
		30% 	{-webkit-transform: translateX(3px) rotate(2deg);}
		40% 	{-webkit-transform: translateX(-3px) rotate(-2deg);}
		50% 	{-webkit-transform: translateX(2px) rotate(1deg);}
		60% 	{-webkit-transform: translateX(-2px) rotate(-1deg);}
		70% 	{-webkit-transform: translateX(2px) rotate(1deg);}
		80% 	{-webkit-transform: translateX(-2px) rotate(-1deg);}
		90% 	{-webkit-transform: translateX(1px) rotate(0);}
		100% 	{-webkit-transform: translateX(-1px) rotate(0);}
	}

	@keyframes agitar {
		10% 	{transform: translateX(3px) rotate(2deg);}
		20% 	{transform: translateX(-3px) rotate(-2deg);}
		30% 	{transform: translateX(3px) rotate(2deg);}
		40% 	{transform: translateX(-3px) rotate(-2deg);}
		50% 	{transform: translateX(2px) rotate(1deg);}
		60% 	{transform: translateX(-2px) rotate(-1deg);}
		70% 	{transform: translateX(2px) rotate(1deg);}
		80% 	{transform: translateX(-2px) rotate(-1deg);}
		90% 	{transform: translateX(1px) rotate(0);}
		100% 	{transform: translateX(-1px) rotate(0);}
	}

	.agitar {
		display: inline-block;
		vertical-align: middle;

		-webkit-transform: 	translateZ(0);
		transform: 			translateZ(0);
	}

	.agitar:hover,
	.agitar:focus,
	.agitar:active {
		-webkit-animation: 	agitar 0.75s linear;
		-moz-animation: 	agitar 0.75s linear;
		-o-animation: 		agitar 0.75s linear;
		animation: 			agitar 0.75s linear;
	}

	/*-----------------------------------------------------------*/

	.levantar {
		display: inline-block;
		vertical-align: middle;

		-webkit-transform: 	translateZ(0);
		transform: 			translateZ(0);

		-webkit-transition: transform 0.3s ease-out;
		-moz-transition: 	transform 0.3s ease-out;
		-o-transition: 		transform 0.3s ease-out;
		transition: 		transform 0.3s ease-out;
	}

	.levantar:hover,
	.levantar:focus,
	.levantar:active {
		-webkit-transform: 	translateY(-8px);
		transform: 			translateY(-8px);
	}

	/*-----------------------------------------------------------*/

	.mover {
		display: inline-block;
		vertical-align: middle;

		-webkit-transform: 	translateZ(0);
		transform: 			translateZ(0);

		-webkit-transform-origin: 	0 100%;
		transform-origin: 			0 100%;

		-webkit-transition: transform 0.3s ease-out;
		-moz-transition: 	transform 0.3s ease-out;
		-o-transition: 		transform 0.3s ease-out;
		transition: 		transform 0.3s ease-out;

	}

	.mover:hover,
	.mover:focus,
	.mover:active {
		-webkit-transform: 	skew(10deg);
		transform: 			skew(10deg);
	}

	/*-----------------------------------------------------------*/

	@-webkit-keyframes pulsar {
		to {-webkit-transform: scale(0.9);}
	}

	@keyframes pulsar {
		to {transform: scale(0.9);}
	}

	.pulsar {
		display: inline-block;
		vertical-align: middle;

		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.pulsar:hover,
	.pulsar:focus,
	.pulsar:active {
		-webkit-animation: 	pulsar 0.3s linear infinite alternate;
		-moz-animation: 	pulsar 0.3s linear infinite alternate;
		-o-animation: 		pulsar 0.3s linear infinite alternate;
		animation: 			pulsar 0.3s linear infinite alternate;
	}

	/*-----------------------------------------------------------*/

	@-webkit-keyframes puxar-cima {
		16.65% 	{-webkit-transform: translateY(8px);}
		33.3% 	{-webkit-transform: translateY(-6px);}
		49.95% 	{-webkit-transform: translateY(4px);}
		66.6% 	{-webkit-transform: translateY(-2px);}
		83.25% 	{-webkit-transform: translateY(1px);}
		100% 	{-webkit-transform: translateY(0);}
	}

	@keyframes puxar-cima {
		16.65% 	{transform: translateY(8px);}
		33.3% 	{transform: translateY(-6px);}
		49.95% 	{transform: translateY(4px);}
		66.6% 	{transform: translateY(-2px);}
		83.25% 	{transform: translateY(1px);}
		100% 	{transform: translateY(0);}
	}

	.puxar-cima {
		display: inline-block;
		vertical-align: middle;

		-webkit-transform: 	translateZ(0);
		transform: 			translateZ(0);
	}
	

	.puxar-cima:hover,
	.puxar-cima:focus,
	.puxar-cima:active {
		-webkit-animation: 	puxar-cima 1s ease-in-out;
		-moz-animation: 	puxar-cima 1s ease-in-out;
		-o-animation: 		puxar-cima 1s ease-in-out;
		animation: 			puxar-cima 1s ease-in-out;
	}
