@charset "utf-8";
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

 
 .screen-centered
{
	position: relative;
	margin: 50px auto;
	top: 35;

}
.stage
{
	width: 550px;
	min-width: 50%;
	margin: 0 auto;
	z-index: 2;
	position: relative;
	border:none;
	transform:scale(.95)
}
.stage2
{
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 550px;
	cursor:pointer;
	border:none;
}
.globe
{
	position: relative;
	left: 0px;
	top: 50px;
	width: 100%;
	max-width:550px;
	height: 700px;
	margin: 0 auto;
	border:none;
	animation: none;
	perspective:1000px;

}

.globe:hover #tile_front,
.globe:hover #tile_back,
.globe:hover #tile_rimfront,
.globe:hover #tile_rimback,
.globe:hover #tile_basefront,
.globe:hover #tile_baseback,
.globe:hover #tile_sidefront,
.globe:hover #tile_sideback {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;
  }

.globeface
{	
	position: absolute;
	left:19px;
	top:5px;
	transition: all 600ms;
	border:none;
}
.globerimface
{
	position: absolute;
	transition: all 600ms;
	border:none;
}
.globebaseface
{
	position: absolute;
	transition: all 600ms;
	border:none;
}
.globesideface
{	padding: 0 165px;
	position: absolute;
	transition: all 600ms;
	border:none;
}

.globebottomface
{
	position: absolute;
	transition: all 600ms;
	border:none;
}

#tile_front   		{ width:460px; 
	animation: rotate-front 15s linear 0s infinite;}
#tile_back    		{ width:460px; 
	animation: rotate-back 15s linear 0s infinite; }
#tile_rimfront   	{  
	animation: rotate-rimfront 15s linear 0s infinite;  }
#tile_rimback    	{ 
	animation: rotate-rimback 15s linear 0s infinite;}
#tile_basefront     { transform-origin:top;
	animation: rotate-basefront 15s linear 0s infinite;}
#tile_baseback      {  transform-origin:top;
	animation: rotate-baseback 15s linear 0s infinite;}
#tile_sidefront     { transform-origin:bottom;
	animation: rotate-sidefront 15s linear 0s infinite;}
#tile_sideback      {  transform-origin:bottom;
	animation: rotate-sideback 15s linear 0s infinite;}
	
	
}
@keyframes rotate-front
{
	0%
	{transform: rotateY(180deg) rotateY(0Deg) rotateX(0Deg) translateX(16px); z-index:-1;}
	24.9%
	{transform: rotateY(180deg) rotateY(90Deg) rotateX(0Deg) translateX(16px); z-index:-1;}
	25%
	{transform: rotateY(180deg) rotateY(90Deg) rotateX(0Deg) translateX(16px); z-index:1;}
	74.9%
	{transform: rotateY(180deg) rotateY(270Deg) rotateX(0Deg) translateX(16px); z-index:1;}
	75%
	{transform: rotateY(180deg) rotateY(270Deg) rotateX(0Deg) translateX(16px); z-index:-1;}
	100%
	{transform: rotateY(180deg) rotateY(360Deg) rotateX(0Deg) translateX(16px); z-index:-1;}
}
@keyframes rotate-back
{
	0%
	{transform:rotateY(0Deg) rotateX(0Deg) translateX(-16px); z-index:1;}
	24.9%
	{transform:rotateY(90Deg) rotateX(0Deg) translateX(-16px); z-index:1;}
	25%
	{transform:rotateY(90Deg) rotateX(0Deg) translateX(-16px); z-index:-1;}
	74.9%
	{transform:rotateY(270Deg) rotateX(0Deg) translateX(-16px); z-index:-1;}
	75%
	{transform:rotateY(270Deg) rotateX(0Deg) translateX(-16px); z-index:1;}
	100%
	{transform:rotateY(360Deg) rotateX(0Deg) translateX(-16px); z-index:1;}
}

