@keyframes move-twink-back {
from{background-position:0 0}
to{background-position:-10000px 5000px}
}
@-webkit-keyframes move-twink-back {
from{background-position:0 0}
to{background-position:-10000px 5000px}
}
@-moz-keyframes move-twink-back {
from{background-position:0 0}
to{background-position:-10000px 5000px}
}
@-ms-keyframes move-twink-back {
from{background-position:0 0}
to{background-position:-10000px 5000px}
}
@keyframes move-clouds-back {
from{background-position:0 0}
to{background-position:10000px 0}
}
@-webkit-keyframes move-clouds-back {
from{background-position:0 0}
to{background-position:10000px 0}
}
@-moz-keyframes move-clouds-back {
from{background-position:0 0}
to{background-position:10000px 0}
}
@-ms-keyframes move-clouds-back {
from{background-position:0}
to{background-position:10000px 0}
}

.stars,
.twinkling,
.clouds {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.stars {
	background: #000 url(../img/stars.png) repeat top center;
	z-index: 0;
}

.twinkling {
	background: transparent url(../img/twinkling.png) repeat top center;
	z-index: 1;
	-moz-animation: move-twink-back 190s linear infinite;
	-ms-animation: move-twink-back 190s linear infinite;
	-o-animation: move-twink-back 190s linear infinite;
	-webkit-animation: move-twink-back 190s linear infinite;
	animation: move-twink-back 190s linear infinite;
}

.clouds {
	background: transparent url(../img/clouds.png) repeat top center;
	z-index: 3;
	-moz-animation: move-clouds-back 200s linear infinite;
	-ms-animation: move-clouds-back 200s linear infinite;
	-o-animation: move-clouds-back 200s linear infinite;
	-webkit-animation: move-clouds-back 200s linear infinite;
	animation: move-clouds-back 200s linear infinite;
}


.aerolite1,
.aerolite4 
{
	width: 200px;
	height: 200px;
	background: transparent url(../img/aerolite.png) no-repeat;
	position: absolute;
	top: 650px;
	-webkit-animation: animate-aerolite1 30s linear infinite;
	-moz-animation: animate-aerolite1 30s linear infinite;
	-ms-animation: animate-aerolite1 30s linear infinite;
	-o-animation: animate-aerolite1 30s linear infinite;
	animation: animate-aerolite1 30s linear infinite;
	z-index: 4;
}

.aerolite4 {
	background: transparent url(../img/aerolite_4.png) no-repeat;
	top: 625px;
	-webkit-animation: animate-aerolite4 90s linear infinite;
	-moz-animation: animate-aerolite4 90s linear infinite;
	-ms-animation: animate-aerolite4 90s linear infinite;
	-o-animation: animate-aerolite4 90s linear infinite;
	animation: animate-aerolite4 90s linear infinite;
}

.aerolite2,
.aerolite5 {
	width: 100%;
	height: 100px;
	z-index: 4;
	background: url(../img/aerolite_2.png) no-repeat;
	position: absolute;
	top: 190px;
	-webkit-animation: animate-aerolite2 70s linear infinite;
	-moz-animation: animate-aerolite2 70s linear infinite;
	-ms-animation: animate-aerolite2 70s linear infinite;
	-o-animation: animate-aerolite2 70s linear infinite;
	animation: animate-aerolite2 70s linear infinite;
}

.aerolite5 {
	background: url(../img/aerolite_5.png) no-repeat;
	-webkit-animation: animate-aerolite5 110s linear infinite;
	-moz-animation: animate-aerolite5 110s linear infinite;
	-ms-animation: animate-aerolite5 110s linear infinite;
	-o-animation: animate-aerolite5 110s linear infinite;
	animation: animate-aerolite5 110s linear infinite;
	z-index: 2;
}

.aerolite3,
.aerolite6 {
	width: 100%;
	height: 50px;
	background: url(../img/aerolite_3.png) no-repeat;
	position: absolute;
	top: 150px;
	-webkit-animation: animate-aerolite3 130s infinite;
	-moz-animation: animate-aerolite3 130s linear infinite;
	-ms-animation: animate-aerolite3 130s linear infinite;
	-o-animation: animate-aerolite3 130s linear infinite;
	animation: animate-aerolite3 130s linear infinite;
	z-index: 2;
}

.aerolite6 {
	background: url(../img/aerolite_6.png) no-repeat;
	top: 407px;
	-webkit-animation: animate-aerolite6 70s infinite;
	-moz-animation: animate-aerolite6 70s linear infinite;
	-ms-animation: animate-aerolite6 70s linear infinite;
	-o-animation: animate-aerolite6 70s linear infinite;
	animation: animate-aerolite6 70s linear infinite;
}

@keyframes animate-aerolite4 {
from{background-position:2000px 0}
to{background-position:-300px 0}
}
@-webkit-keyframes animate-aerolite1 {
from{right:-200px;transform:rotate(0deg);}
to{right:2000px;transform:rotate(360deg);}
}
@-webkit-keyframes animate-aerolite4 {
from{background-position:2000px 0}
to{background-position:-300px 0}
}
@-moz-keyframes animate-aerolite1 {
from{right:-200px;transform:rotate(0deg);}
to{right:2000px;transform:rotate(360deg);}
}
@-moz-keyframes animate-aerolite4 {
from{background-position:2000px 0}
to{background-position:-300px 0}
}
@-ms-keyframes animate-aerolite1 {
from{right:-200px;transform:rotate(0deg);}
to{right:2000px;transform:rotate(360deg);}
}
@-ms-keyframes animate-aerolite4 {
from{background-position:2000px 0}
to{background-position:-300px 0}
}
@-o-keyframes animate-aerolite1 {
from{right:-200px;transform:rotate(0deg);}
to{right:2000px;transform:rotate(360deg);}
}
@-o-keyframes animate-aerolite4 {
from{background-position:2000px 0}
to{background-position:-300px 0}
}
@-webkit-keyframes animate-aerolite2 {
from{background-position:1450px 0}
to{background-position:-150px 0}
}
@-webkit-keyframes animate-aerolite5 {
from{background-position:2200px 0}
to{background-position:-150px 0}
}
@-moz-keyframes animate-aerolite2 {
from{background-position:1450px 0}
to{background-position:-150px 0}
}
@-moz-keyframes animate-aerolite5 {
from{background-position:2200px 0}
to{background-position:-150px 0}
}
@-ms-keyframes animate-aerolite2 {
from{background-position:1450px 0}
to{background-position:-150px 0}
}
@-ms-keyframes animate-aerolite5 {
from{background-position:2200px 0}
to{background-position:-150px 0}
}
@-o-keyframes animate-aerolite2 {
from{background-position:1450px 0}
to{background-position:-150px 0}
}
@-o-keyframes animate-aerolite5 {
from{background-position:2200px 0}
to{background-position:-150px 0}
}
@-webkit-keyframes animate-aerolite3 {
from{background-position:1450px 0}
to{background-position:-200px 0}
}
@-webkit-keyframes animate-aerolite6 {
from{background-position:2400px 0}
to{background-position:-200px 0}
}
@-moz-keyframes animate-aerolite3 {
from{background-position:1450px 0}
to{background-position:-200px 0}
}
@-moz-keyframes animate-aerolite6 {
from{background-position:2400px 0}
to{background-position:-200px 0}
}
@-ms-keyframes animate-aerolite3 {
from{background-position:1450px 0}
to{background-position:-200px 0}
}
@-ms-keyframes animate-aerolite6 {
from{background-position:2400px 0}
to{background-position:-200px 0}
}
@-o-keyframes animate-aerolite3 {
from{background-position:1450px 0}
to{background-position:-200px 0}
}
@-o-keyframes animate-aerolite6 {
from{background-position:2400px 0}
to{background-position:-200px 0}
}



/* shooting-star */
@-moz-keyframes shooting-star {
0%{opacity:.5;transform:scale(2) translate3d(0,0,0)}
25%{opacity:1}
100%{opacity:0;transform:scale(.5) translate3d(-370px,580px,0)}
}
@-moz-keyframes shooting-star2 {
0%{opacity:1;transform:scale(2) translate3d(0,0,0)}
25%{opacity:1}
100%{opacity:0;transform:scale(1) translate3d(-870px,200px,0)}
}
@-moz-keyframes shooting-star3 {
0%{opacity:1}
25%{opacity:.5}
100%{opacity:0;transform:scale(1) translate3d(-670px,650px,0)}
}
@-ms-keyframes shooting-star {
0%{opacity:.5;transform:scale(2) translate3d(0,0,0)}
25%{opacity:1}
100%{opacity:0;transform:scale(.5) translate3d(-370px,580px,0)}
}
@-ms-keyframes shooting-star2 {
0%{opacity:1;transform:scale(2) translate3d(0,0,0)}
25%{opacity:1}
100%{opacity:0;transform:scale(1) translate3d(-870px,200px,0)}
}
@-ms-keyframes shooting-star3 {
0%{opacity:1}
25%{opacity:.5}
100%{opacity:0;transform:scale(1) translate3d(-670px,650px,0)}
}
@-webkit-keyframes shooting-star {
0%{opacity:.5;transform:scale(2) translate3d(0,0,0)}
25%{opacity:1}
100%{opacity:0;transform:scale(.5) translate3d(-370px,580px,0)}
}
@-webkit-keyframes shooting-star2 {
0%{opacity:1;transform:scale(2) translate3d(0,0,0)}
25%{opacity:1}
100%{opacity:0;transform:scale(1) translate3d(-870px,200px,0)}
}
@-webkit-keyframes shooting-star3 {
0%{opacity:1}
25%{opacity:.5}
100%{opacity:0;transform:scale(1) translate3d(-670px,650px,0)}
}
@keyframes shooting-star {
0%{opacity:1}
25%{opacity:.5}
100%{opacity:0;transform:scale(1) translate3d(-570px,800px,0)}
}
@keyframes shooting-star2 {
0%{opacity:1;transform:scale(2) translate3d(0,0,0)}
25%{opacity:1}
100%{opacity:0;transform:scale(1) translate3d(-870px,200px,0)}
}
@keyframes shooting-star3 {
0%{opacity:1}
25%{opacity:.5}
100%{opacity:0;transform:scale(1) translate3d(-750px,650px,0)}
}
@-webkit-keyframes ray_anim { 
		0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}    
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes ray_anim { 
		0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}    
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
#layers:after {
	background-image: url('../img/falling_star2.png');
	background-size: 72px 50px;
	content: ' ';
	height: 50px;
	left: 80%;
	position: absolute;
	top: -60px;
	width: 72px;
	z-index: 2;
	-webkit-animation: shooting-star2 6000ms 5s ease-out infinite;
	animation: shooting-star2 6000ms 5s ease-out infinite;
}
#layers:before {
	background-image: url('../img/falling_star.png');
	background-size: 72px 50px;
	content: ' ';
	height: 50px;
	left: 80%;
	position: absolute;
	top: -50px;
	width: 72px;
	z-index: 2;
	-webkit-animation: shooting-star 4500ms 2s  ease-out infinite;
	animation: shooting-star 4500ms 2s  ease-out infinite;
}
#layers .layer {
	background-image: url('../img/falling_star3.png');
	background-size: 72px 50px;
	content: ' ';
	height: 50px;
	left: 80%;
	position: absolute;
	top: -60px;
	width: 72px;
	z-index: 2;
	-webkit-animation: shooting-star3 6000ms 2s ease-out infinite;
	animation: shooting-star3 6000ms 2s ease-out infinite;
}