/*
==============================================
floating normal
==============================================
*/

.floating{
	animation-name: floating;
	-ms-animation-name: floating;
	-moz-animation-name: floating;
	-o-animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 2.4s;	
	-ms-animation-duration: 2.4s;
	-moz-animation-duration: 2.4s;
	-o-animation-duration: 2.4s;
	-webkit-animation-duration: 2.4s;

	animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(4%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-ms-transform: translateY(0%);	
	}
	50% {
		-ms-transform: translateY(4%);	
	}	
	100% {
		-ms-transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-moz-transform: translateY(0%);	
	}
	50% {
		-moz-transform: translateY(4%);	
	}	
	100% {
		-moz-transform: translateY(0%);
	}
}

@-webkit-keyframes floating {
	0% {
		-o-transform: translateY(0%);	
	}
	50% {
		-o-transform: translateY(4%);	
	}	
	100% {
		-o-transform: translateY(0%);
	}	
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(4%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}
}

/*
==============================================
floating normal reverse
==============================================
*/

.floatingr{
	animation-name: floatingr;
	-ms-animation-name: floatingr;
	-moz-animation-name: floatingr;
	-o-animation-name: floatingr;
	-webkit-animation-name: floatingr;

	animation-duration: 2.7s;	
	-ms-animation-duration: 2.7s;
	-moz-animation-duration: 2.7s;
	-o-animation-duration: 2.7s;
	-webkit-animation-duration: 2.7s;

	animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floatingr {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(-5%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floatingr {
	0% {
		-ms-transform: translateY(0%);	
	}
	50% {
		-ms-transform: translateY(-5%);	
	}	
	100% {
		-ms-transform: translateY(0%);
	}			
}

@-webkit-keyframes floatingr {
	0% {
		-moz-transform: translateY(0%);	
	}
	50% {
		-moz-transform: translateY(-5%);	
	}	
	100% {
		-moz-transform: translateY(0%);
	}
}

@-webkit-keyframes floatingr {
	0% {
		-o-transform: translateY(0%);	
	}
	50% {
		-o-transform: translateY(-5%);	
	}	
	100% {
		-o-transform: translateY(0%);
	}	
}

@-webkit-keyframes floatingr {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(-5%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}
}

/*
==============================================
floating fast
==============================================
*/

.floatingf{
	animation-name: floatingf;
	-ms-animation-name: floatingf;
	-moz-animation-name: floatingf;
	-o-animation-name: floatingf;
	-webkit-animation-name: floatingf;

	animation-duration: 2.2s;	
	-ms-animation-duration: 2.2s;
	-moz-animation-duration: 2.2s;
	-o-animation-duration: 2.2s;
	-webkit-animation-duration: 2.2s;

	animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floatingf {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(4%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floatingf {
	0% {
		-ms-transform: translateY(0%);	
	}
	50% {
		-ms-transform: translateY(4%);	
	}	
	100% {
		-ms-transform: translateY(0%);
	}			
}

@-webkit-keyframes floatingf {
	0% {
		-moz-transform: translateY(0%);	
	}
	50% {
		-moz-transform: translateY(4%);	
	}	
	100% {
		-moz-transform: translateY(0%);
	}
}

@-webkit-keyframes floatingf {
	0% {
		-o-transform: translateY(0%);	
	}
	50% {
		-o-transform: translateY(4%);	
	}	
	100% {
		-o-transform: translateY(0%);
	}	
}

@-webkit-keyframes floatingf {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(4%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}
}


/*
==============================================
floating fast reverse
==============================================
*/

.floatingfr{
	animation-name: floatingfr;
	-ms-animation-name: floatingfr;
	-moz-animation-name: floatingfr;
	-o-animation-name: floatingfr;
	-webkit-animation-name: floatingfr;

	animation-duration: 3.0s;	
	-ms-animation-duration: 3.0s;
	-moz-animation-duration: 3.0s;
	-o-animation-duration: 3.0s;
	-webkit-animation-duration: 3.0s;

	animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floatingfr {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(-4%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floatingfr {
	0% {
		-ms-transform: translateY(0%);	
	}
	50% {
		-ms-transform: translateY(-4%);	
	}	
	100% {
		-ms-transform: translateY(0%);
	}			
}

@-webkit-keyframes floatingfr {
	0% {
		-moz-transform: translateY(0%);	
	}
	50% {
		-moz-transform: translateY(-4%);	
	}	
	100% {
		-moz-transform: translateY(0%);
	}
}

@-webkit-keyframes floatingfr {
	0% {
		-o-transform: translateY(0%);	
	}
	50% {
		-o-transform: translateY(-4%);	
	}	
	100% {
		-o-transform: translateY(0%);
	}	
}

@-webkit-keyframes floatingfr {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(-4%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}
}

/*
==============================================
floating slow
==============================================
*/

.floatings{
	animation-name: floatings;
	-ms-animation-name: floatings;
	-moz-animation-name: floatings;
	-o-animation-name: floatings;
	-webkit-animation-name: floatings;

	animation-duration: 3s;	
	-ms-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	-webkit-animation-duration: 3s;

	animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floatings {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(4%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floatings {
	0% {
		-ms-transform: translateY(0%);	
	}
	50% {
		-ms-transform: translateY(4%);	
	}	
	100% {
		-ms-transform: translateY(0%);
	}			
}

@-webkit-keyframes floatings {
	0% {
		-moz-transform: translateY(0%);	
	}
	50% {
		-moz-transform: translateY(4%);	
	}	
	100% {
		-moz-transform: translateY(0%);
	}
}

@-webkit-keyframes floatings {
	0% {
		-o-transform: translateY(0%);	
	}
	50% {
		-o-transform: translateY(4%);	
	}	
	100% {
		-o-transform: translateY(0%);
	}	
}

@-webkit-keyframes floatings {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(4%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}
}


/*
==============================================
floating fast reverse
==============================================
*/

.floatingsr{
	animation-name: floatingsr;
	-ms-animation-name: floatingsr;
	-moz-animation-name: floatingfr;
	-o-animation-name: floatingsr;
	-webkit-animation-name: floatingsr;

	animation-duration: 3.4s;	
	-ms-animation-duration: 3.4s;
	-moz-animation-duration: 3.4s;
	-o-animation-duration: 3.4s;
	-webkit-animation-duration: 3.4s;

	animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floatingsr {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(-4%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floatingsr {
	0% {
		-ms-transform: translateY(0%);	
	}
	50% {
		-ms-transform: translateY(-4%);	
	}	
	100% {
		-ms-transform: translateY(0%);
	}			
}

@-webkit-keyframes floatingsr {
	0% {
		-moz-transform: translateY(0%);	
	}
	50% {
		-moz-transform: translateY(-4%);	
	}	
	100% {
		-moz-transform: translateY(0%);
	}
}

@-webkit-keyframes floatingsr {
	0% {
		-o-transform: translateY(0%);	
	}
	50% {
		-o-transform: translateY(-4%);	
	}	
	100% {
		-o-transform: translateY(0%);
	}	
}

@-webkit-keyframes floatingsr {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(-4%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}
}