/* =============================================================================
   CSS Animations
   ========================================================================== */

.move-right{
    /* Safari and Chrome */
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-name:slideOne;
	-webkit-animation-duration:1.3s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:paused;
    -webkit-animation-direction: alternate;
	
}

.move-left{
    /* Safari and Chrome */
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-name:slideTwo;
	-webkit-animation-duration:1.3s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:paused;
    -webkit-animation-direction: alternate;
	
}

.move-up{
    /* Safari and Chrome */
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-name:slideThree;
	-webkit-animation-duration:1.3s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:paused;
    -webkit-animation-direction: alternate;
	
}

.move-down{
    /* Safari and Chrome */
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-name:slideFour;
	-webkit-animation-duration:1.3s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:paused;
    -webkit-animation-direction: alternate;
	
}


#ring01 {
	position:absolute;
	z-index:10;	
	margin:0;
	padding:0;
	/* Safari and Chrome */
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-name:rotate;
	-webkit-animation-duration:50s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:paused;
	/* Firefox */
	-moz-animation-iteration-count:infinite;
	-moz-animation-name:rotate;
	-moz-animation-duration:50s;
	-moz-animation-timing-function:linear;
	-moz-animation-play-state:paused;
	/* Opera */
	-o-animation-iteration-count:infinite;
	-o-animation-name:Orotate;
	-o-animation-duration:50s;
	-o-animation-timing-function:linear;
	-o-animation-play-state:paused;
	/* MS */
	-ms-animation-iteration-count:infinite;
	-ms-animation-name:rotate;
	-ms-animation-duration:50s;
	-ms-animation-timing-function:linear;
	-ms-animation-play-state:paused;
	/* * */
	animation-iteration-count:infinite;
	animation-name:rotate;
	animation-duration:50s;
	animation-timing-function:linear;
	animation-play-state:paused;
}

#ring02 {
	position:absolute;
	z-index:10;	
	margin:0;
	padding:0;
	/* Safari and Chrome */
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-name:rotate;
	-webkit-animation-duration:100s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:paused;
	/* Firefox */
	-moz-animation-iteration-count:infinite;
	-moz-animation-name:rotate;
	-moz-animation-duration:100s;
	-moz-animation-timing-function:linear;
	-moz-animation-play-state:paused;
	/* Opera */
	-o-animation-iteration-count:infinite;
	-o-animation-name:Orotate;
	-o-animation-duration:100s;
	-o-animation-timing-function:linear;
	-o-animation-play-state:paused;
	/* MS */
	-ms-animation-iteration-count:infinite;
	-ms-animation-name:rotate;
	-ms-animation-duration:100s;
	-ms-animation-timing-function:linear;
	-ms-animation-play-state:paused;
	/* * */
	animation-iteration-count:infinite;
	animation-name:rotate;
	animation-duration:100s;
	animation-timing-function:linear;
	animation-play-state:paused;
}

#ring03 {
	position:absolute;
	z-index:10;	
	margin:0;
	padding:0;
	/* Safari and Chrome */
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-name:rotateCounter;
	-webkit-animation-duration:160s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:paused;
	/* Firefox */
	-moz-animation-iteration-count:infinite;
	-moz-animation-name:rotate;
	-moz-animation-duration:100s;
	-moz-animation-timing-function:linear;
	-moz-animation-play-state:paused;
	/* Opera */
	-o-animation-iteration-count:infinite;
	-o-animation-name:Orotate;
	-o-animation-duration:100s;
	-o-animation-timing-function:linear;
	-o-animation-play-state:paused;
	/* MS */
	-ms-animation-iteration-count:infinite;
	-ms-animation-name:rotate;
	-ms-animation-duration:100s;
	-ms-animation-timing-function:linear;
	-ms-animation-play-state:paused;
	/* * */
	animation-iteration-count:infinite;
	animation-name:rotate;
	animation-duration:100s;
	animation-timing-function:linear;
	animation-play-state:paused;
}

