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

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

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

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

/*lixi*/

.floating_lixi{
	animation-name: floating_lixi;
	-webkit-animation-name: floating_lixi;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating_lixi {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes floating_lixi {
	0% {
		-webkit-transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}
/*li xi 2*/

.floating_lixi_2{
	animation-name: floating_lixi_2;
	-webkit-animation-name: floating_lixi_2;

	animation-duration: 1.3s;
	-webkit-animation-duration: 1.3s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating_lixi_2 {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes floating_lixi_2 {
	0% {
		-webkit-transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}
/*li xi 3*/

.floating_lixi_3{
	animation-name: floating_lixi_3;
	-webkit-animation-name: floating_lixi_3;

	animation-duration: 2s;
	-webkit-animation-duration: 2s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating_lixi_3 {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes floating_lixi_3 {
	0% {
		-webkit-transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}
/*
==============================================
hatch
==============================================
*/

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;

	animation-duration: 2s;
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;

	visibility: visible !important;
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}
	65% {
		transform: rotate(1deg);
	}
	80% {
		transform: rotate(-1deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}
	65% {
		-webkit-transform: rotate(1deg);
	}
	80% {
		-webkit-transform: rotate(-1deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}

/*
==============================================
pulse
==============================================
*/

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;

	animation-duration: 1.4s;
	-webkit-animation-duration: 1.4s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		opacity: 0.8;
	}
	50% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0.95);
		opacity: 0.8;
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;
	}
}


/*
==============================================
pulse
==============================================
*/

.pulse_2{
	animation-name: pulse_2;
	-webkit-animation-name: pulse_2;

	animation-duration: 1.8s;
	-webkit-animation-duration: 1.8s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse_2 {
	0% {
		transform: scale(0.98);
		opacity: 0.7;
	}
	50% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0.98);
		opacity: 0.7;
	}
}

@-webkit-keyframes pulse_2 {
	0% {
		-webkit-transform: scale(0.98);
		opacity: 0.7;
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0.98);
		opacity: 0.7;
	}
}