@-webkit-keyframes hyth-tool-arcade-first {
	0% {
		left: -25%
	}
	100% {
		left: 110%
	}
}

@keyframes hyth-tool-arcade-first {
	0% {
		left: -25%
	}
	100% {
		left: 110%
	}
}

@-webkit-keyframes hyth-tool-arcade-second {
	0% {
		left: 110%
	}
	100% {
		left: -20%
	}
}

@keyframes hyth-tool-arcade-second {
	0% {
		left: 110%
	}
	100% {
		left: -20%
	}
}

.hyth-tool-footer-arcade {
	position: relative;
    text-align: center;
    height: 264px;
}

.hyth-tool-footer-arcade .footer-bg {
	position: absolute;
	background: url(../images/arcade/footer-bg.png) repeat-x scroll center 0;
	width: 100%;
	height: 264px;
	bottom: 0;
	right: 0;
	left: 0;
	overflow-x: hidden;
}

.hyth-tool-footer-arcade .footer-bg .footer-bg-arcade {
	width: 60px;
	height: 96px;
	background-size: 100%;
	position: absolute;
}

.hyth-tool-footer-arcade .footer-bg .a {
	background: url(../images/arcade/1.gif) no-repeat center center;
	bottom: 40px;
	left: 30%;
	-webkit-animation: hyth-tool-arcade-first 20s linear infinite;
	animation: hyth-tool-arcade-first 20s linear infinite;
}

.hyth-tool-footer-arcade .footer-bg .b {
	background: url(../images/arcade/2.gif) no-repeat center center;
	bottom: 20px;
	left: 38%;
	-webkit-animation: hyth-tool-arcade-first 30s linear infinite;
	animation: hyth-tool-arcade-first 30s linear infinite;
}

.hyth-tool-footer-arcade .footer-bg .c {
	background: url(../images/arcade/3.gif) no-repeat center center;
	bottom: 30px;
	right: 38%;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-animation: hyth-tool-arcade-second 25s linear infinite;
	animation: hyth-tool-arcade-second 25s linear infinite;
}

.hyth-tool-footer-arcade .footer-bg .d {
	background: url(../images/arcade/4.gif) no-repeat center center;
	bottom: 10px;
	right: 38%;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-animation: hyth-tool-arcade-second 35s linear infinite;
	animation: hyth-tool-arcade-second 35s linear infinite;
}