/*
	 Animation example, for spinners
*/
.animate-spin {
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block;
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-ms-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-webkit-keyframes moveFromLeftRotate{
	from {
		-webkit-transform: translateX(-100%) rotate(-90deg);
		transform: translateX(-100%) rotate(-90deg);
	}
	to {
		-webkit-transform: translateX(0%) rotate(0deg);
		transform: translateX(0%) rotate(0deg);
	}
}
@-moz-keyframes moveFromLeftRotate{
	from {
		-moz-transform: translateX(-100%) rotate(-90deg);
		transform: translateX(-100%) rotate(-90deg);
	}
	to {
		-moz-transform: translateX(0%) rotate(0deg);
		transform: translateX(0%) rotate(0deg);
	}
}
@-ms-keyframes moveFromLeftRotate{
	from {
		-ms-transform: translateX(-100%) rotate(-90deg);
		transform: translateX(-100%) rotate(-90deg);
	}
	to {
		-ms-transform: translateX(0%) rotate(0deg);
		transform: translateX(0%) rotate(0deg);
	}
}
@-o-keyframes moveFromLeftRotate{
	from {
		-o-transform: translateX(-100%) rotate(-90deg);
		transform: translateX(-100%) rotate(-90deg);
	}
	to {
		-o-transform: translateX(0%) rotate(0deg);
		transform: translateX(0%) rotate(0deg);
	}
}
@keyframes moveFromLeftRotate{
	from {
		-webkit-transform: translateX(-100%) rotate(-90deg);
		-moz-transform: translateX(-100%) rotate(-90deg);
		-ms-transform: translateX(-100%) rotate(-90deg);
		-o-transform: translateX(-100%) rotate(-90deg);
		transform: translateX(-100%) rotate(-90deg);
	}
	to {
		-webkit-transform: translateX(0%) rotate(0deg);
		-moz-transform: translateX(0%) rotate(0deg);
		-ms-transform: translateX(0%) rotate(0deg);
		-o-transform: translateX(0%) rotate(0deg);
		transform: translateX(0%) rotate(0deg);
	}
}

@-webkit-keyframes moveFromBottom {
	from {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	to {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}
@-moz-keyframes moveFromBottom {
	from {
		-moz-transform: translateY(100%);
		transform: translateY(100%);
	}
	to {
		-moz-transform: translateY(0%);
		transform: translateY(0%);
	}
}
@-ms-keyframes moveFromBottom {
	from {
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
	to {
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
}
@-o-keyframes moveFromBottom {
	from {
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	to {
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
}
@keyframes moveFromBottom {
	from {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	to {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
}