.stone-pic img, .floating-object li:nth-child(2), .floating-object li:nth-child(8), .floating-object li:nth-child(14), .floating-object li:nth-child(12) {
  -webkit-animation: float 6s infinite ease-in-out;
  -moz-animation: float 6s infinite ease-in-out;
  animation: float 6s infinite ease-in-out;
}

@-webkit-keyframes float{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(-2px, -10px);}
    to {-webkit-transform: translate(0, 0px);}    
}

@-moz-keyframes float{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(-2px, -10px);}
    to {-moz-transform: translate(0, 0px);}    
}

@keyframes float{
    from {transform:translate(0, 0px);}
    65% {transform:translate(-2px, -10px);}
    to {transform: translate(0, 0px);}    
}


.astronaut-pic img, .floating-object li:nth-child(1), .floating-object li:nth-child(5), .floating-object li:nth-child(11), .floating-object li:nth-child(7) {
  -webkit-animation: astronaut 5s infinite ease-in-out;
  -moz-animation: astronaut 5s infinite ease-in-out;
  animation: astronaut 5s infinite ease-in-out;
}

@-webkit-keyframes astronaut{
    from {-webkit-transform:translate(0, 0px);}
    40% {-webkit-transform:translate(8px, 12px);}
    75% {-webkit-transform: translate(3px, -4px);}  
	to {-webkit-transform: translate(0, -0px);}      
}

@-moz-keyframes astronaut{
    from {-moz-transform:translate(0, 0px);}
    40% {-moz-transform:translate(8px, 12px);}
    75% {-moz-transform: translate(3px, -4px);}  
	to {-moz-transform: translate(0, -0px);}        
}

@keyframes astronaut{
    from {transform:translate(0, 0px);}
    40% {transform:translate(8px, 12px);}
    75% {transform: translate(3px, -4px);}
	to {transform: translate(0, -0px);}         
}


.space-station-pic img, .floating-object li:nth-child(3), .floating-object li:nth-child(9), .floating-object li:nth-child(13), .floating-object li:nth-child(6), .floating-object li:nth-child(10) {
  -webkit-animation: spacestation 7s infinite ease-in-out;
  -moz-animation: spacestation 7s infinite ease-in-out;
  animation: spacestation 7s infinite ease-in-out;
}

@-webkit-keyframes spacestation{
    from {-webkit-transform:translate(0, 0px);}
    20% {-webkit-transform:translate(10px, 0);}
	50% {-webkit-transform:translate(4px, 6px);}
    75% {-webkit-transform: translate(7px, -2px);}    
	to {-webkit-transform: translate(0, -0px);}      
}

@-moz-keyframes spacestation{
    from {-moz-transform:translate(0, 0px);}
    20% {-moz-transform:translate(10px, 0);}
	50% {-moz-transform:translate(4px, 6px);}
    75% {-moz-transform: translate(7px, -2px);}   
	to {-moz-transform: translate(0, 0px);}        
}

@keyframes spacestation{
    from {transform:translate(0, 0px);}
    20% {transform:translate(10px, 0);}
	50% {transform:translate(4px, 6px);}
    75% {transform: translate(7px, -2px);}   
	to {transform: translate(0, -0px);}         
}


.galaxy-pic {
	-webkit-animation: galaxy 11s infinite ease-in-out;
	-moz-animation: galaxy 11s infinite ease-in-out;
	animation: galaxy 11s infinite ease-in-out;
}


@-webkit-keyframes galaxy{
    from {-webkit-transform:scale(1);}
    65% {-webkit-transform:scale(0.8);}
    to {-webkit-transform: scale(1);}    
}

@-moz-keyframes galaxy {
    from {-moz-transform:scale(1);}
    65% {-moz-transform:scale(0.8);}
    to {-moz-transform:scale(1);}    
}

@keyframes galaxy{
    from {transform:scale(1);}
    65% {transform:scale(0.8);}
    to {transform:scale(1);}    
}


