.water_box {
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: -10px;
	right: 0;
	overflow: hidden;
}

.water {
	width: 200%;
}

.water_wave {
	width: 200%;
	height: 100%;
	position: absolute;
}

.water_wave_back {
	right: 0;
	bottom: -31px;
	fill: rgba(255, 255, 255, .1);
	animation: wave-back 15s infinite linear;
}

.water_wave_front {
	left: 0;
	bottom: -31px;
	fill: rgba(255, 255, 255, .1);
	animation: wave-front 10s infinite linear;
}

.water_wave_top {
	right: 0;
	bottom: -31px;
	fill: rgba(255, 255, 255, .1);
	animation: wave-top 5s infinite linear;
}

.water_wave_bottom {
	left: 0;
	bottom: -31px;
	fill: rgba(255, 255, 255, .1);
	animation: wave-bottom 5s infinite linear;
}

@keyframes wave-back {
	100% {
		transform: translate(50%, 0);
	}
}

@keyframes wave-front {
	100% {
		transform: translate(-50%, 0);
	}
}

@keyframes wave-top {
	100% {
		transform: translate(50%, 0);
	}
}


@keyframes wave-bottom {
	100% {
		transform: translate(-50%, 0);
	}
}