@charset "utf-8";
/* CSS Document */
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 25%;
	bottom:-1px;
}
.bgTop {
    z-index: 5;
    opacity: 0.6;
}
.bgMiddle {
    z-index: 2;
    opacity: 1;
}
.bgBottom {
    z-index: 2;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
}
.waveMiddle {
background:url(mid.png) 0% bottom repeat-x;
background-size: 65% 28px;
animation: waveTop 820s linear infinite;
-webkit-animation: waveTop 820s linear infinite;
-moz-animation: waveTop 820s linear infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.waveTops{
background:url(bot.png) 0% bottom repeat-x;
background-size: 65% 35px;
animation: waveTop 450s linear infinite;
-webkit-animation: waveTop 450s linear infinite;
-moz-animation: waveTop 450s linear infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes waveTop {
	0%  { background-position:0% bottom;}
	100% {background-position:5030% bottom;}

}
@-moz-keyframes waveTop {
	0%  { background-position:0% bottom;}
	100% {background-position:5030% bottom;}
}
@keyframes waveTop {
	0%  { background-position:0% bottom;}
	100% {background-position:5030% bottom;}
}