.clouds { position: absolute; pointer-events: none; overflow: hidden; width: 100%; height: 353px; bottom: 0; left: 0;  }
.cloud { width: 200%; height: 100%; background-image: url(../../images/bgi/cloud-bg.png); background-size: cover; background-repeat: no-repeat; opacity:0.42; }
.cloud-anim { -webkit-animation: cloudanim 120s ease-in-out infinite; -moz-animation: cloudanim 120s ease-in-out infinite; -ms-animation: cloudanim 120s ease-in-out infinite; -o-animation: cloudanim 120s ease-in-out infinite; animation: cloudanim 120s ease-in-out infinite }

@-webkit-keyframes cloudanim{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes cloudanim{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-ms-keyframes cloudanim{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@keyframes cloudanim{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes bouncingBox{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-15%);-moz-transform:translateY(-15%);-ms-transform:translateY(-15%);-o-transform:translateY(-15%);transform:translateY(-15%)}75%{-webkit-transform:translateY(15%);-moz-transform:translateY(15%);-ms-transform:translateY(15%);-o-transform:translateY(15%);transform:translateY(15%)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes bouncingBox{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-15%);-moz-transform:translateY(-15%);-ms-transform:translateY(-15%);-o-transform:translateY(-15%);transform:translateY(-15%)}75%{-webkit-transform:translateY(15%);-moz-transform:translateY(15%);-ms-transform:translateY(15%);-o-transform:translateY(15%);transform:translateY(15%)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes bouncingBox{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-15%);-moz-transform:translateY(-15%);-ms-transform:translateY(-15%);-o-transform:translateY(-15%);transform:translateY(-15%)}75%{-webkit-transform:translateY(15%);-moz-transform:translateY(15%);-ms-transform:translateY(15%);-o-transform:translateY(15%);transform:translateY(15%)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes bouncingBox{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-15%);-moz-transform:translateY(-15%);-ms-transform:translateY(-15%);-o-transform:translateY(-15%);transform:translateY(-15%)}75%{-webkit-transform:translateY(15%);-moz-transform:translateY(15%);-ms-transform:translateY(15%);-o-transform:translateY(15%);transform:translateY(15%)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}


.mouse { position:absolute; left:0; right:0; margin:0 auto; width:28px; height:42px; border:solid 2px #fff; border-radius:15px 15px 21px 21px; bottom:3.90625%; z-index:7 }
.mouse:after { content:''; height:20px; width:1px; position:absolute; left:0; right:0; bottom:0; margin:0 auto; background:#6c8f9e; background:rgba(255,255,255,0.30); }
.mouse:before { content:''; position: absolute; left:0; right:0; margin:0 auto; top: 21px; width: 3px; height: 8px; background: #fff; border-radius: 2px; -webkit-animation: mouse-wheel 1.25s infinite linear; animation: mouse-wheel 1.25s infinite linear; -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0% }

@-webkit-keyframes mouse-wheel { 
	0% { -webkit-transform:scaleY(.4)translateY(0); }
	20% { -webkit-transform:scaleY(1)translateY(0); }
	60% { -webkit-transform:scaleY(.4)translateY(22px); }
	100% { -webkit-transform:scaleY(.4)translateY(0); }
}

@-moz-keyframes mouse-wheel { 
	0% { -moz-transform:scaleY(.4)translateY(0); }
	20% { -moz-transform:scaleY(1)translateY(0); }
	60% { -moz-transform:scaleY(.4)translateY(22px); }
	100% { -moz-transform:scaleY(.4)translateY(0); }
}

@keyframes mouse-wheel { 
	0% { transform:scaleY(.4)translateY(0);}
	20% { transform:scaleY(1)translateY(0);}
	60% { transform:scaleY(.4)translateY(22px);}
	100% { transform:scaleY(.4)translateY(0);}
}




.animated {
	-webkit-animation-duration: 600ms;
	   -moz-animation-duration: 600ms;
	     -o-animation-duration: 600ms;
	        animation-duration: 600ms;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}


@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-200px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-200px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(-200px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-200px);
	}
}

.animated.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-80px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-80px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-80px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-80px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.animated.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.animated.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.animated.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}


@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.animated.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}