@charset "utf-8";
/* MB Photo 2.0 animation CSS Document */


@keyframes spin-flat
	{100% { transform:rotate(360deg); }}

@keyframes half-spin-3D-from-90
	{
	 0% { transform: rotate3d(0, 1, 0, -90deg); } 
	 100% { transform: rotate3d(0, 1, 0, 90deg); } 
	}

@keyframes half-spin-3D-from-270
	{
	 0% { transform: rotate3d(0, 1, 0, 90deg); } 
	 100% { transform: rotate3d(0, 1, 0, -90deg); } 
	}

@keyframes full-spin-3D-cwise
	{100% { transform: rotate3d(0, 1, 0, -360deg); }}

@keyframes full-spin-3D-awise
	{100% { transform: rotate3d(0, 1, 0, 360deg); }}

.chrono.minutes
	{ animation:  spin-flat 60s linear infinite; }
.chrono.seconds
	{ animation:  spin-flat 1s linear infinite; }
.chrono.face
	{ animation:  spin-flat 120s linear infinite reverse; }
.spin-z-3D
	{ animation: half-spin-3D-from-270 3s linear infinite; }
.anti-spin-z-3D
	{ animation: half-spin-3D-from-270 3s linear infinite reverse; }
.small-spin-z-3D
	{ animation: full-spin-3D-cwise 3s linear infinite; }
.full-spin-z-3D/**/
	{ animation: full-spin-3D-awise 5s linear infinite normal; }
.anti-full-spin-z-3D/**/
	{ animation: full-spin-3D-awise 5s linear infinite reverse; }

.cwise
	{ animation: full-spin-3D-awise 5s linear infinite reverse; }
.awise
	{ animation: full-spin-3D-cwise 5s linear infinite reverse; }/**/

.quick_cwise
	{ animation: full-spin-3D-awise 1.7s linear infinite reverse; }
.quick_awise
	{ animation: full-spin-3D-cwise 1.7s linear infinite reverse; }/**/

@media all
{
 BODY
	{ }

	DIV.loading
		{ }

		DIV.chrono
			{
			 width: 24vmin; height: 24vmin;
			 position: fixed;
			 left: 50%; top: 50%;
			 margin: -12vmin 0 0 -12vmin;
			 display: none;
			}
			DIV.chrono IMG
				{
				 width: 24vmin; height: auto;
				 position: absolute;
				 left:0; top: 0;
				}
	
		DIV.loading DIV.title
			{
			 width: 80vmin; height: 50vmin;
			 perspective: 60vmin;
			 position: fixed;
			 left: 50%; top: 50%;
			 margin: -39vmin 0 0 -40vmin;
			}
			DIV.text
				{
				 width: 100%; height: auto;
				 margin-top: 32vmin;
				 text-align: center;
	
				 font-family: 'ArrusBT-Roman';
				 font-size: 10vmin;
				 color: darkblue;
				}
				DIV.text DIV
					{ display: inline-block; }
				#M
					{
					 letter-spacing: -.35em; 
					 transform: skewX(-1.5deg);
					}
}