/* 
 * RFM CSS (V1.0)
 * made by N!LAXY#6666
 */


#wrapper {
	zoom: 110%;
}
@media only screen and (max-width:950px) {
	#wrapper {
		zoom: unset;
	}
}


/* WRAPPER */
#wrapper {
	width: 925px;
	margin: 0 auto;
	margin-bottom: 200px;
}


/* WAVES */
@keyframes move_wave {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1)
	}
	50% {
		transform: translateX(-25%) translateZ(0) scaleY(0.55)
	}
	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1)
	}
}
.waveWrapper {
	overflow: hidden;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 120px;
	z-index: 1
}
.waveWrapperInner {
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 100%;
	bottom: -1px
}
.bgTop {
	z-index: 15;
	opacity: .5
}
.bgMiddle {
	z-index: 10;
	opacity: .75
}
.bgBottom {
	z-index: 5
}
.wave {
	position: absolute;
	left: 0;
	width: 200%;
	height: 100%;
	background-repeat: repeat no-repeat;
	background-position: 0 bottom;
	transform-origin: center bottom
}
.waveTop {
	background-size: 50% 100px
}
.waveAnimation .waveTop {
	animation: move-wave 3s;
	-webkit-animation: move-wave 3s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
.waveMiddle {
	background-size: 50% 120px
}
.waveAnimation .waveMiddle {
	animation: move_wave 10s linear infinite
}
.waveBottom {
	background-size: 50% 100px
}
.waveAnimation .waveBottom {
	animation: move_wave 15s linear infinite
}

hr {
	border: none;
	border-top: 1px solid #bbb0b0;
}


.scroll {
	animation-delay: 3s;
	animation-duration: 7.025s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: the-scroll;
	animation-name: the-scroll;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}