.animated{
		-webkit-animation-duration: 1s;
		animation-delay: 1s;
		animation-fill-mode: both;


	}
	@-webkit-keyframes fadeIn
	{
from
{
	opacity: 0;
	}
	to{
opacity: 1;
	}
}
@keyframes fadeIn
{
from
{
	opacity: 0;
	}
	to{
opacity: 1;
	}
}
.fadeUp{
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp;
}
	@-webkit-keyframes fadeUp
	{
from
{
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	}
	to
	{
opacity: 1;
-webkit-transform: none;
transform: none;
	}
}

@keyframes fadeUp
{
from
{
opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	}
	to{
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

	
.fadeLeft{
	-webkit-animation-name: fadeLeft;
	animation-name: fadeLeft;
}

	@-webkit-keyframes fadeLeft
	{
from
{
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0 ,  0);
	}
	to
	{
opacity: 1;
-webkit-transform: none;
transform: none;
	}
}

@keyframes fadeLeft
{
from
{
opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0 , 0);
	}
	to{
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeRight{
	-webkit-animation-name: fadeRight;
	animation-name: fadeRight;
}

	@-webkit-keyframes fadeRight
	{
from
{
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	}
	to
	{
opacity: 1;
-webkit-transform: none;
transform: none;
	}
}

@keyframes fadeRight
{
from
{
opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0 , 0);
	}
	to{
opacity: 1;
-webkit-transform: none;
transform: none;
}
}