@charset "utf-8";
@media screen and (-webkit-min-device-pixel-ratio:0),
 		screen and (-moz-min-device-pixel-ratio:0),
 		screen and (-o-min-device-pixel-ratio:0), all and (min--moz-device-pixel-ratio:0) and (min-resolution: .001dpcm){
 .screen-centered
{
	position: relative;
	margin: 50px auto;
	top: 35;

}
.stage
{
	-webkit-transform-style: preserve-3d;
	width: 550px;
	min-width: 50%;
	margin: 0 auto;
	z-index: 2;
	position: relative;
	border:none;
}
.stage2
{
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 550px;
	cursor:pointer;
	border:none;
}
.globe
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	max-width:550px;
	height: 700px;
	margin: 0 auto;
	border:none;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-webkit-animation: rotate-globe 15s linear 0s infinite;
	-moz-animation: rotate-globe 15s linear 0s infinite;
	-ms-animation: rotate-globe 15s linear 0s infinite;
	animation: rotate-globe 15s linear 0s infinite;}

.stage:hover .globe {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;
  }

.globeface
{	
	position: absolute;
	transition: all 600ms;
	top: -250px;
	left: 0px;
	border:none;
}
.globerimface
{
	position: absolute;
	transition: all 600ms;
	top: 25px;
	left: 0px;
	border:none;
}
.globebaseface
{
	position: absolute;
	transition: all 600ms;
	top: 453px;
	left: 0px;
	border:none;
}
.globesideface
{
	position: absolute;
	transition: all 600ms;
	top: 510px;
	left: 0px;
	border:none;
}

.globebottomface
{
	position: absolute;
	transition: all 600ms;
	top: 558px;
	left: 0px;
	border:none;
}





#tile_front   		{ transform: translateX(20px) translateZ(-6px) translateY(280px) rotateY(90Deg) ; width:460px; }
#tile_back    		{ transform: translateX(19px) translateZ(-6px) translateY(280px) rotateY(-90Deg); width:460px;  }
#tile_rimfront   	{ transform: translateX(-2px) translateZ(10px) rotateY(90Deg); }
#tile_rimback    	{ transform: translateX(2px) translateZ(10px) rotateY(-90Deg); }
#tile_basefront     { transform: translateX(-46px) translateZ(15px) rotateY(-90deg) rotateX(25Deg); }
#tile_baseback      { transform: translateX(46px) translateZ(10px) rotateY(90deg) rotateX(25Deg); }
#tile_sidefront     { transform: translateX(162px) translateZ(225px) rotateX(25Deg); }
#tile_sideback      { transform: translateX(162px) translateZ(-195px) rotateY(-180Deg) rotateX(25Deg); }
#tile_bottom      	{ transform: translateX(10px) translateZ(10px) rotateX(90Deg) rotateZ(90Deg)  ;}




.stage:hover  #tile_front  	{ -webkit-animation: shake-globe .5s linear ;  -moz-animation: shake-globe .5s linear ;}
.stage:hover  #tile_back   	{ -webkit-animation: shake-globe2 .5s linear ; -moz-animation: shake-globe2 .5s linear ; }
		}
@media screen and (-webkit-min-device-pixel-ratio:0),
 		screen and (-webkit-min-device-pixel-ratio:2){
.stage				{	perspective:1000px; -webkit-perspective:1000px;}
#tile_front   		{ -webkit-transform: translateX(20px) translateZ(-6px) translateY(280px) rotateY(90Deg) ; width:460px; }
#tile_back    		{ -webkit-transform: translateX(19px) translateZ(-6px) translateY(280px) rotateY(-90Deg); width:460px;  }
#tile_rimfront   	{ -webkit-transform: translateX(-2px) translateZ(10px) rotateY(90Deg); }
#tile_rimback    	{ -webkit-transform: translateX(2px) translateZ(10px) rotateY(-90Deg); }
#tile_basefront     { -webkit-transform: translateX(-46px) translateZ(15px) rotateY(-90deg) rotateX(25Deg); }
#tile_baseback      { -webkit-transform: translateX(46px) translateZ(10px) rotateY(90deg) rotateX(25Deg); }
#tile_sidefront     { -webkit-transform: translateX(162px) translateZ(225px) rotateX(25Deg); }
#tile_sideback      { -webkit-transform: translateX(162px) translateZ(-195px) rotateY(-180Deg) rotateX(25Deg); }
#tile_bottom      	{ -webkit-transform: translateX(10px) translateZ(10px) rotateX(90Deg) rotateZ(90Deg)  ;}
}
@media screen and (-moz-min-device-pixel-ratio:0){
#tile_front   		{ -moz-transform: translateX(20px) translateZ(-6px) translateY(280px) rotateY(90Deg) ; width:460px; }
#tile_back    		{ -moz-transform: translateX(19px) translateZ(-6px) translateY(280px) rotateY(-90Deg); width:460px;  }
#tile_rimfront   	{ -moz-transform: translateX(-2px) translateZ(10px) rotateY(90Deg); }
#tile_rimback    	{ -moz-transform: translateX(2px) translateZ(10px) rotateY(-90Deg); }
#tile_basefront     { -moz-transform: translateX(-46px) translateZ(15px) rotateY(-90deg) rotateX(25Deg); }
#tile_baseback      { -moz-transform: translateX(46px) translateZ(10px) rotateY(90deg) rotateX(25Deg); }
#tile_sidefront     { -moz-transform: translateX(162px) translateZ(225px) rotateX(25Deg); }
#tile_sideback      { -moz-transform: translateX(162px) translateZ(-195px) rotateY(-180Deg) rotateX(25Deg); }
#tile_bottom      	{ -moz-transform: translateX(10px) translateZ(10px) rotateX(90Deg) rotateZ(90Deg)  ;}
}