/* background waves */
.canvas.canvas-waves {
  background: #0e6cc4;
}

.canvas.canvas-waves .wave-background {
	position: fixed;
	top: 0;
	transform: rotate(80deg);
	left: 0;
}

.wave-background .wave {
	position: fixed;
	top: 0;
	left: 0;
	opacity: .4;
	position: absolute;
	top: 3%;
	left: 10%;
	background: rgba(255,255,255,0.2);
	width: 1500px;
	height: 1300px;
	margin-left: -150px;
	margin-top: -250px;
	transform-origin: 50% 48%;
	border-radius: 43%;
	animation: drift 7000ms infinite linear;
}

.wave-background .wave.-three {
	animation: drift 7500ms infinite linear;
	position: fixed;
	background-color: rgba(255,255,255,0.4);
}

.wave-background .wave.-two {
	animation: drift 3000ms infinite linear;
	opacity: .1;
	background: black;
	position: fixed;
}

.wave-background .box:after {
	content: '';
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	transform: translate3d(0, 0, 0);
}

@keyframes drift {
	from {
		transform: rotate(0deg);
	}
	from {
		transform: rotate(360deg);
	}
}