@keyframes rotate-rimfront
{
	0%
	{transform: rotateY(180deg)rotateY(0Deg) rotateX(0Deg); z-index:2;}
	100%
	{transform: rotateY(180deg)rotateY(360Deg) rotateX(0Deg); z-index:2;}
}
@keyframes rotate-rimback
{
	0%
	{transform:rotateY(0Deg) rotateX(0Deg); z-index:-2;}
	24.9%
	{transform:rotateY(90Deg) rotateX(0Deg); z-index:-2;}
	25%
	{transform:rotateY(90Deg) rotateX(0Deg); z-index:2;}
	74.9%
	{transform:rotateY(270Deg) rotateX(0Deg); z-index:2;}
	75%
	{transform:rotateY(270Deg) rotateX(0Deg); z-index:-2;}
	100%
	{transform:rotateY(360Deg) rotateX(0Deg); z-index:-2;}
}
@keyframes rotate-basefront
{
	0%
	{transform:rotateY(0Deg) rotateX(0Deg) translateY(439px) translateX(4.5px) rotateX(25deg); z-index:5;}
	24.9%
	{transform:rotateY(90Deg) rotateX(0Deg) translateY(439px) translateX(4.5px) rotateX(25deg); z-index:5;}
	25%
	{transform:rotateY(90Deg) rotateX(0Deg) translateY(439px) translateX(4.5px) rotateX(25deg); z-index:-1;}
	74.9%
	{transform:rotateY(270Deg) rotateX(0Deg) translateY(439px) translateX(4.5px) rotateX(25deg); z-index:-1;}
	75%
	{transform:rotateY(270Deg) rotateX(0Deg) translateY(439px) translateX(4.5px) rotateX(25deg); z-index:5;}
	100%
	{transform:rotateY(360Deg) rotateX(0Deg) translateY(439px) translateX(4.5px) rotateX(25deg); z-index:5;}
}
@keyframes rotate-baseback
{
	0%
	{transform: rotateY(180deg) rotateY(0Deg) rotateX(0Deg) translateY(439px) rotateX(25deg); z-index:-1;}
	24.9%
	{transform: rotateY(180deg) rotateY(90Deg) rotateX(0Deg) translateY(439px) rotateX(25deg); z-index:-1;}
	25%
	{transform: rotateY(180deg) rotateY(90Deg) rotateX(0Deg) translateY(439px) rotateX(25deg); z-index:5;}
	74.9%
	{transform: rotateY(180deg) rotateY(270Deg) rotateX(0Deg) translateY(439px) rotateX(25deg); z-index:5;}
	75%
	{transform: rotateY(180deg) rotateY(270Deg) rotateX(0Deg) translateY(439px) rotateX(25deg); z-index:-1;}
	100%
	{transform: rotateY(180deg) rotateY(360Deg) rotateX(0Deg) translateY(439px) rotateX(25deg); z-index:-1;}
}
@keyframes rotate-sidefront
{
	0%
	{transform: rotateY(-90deg) rotateY(0Deg) rotateX(0Deg) translateY(480px) translateZ(235px) rotateX(25deg); }
	75%
	{transform: rotateY(-90deg) rotateY(270Deg) rotateX(0Deg) translateY(480px) translateZ(235px) rotateX(25deg);}
	100%
	{transform: rotateY(-90deg) rotateY(360Deg) rotateX(0Deg) translateY(480px) translateZ(235px) rotateX(25deg);}
}
@keyframes rotate-sideback
{
	0%
	{transform: rotateY(90deg) rotateY(0Deg) rotateX(0Deg) translateY(480px) translateZ(245px) rotateX(25deg); z-index:-1;}
	49.9%
	{transform: rotateY(90deg) rotateY(180Deg) rotateX(0Deg) translateY(480px) translateZ(245px) rotateX(25deg);z-index:-1; }
	50%
	{transform: rotateY(90deg) rotateY(180Deg) rotateX(0Deg) translateY(480px) translateZ(245px) rotateX(25deg);z-index:1; }
	100%
	{transform: rotateY(90deg) rotateY(360Deg) rotateX(0Deg) translateY(480px) translateZ(245px) rotateX(25deg);z-index:1;}
}