.wavesblock{
    position: fixed;
    width: 100%;
    height: 100px;
    overflow: hidden;
    bottom: 0;
    z-index: 99999;
}


.wavesblock .wave{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:75px;
	background: url('wave1.png');
	background-size:1000px 75px;
}

.wavesblock .wave.wave1{

	animation:animate 30s linear infinite;
	-webkit-animation:animate 30s linear infinite;
	z-index:1000;
	opacity:1;
	animation-delay:0s;
	bottom:0;

}

.wavesblock .wave.wave2{

	animation:animate2 15s linear infinite;
	-webkit-animation:animate2 15s linear infinite;
	z-index:999;
	opacity:0.5;
	animation-delay:-5s;
	bottom:5px;

}

.wavesblock .wave.wave3{

	animation:animate2 15s linear infinite;
	-webkit-animation:animate2 15s linear infinite;
	z-index:998;
	opacity:0.2;
	animation-delay:-2s;
	bottom:10px;

}

.wavesblock .wave.wave4{

	animation:animate2 5s linear infinite;
	-webkit-animation:animate2 5s linear infinite;
	z-index:997;
	opacity:0.7;
	animation-delay:-2s;
	bottom:15px;

}

@keyframes animate{

	0%{
		background-position-x: 0;
	}

	100%{
		background-position-x: 1000px;
	}

}

@-webkit-keyframes webkit-animate{

	0%{
		-webkit-background-position-x: 0;
	}

	100%{
		-webkit-background-position-x: 1000px;
	}

}

@keyframes animate2{

	0%{
		background-position-x: 0;
	}

	100%{
		background-position-x: -1000px;
	}

}

@-webkit-keyframes webkit-animate2{

	0%{
		-webkit-background-position-x: 0;
	}

	100%{
		-webkit-background-position-x: -1000px;
	}

}