@-webkit-keyframes quan {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes quan {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


@keyframes mapi {
	0% {
		transform: scale(0.2);
		-ms-transform: scale(0.2);
		-o-transform: scale(0.2);
		-moz-transform: scale(0.2);
		-webkit-transform: scale(0.2);
		opacity: 0.1;
	}

	50% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.5;
	}

	100% {
		transform: scale(0.2);
		-ms-transform: scale(0.2);
		-o-transform: scale(0.2);
		-moz-transform: scale(0.2);
		-webkit-transform: scale(0.2);
		opacity: 0.1;
	}
}


@keyframes warni {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.2;
	}


	50% {
		transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		-moz-transform: scale(2);
		-webkit-transform: scale(2);
		opacity: 0.4;
	}


	100% {
		transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		opacity: 0.2;
	}
}

@-webkit-keyframes mouse {
	0% {
		top: 0px;
		opacity: 0.1;
	}

	30% {
		top: 40px;
		opacity: 1;
	}

	100% {
		top: 0px;
		opacity: 0.1;
	}
}

@keyframes mouse {
	0% {
		top: 0px;
		opacity: 0.1;
	}

	30% {
		top: 40px;
		opacity: 1;
	}

	100% {
		top: 0px;
		opacity: 0.1;
	}
}



@keyframes map-span {
	0% {
		top: 0px;
		opacity: 0.5;
	}

	30% {
		top: 10px;
		opacity: 1;
	}

	100% {
		top: 0px;
		opacity: 0.5;
	}
}