body {
	background-image: url('../images/sea-low.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	background-size: 100% !important;
	background-color: transparent !important;
	background: inherit;
	background-attachment: fixed !important;
	background-size: cover !important
}

html, body {
	margin: 0;
	height: 100%
}

.sky {
	height: 650px;
	background: transparent;
	position: relative;
	overflow: hidden;
	-webkit-animation: sky_background 50s ease-out infinite;
	-moz-animation: sky_background 50s ease-out infinite;
	-o-animation: sky_background 50s ease-out infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}

.moon {
	background: url("../images/moon1.png");
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	height: 100%;
	width: 300%;
	-webkit-animation: moon 50s linear infinite;
	-moz-animation: moon 50s linear infinite;
	-o-animation: moon 50s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}

.clouds_one {
	background: url("../images/cloud_one.png");
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
	top: -200px;
	height: 100%;
	width: 600%;
	-webkit-animation: cloud_one 50s linear infinite;
	-moz-animation: cloud_one 50s linear infinite;
	-o-animation: cloud_one 50s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}

.clouds_two {
	background: url("../images/cloud_one.png");
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
	top: 100px;
	height: 100%;
	width: 600%;
	-webkit-animation: cloud_two 75s linear infinite;
	-moz-animation: cloud_two 75s linear infinite;
	-o-animation: cloud_two 75s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}

.clouds_three {
	background: url("../images/cloud_six.png");
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
	top: 0px;
	height: 100%;
	width: 600%;
	-webkit-animation: cloud_three 100s linear infinite;
	-moz-animation: cloud_three 100s linear infinite;
	-o-animation: cloud_three 100s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}

@-webkit-keyframes sky_background {
0% {
 background:transparent;
 color:#fff
}

50% {
 background:transparent;
 color:#fff
}

100% {
 background:transparent;
 color:#fff
}
}

@-webkit-keyframes moon {
0% {
 opacity: 0;
 left:-200%  -moz-transform: scale(0.3);
 -webkit-transform: scale(0.3);
}

50% {
 opacity: 0.7;
 -moz-transform: scale(0.5);
 left:0%  bottom:250px;
 -webkit-transform: scale(0.5);
}

100% {
 opacity: 0;
 bottom:500px;
 -moz-transform: scale(0.3);
 -webkit-transform: scale(0.3);
}
}

@-webkit-keyframes cloud_one {
0% {
 left:0
}

100% {
 left:-200%
}
}

@-webkit-keyframes cloud_two {
0% {
 left:0
}

100% {
 left:-200%
}
}

@-webkit-keyframes cloud_three {
0% {
 left:0
}

100% {
 left:-200%
}
}

@-moz-keyframes sky_background {
0% {
 background:transparent;
 color:#fff
}

50% {
 background:transparent;
 color:#fff
}

100% {
 background:transparent;
 color:#fff
}
}

 @-moz-keyframes moon {
0% {
 opacity: 0;
 left:-200%  -moz-transform: scale(0.3);
 -webkit-transform: scale(0.3);
}

50% {
 opacity: 0.7;
 -moz-transform: scale(0.5);
 left:0%  bottom:250px;
 -webkit-transform: scale(0.5);
}

100% {
 opacity: 0;
 bottom:500px;
 -moz-transform: scale(0.3);
 -webkit-transform: scale(0.3);
}
}

@-moz-keyframes cloud_one {
0% {
 left:0
}

100% {
 left:-200%
}
}

@-moz-keyframes cloud_two {
0% {
 left:0
}

100% {
 left:-200%
}
}

@-moz-keyframes cloud_three {
0% {
 left:0
}

100% {
 left:-200%
}
}