#bg 
{
	background: #348cb2;
	background-repeat: repeat-x;
	height: 100%;
	left: 0;
	opacity: 1;
	position: fixed;
	top: 0;
}

.waves-animation
{
	position: relative;
	bottom:0;
	height: 25vh;
	width: 100vw;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.wave
{
	bottom: 0;
	left: 0;
	position: absolute;
	bottom:0;
	background-repeat:no-repeat;
}

.w3
{
	width: 200vw;
	opacity: .5;
	height: calc(25vh - 38px);
	transform: translateX(-100vw);
	background-size: 100%;
	background-image: url('../../assets/images/waves/wave2.svg');
	-moz-animation: bg 60s linear infinite;
	-webkit-animation: bg 60s linear infinite;
}

.w2
{
	width: 300vw;
	opacity: .5;
	height: calc(25vh - 38px);
	transform: translateX(0);
	background-size: 100%;
	background-image: url('../../assets/images/waves/wave2.svg');
	-moz-animation: bg 60s linear infinite;
	-webkit-animation: bg 60s linear infinite;
}

.w1
{
	width: 300vw;
	opacity: 1;
	height: calc(25vh - 64px);
	transform: translateX(-150vw);
	background-size: 100%;
	background-image: url('../../assets/images/waves/wave.svg');
	-moz-animation: bg 60s linear infinite;
	-webkit-animation: bg 60s linear infinite;
}

@-moz-keyframes bg 
{
	0% 
	{
		-moz-transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	100% 
	{
		-moz-transform: translate3d(-2250px,0,0);
		-webkit-transform: translate3d(-2250px,0,0);
		-ms-transform: translate3d(-2250px,0,0);
		transform: translate3d(-2250px,0,0);
	}
}

@-webkit-keyframes bg 
{
	0% 
	{
		-moz-transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	100% 
	{
		-moz-transform: translate3d(-2250px,0,0);
		-webkit-transform: translate3d(-2250px,0,0);
		-ms-transform: translate3d(-2250px,0,0);
		transform: translate3d(-2250px,0,0);
	}
}

@-ms-keyframes bg 
{
	0% 
	{
		-moz-transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	100% 
	{
		-moz-transform: translate3d(-2250px,0,0);
		-webkit-transform: translate3d(-2250px,0,0);
		-ms-transform: translate3d(-2250px,0,0);
		transform: translate3d(-2250px,0,0);
	}
}

@keyframes bg 
{
	0% 
	{
		-moz-transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	100% 
	{
		-moz-transform: translate3d(-2250px,0,0);
		-webkit-transform: translate3d(-2250px,0,0);
		-ms-transform: translate3d(-2250px,0,0);
		transform: translate3d(-2250px,0,0);
	}
}