#shape01 {
	position:absolute;
	z-index:9999;	
	margin:0;
	padding:0;
	/* Safari and Chrome */
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-name:rotateCounter;
	-webkit-animation-duration:20s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:paused;
	/* Firefox */
	-moz-animation-iteration-count:infinite;
	-moz-animation-name:rotate;
	-moz-animation-duration:20s;
	-moz-animation-timing-function:linear;
	-moz-animation-play-state:paused;
	/* Opera */
	-o-animation-iteration-count:infinite;
	-o-animation-name:Orotate;
	-o-animation-duration:20s;
	-o-animation-timing-function:linear;
	-o-animation-play-state:paused;
	/* MS */
	-ms-animation-iteration-count:infinite;
	-ms-animation-name:rotate;
	-ms-animation-duration:20s;
	-ms-animation-timing-function:linear;
	-ms-animation-play-state:paused;
	/* * */
	animation-iteration-count:infinite;
	animation-name:rotate;
	animation-duration:20s;
	animation-timing-function:linear;
	animation-play-state:paused;
}


.rotateA {
			/* Safari and Chrome */
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-name:rotate;
			-webkit-animation-duration:50s;
			-webkit-animation-timing-function:linear;
			-webkit-animation-play-state:paused;
			/* Firefox */
			-moz-animation-iteration-count:infinite;
			-moz-animation-name:rotate;
			-moz-animation-duration:50s;
			-moz-animation-timing-function:linear;
			-moz-animation-play-state:paused;
			/* Opera */
			-o-animation-iteration-count:infinite;
			-o-animation-name:Orotate;
			-o-animation-duration:50s;
			-o-animation-timing-function:linear;
			-o-animation-play-state:paused;
			/* MS */
			-ms-animation-iteration-count:infinite;
			-ms-animation-name:rotate;
			-ms-animation-duration:50s;
			-ms-animation-timing-function:linear;
			-ms-animation-play-state:paused;
			/* * */
			animation-iteration-count:infinite;
			animation-name:rotate;
			animation-duration:50s;
			animation-timing-function:linear;
			animation-play-state:paused;
}

.rotateB {
			/* Safari and Chrome */
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-name:rotate;
			-webkit-animation-duration:80s;
			-webkit-animation-timing-function:linear;
			-webkit-animation-play-state:paused;
			/* Firefox */
			-moz-animation-iteration-count:infinite;
			-moz-animation-name:rotate;
			-moz-animation-duration:80s;
			-moz-animation-timing-function:linear;
			-moz-animation-play-state:paused;
			/* Opera */
			-o-animation-iteration-count:infinite;
			-o-animation-name:Orotate;
			-o-animation-duration:80s;
			-o-animation-timing-function:linear;
			-o-animation-play-state:paused;
			/* MS */
			-ms-animation-iteration-count:infinite;
			-ms-animation-name:rotate;
			-ms-animation-duration:80s;
			-ms-animation-timing-function:linear;
			-ms-animation-play-state:paused;
			/* * */
			animation-iteration-count:infinite;
			animation-name:rotate;
			animation-duration:80s;
			animation-timing-function:linear;
			animation-play-state:paused;
}

.rotateC {
			/* Safari and Chrome */
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-name:rotate;
			-webkit-animation-duration:180s;
			-webkit-animation-timing-function:linear;
			-webkit-animation-play-state:paused;
			/* Firefox */
			-moz-animation-iteration-count:infinite;
			-moz-animation-name:rotate;
			-moz-animation-duration:180s;
			-moz-animation-timing-function:linear;
			-moz-animation-play-state:paused;
			/* Opera */
			-o-animation-iteration-count:infinite;
			-o-animation-name:Orotate;
			-o-animation-duration:180s;
			-o-animation-timing-function:linear;
			-o-animation-play-state:paused;
			/* MS */
			-ms-animation-iteration-count:infinite;
			-ms-animation-name:rotate;
			-ms-animation-duration:180s;
			-ms-animation-timing-function:linear;
			-ms-animation-play-state:paused;
			/* * */
			animation-iteration-count:infinite;
			animation-name:rotate;
			animation-duration:180s;
			animation-timing-function:linear;
			animation-play-state:paused;
}

.rotateD {
			/* Safari and Chrome */
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-name:rotate;
			-webkit-animation-duration:400s;
			-webkit-animation-timing-function:linear;
			-webkit-animation-play-state:paused;
			/* Firefox */
			-moz-animation-iteration-count:infinite;
			-moz-animation-name:rotate;
			-moz-animation-duration:400s;
			-moz-animation-timing-function:linear;
			-moz-animation-play-state:paused;
			/* Opera */
			-o-animation-iteration-count:infinite;
			-o-animation-name:Orotate;
			-o-animation-duration:400s;
			-o-animation-timing-function:linear;
			-o-animation-play-state:paused;
			/* MS */
			-ms-animation-iteration-count:infinite;
			-ms-animation-name:rotate;
			-ms-animation-duration:400s;
			-ms-animation-timing-function:linear;
			-ms-animation-play-state:paused;
			/* * */
			animation-iteration-count:infinite;
			animation-name:rotate;
			animation-duration:400s;
			animation-timing-function:linear;
			animation-play-state:paused;
}

.rotateE {
			/* Safari and Chrome */
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-name:rotateCounter;
			-webkit-animation-duration:80s;
			-webkit-animation-timing-function:linear;
			-webkit-animation-play-state:paused;
			/* Firefox */
			-moz-animation-iteration-count:infinite;
			-moz-animation-name:rotateCounter;
			-moz-animation-duration:80s;
			-moz-animation-timing-function:linear;
			-moz-animation-play-state:paused;
			/* Opera */
			-o-animation-iteration-count:infinite;
			-o-animation-name:OrotateCounter;
			-o-animation-duration:80s;
			-o-animation-timing-function:linear;
			-o-animation-play-state:paused;
			/* MS */
			-ms-animation-iteration-count:infinite;
			-ms-animation-name:rotateCounter;
			-ms-animation-duration:80s;
			-ms-animation-timing-function:linear;
			-ms-animation-play-state:paused;
			/* * */
			animation-iteration-count:infinite;
			animation-name:rotateCounter;
			animation-duration:80s;
			animation-timing-function:linear;
			animation-play-state:paused;

}

.fadeA {
			/* Safari and Chrome */
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-name:fadeTo;
			-webkit-animation-duration:80s;
			-webkit-animation-timing-function:linear;
			-webkit-animation-play-state:paused;
			-webkit-animation-direction: alternate;
			/* Firefox */
			-moz-animation-iteration-count:infinite;
			-moz-animation-name:fadeTo;
			-moz-animation-duration:80s;
			-moz-animation-timing-function:linear;
			-moz-animation-play-state:paused;
			-moz-animation-direction: alternate;
			/* Opera */
			-o-animation-iteration-count:infinite;
			-o-animation-name:OfadeTo;
			-o-animation-duration:80s;
			-o-animation-timing-function:linear;
			-o-animation-play-state:paused;
			-o-animation-direction: alternate;	
			/* MS */
			-ms-animation-iteration-count:infinite;
			-ms-animation-name:fadeTo;
			-ms-animation-duration:80s;
			-ms-animation-timing-function:linear;
			-ms-animation-play-state:paused;
			-ms-animation-direction: alternate;
			/* * */
			animation-iteration-count:infinite;
			animation-name:fadeTo;
			animation-duration:80s;
			animation-timing-function:linear;
			animation-play-state:paused;
			animation-direction: alternate;
}

.fadeB {
			/* Safari and Chrome */
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-name:fadeTo;
			-webkit-animation-duration:40s;
			-webkit-animation-timing-function:linear;
			-webkit-animation-play-state:paused;
			-webkit-animation-direction: alternate;	
			/* Firefox */
			-moz-animation-iteration-count:infinite;
			-moz-animation-name:fadeTo;
			-moz-animation-duration:40s;
			-moz-animation-timing-function:linear;
			-moz-animation-play-state:paused;
			-moz-animation-direction: alternate;
			/* Opera */
			-o-animation-iteration-count:infinite;
			-o-animation-name:OfadeTo;
			-o-animation-duration:40s;
			-o-animation-timing-function:linear;
			-o-animation-play-state:paused;
			-o-animation-direction: alternate;
			/* MS */
			-ms-animation-iteration-count:infinite;
			-ms-animation-name:fadeTo;
			-ms-animation-duration:40s;
			-ms-animation-timing-function:linear;
			-ms-animation-play-state:paused;
			-ms-animation-direction: alternate;
			/* * */
			animation-iteration-count:infinite;
			animation-name:fadeTo;
			animation-duration:40s;
			animation-timing-function:linear;
			animation-play-state:paused;
			animation-direction: alternate;
}

.fadeC {
			/* Safari and Chrome */
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-name:fadeTo;
			-webkit-animation-duration:20s;
			-webkit-animation-timing-function:linear;
			-webkit-animation-play-state:paused;
			-webkit-animation-direction: alternate;	
			/* Firefox */
			-moz-animation-iteration-count:infinite;
			-moz-animation-name:fadeTo;
			-moz-animation-duration:20s;
			-moz-animation-timing-function:linear;
			-moz-animation-play-state:paused;
			-moz-animation-direction: alternate;
			/* Opera */
			-o-animation-iteration-count:infinite;
			-o-animation-name:OfadeTo;
			-o-animation-duration:20s;
			-o-animation-timing-function:linear;
			-o-animation-play-state:paused;
			-o-animation-direction: alternate;
			/* MS */
			-ms-animation-iteration-count:infinite;
			-ms-animation-name:fadeTo;
			-ms-animation-duration:20s;
			-ms-animation-timing-function:linear;
			-ms-animation-play-state:paused;
			-ms-animation-direction: alternate;
			/* * */
			animation-iteration-count:infinite;
			animation-name:fadeTo;
			animation-duration:20s;
			animation-timing-function:linear;
			animation-play-state:paused;
			animation-direction: alternate;
}

/*------------ C H R O M E & S A F A R I -----------*/

@-webkit-keyframes rotate{
from{-webkit-transform: rotate(0deg) }
to{-webkit-transform: rotate(360deg) }
}

@-webkit-keyframes rotateCounter{
from{-webkit-transform: rotate(360deg) }
to{-webkit-transform: rotate(0deg) }
}

@-webkit-keyframes fadeTo{
from{ opacity: 1 }
to{ opacity: 0 }
}

@-webkit-keyframes slideOne{
from{-webkit-transform: translate(0,0)}
to{-webkit-transform: translate(0,65px)}
}

@-webkit-keyframes slideTwo{
from{-webkit-transform: translate(0,0)}
to{-webkit-transform: translate(0,-65px)}
}

@-webkit-keyframes slideThree{
from{-webkit-transform: translate(0,0)}
to{-webkit-transform: translate(-65px,0)}
}

@-webkit-keyframes slideFour{
from{-webkit-transform: translate(0,0)}
to{-webkit-transform: translate(65px,0)}
}


/*------------ F I R E F O X -----------*/

@-moz-keyframes rotate{
from{-moz-transform: rotate(0deg) }
to{-moz-transform: rotate(360deg) }
}

@-moz-keyframes rotateCounter{
from{-moz-transform: rotate(360deg) }
to{-moz-transform: rotate(0deg) }
}

@-moz-keyframes fadeTo{
from{ opacity: 1 }
to{ opacity: 0 }
}

/*------------ O P E R A -----------*/

@-o-keyframes Orotate{
from{-o-transform: rotate(0deg) }
to{-o-transform: rotate(360deg) }
}

@-o-keyframes OrotateCounter{
from{-o-transform: rotate(360deg) }
to{-o-transform: rotate(0deg) }
}

@-o-keyframes OfadeTo{
from{ opacity: 1 }
to{ opacity: 0 }
}

/*------------ I N T E R N E T - E X P L O R E R -----------*/

@-ms-keyframes rotate{
from{-ms-transform: rotate(0deg) }
to{-ms-transform: rotate(360deg) }
}

@-ms-keyframes rotateCounter{
from{-ms-transform: rotate(360deg) }
to{-ms-transform: rotate(0deg) }
}

@-ms-keyframes fadeTo{
from{ opacity: 1 }
to{ opacity: 0 }
}

/*------------ * * * -----------*/

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

@keyframes rotateCounter{
from{transform: rotate(360deg) }
to{transform: rotate(0deg) }
}

@keyframes fadeTo{
from{ opacity: 1 }
to{ opacity: 0 }
}