* 	{ overflow:visible; -o-user-select:inherit; user-select:inherit; color:inherit; background-size:cover; 
	  -moz-box-sizing:border-box; /* Firefox */	box-sizing:border-box;	
	  outline:none !important; cursor:inherit;
}


@keyframes 		FadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-webkit-keyframes 	FadeIn { 0% {opacity:0;} 100% {opacity:1;} }

body 	{ display:block; background:none; width:100%; height:100%; position:fixed; font-size:1.1em; margin:0; overflow:hidden; 
  	  animation: 		FadeIn 1s ease-in-out 0s 1;
  	  -webkit-animation: 	FadeIn 1s ease-in-out 0s 1;
	  ;
}


button, a	{ cursor:pointer; }


[MAIN]		{ position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; text-align:center; overflow:visible; }


/*
@keyframes 		BlinkRed { 0% {color:#fff;} 30% {color:#f00;} 100% {color:#fff;} }
@-webkit-keyframes 	BlinkRed { 0% {color:#fff;} 30% {color:#f00;} 100% {color:#fff;} }
  animation: BlinkRed 1s ease-in-out 0s infinite;
  -webkit-animation: BlinkRed 1s ease-in-out 0s infinite;
*/

[TOPWIN]	{ vertical-align:top; left:7.62em; margin:0.15em; overflow:hidden; display:inline-block;
  border-radius:0.5em; box-shadow:1.5em 2.5em 0.3em rgba(  0,16,31,0.5), inset 0.1em 0.1em 0 rgba(0,0,0,0.7); 
}

span[TOPWIN] 	{ position:absolute; z-index:10; font-size:0.9em; top:7em; padding:0 1em 0.5em 1em; visibility:collapse; opacity:0; }
button[TOPWIN] 	{ position:relative; z-index:11; font-size:1.0em; top:1em; padding:0; width:2.5em; height:1.8em; display:inline-block;
  transition: 		transform 0.3s ease-in;
  -webkit-transition: 	transform 0.3s ease-in;
  -moz-transition: 	transform 0.3s ease-in;
}
button[TOPWIN]:hover {  transform:scale(1.35,1.35);  
  transition: 		transform 0.1s ease-out;
  -webkit-transition: 	transform 0.1s ease-out;
  -moz-transition: 	transform 0.1s ease-out;
}
button[TOPWIN]:active { padding:0.1em; 
  box-shadow:1.5em 2.5em 0.3em rgba(  0,16,31,0.5), inset 0.1em 0.15em rgba(0,0,0,0.7); 
}

[TOPWIN]>*  	{ -o-tab-size:10 !important; -moz-tab-size:20 !important; tab-size:10 !important; }
[TOPWIN] *	{ position:relative; z-index:1;  }
[TOPWIN] button, 
[TOPWIN] textarea, 
[TOPWIN] input 	{ margin:0.1em; padding:0.1em 0.2em; border-radius:0.3em;
  box-shadow: inset 0.1em 0.1em 0 rgba(0,0,0,0.7), 0.1em 0.1em 0 rgba(0,0,0,0.7);
}

[TOPWIN] input[type='range'] { width:10em; /*height:0.6em; padding:0.2em;*/ opacity:0.7; margin:0;  }


[TOPWIN],
[TOPWIN] button,
[TOPWIN] textarea,
[TOPWIN] input 	{ color:#fff; border:solid 0.15em rgba(127,225,255,0.45);
  background:linear-gradient(rgba(  0,63,255,0.7), rgba(  0,  0, 64,0.9) );
}
[TOPWIN] button { padding:0.05em 0.5em !important; box-shadow:0.1em 0.1em 0 rgba(0,0,0,0.7); 
  border-bottom-color:rgba(0,31,63,0.45); border-right-color:rgba(0,31,63,0.45);
}

[TOPWIN] [CLOSE] { position:absolute; top:0.35em; right:0.45em; border-radius:0.3em; 
  font:bold 0.75em Arial; width:2em; height:1.7em; text-align:center;
}

[TOPWIN] iframe { width:100%; margin:0; padding:0; border:none; position:relative; z-index:1; }

[TOPWIN] h1 	{ position:absolute; bottom:0; left:2em; opacity:0.25; z-index:0;
  transform:rotate(-70deg); transform-origin:0% 70%; font-size:3.4em; margin:0; padding:0; 
}
[TOPWIN] h2 	{ margin:1em 0 0.5em 0; opacity:0.6; font-size:1.2em;  }
[TOPWIN] p  	{ margin:0 0 0.5em 0;	}




[tab10]		{ -o-tab-size:10 !important; 	-moz-tab-size:20 !important;	tab-size:10 !important; }

[left]		{ text-align:left !important;   }
[center]	{ text-align:center !important; }
[right]		{ text-align:right !important;  }

[block]		{ display: block !important;	}
[iblock]	{ display: inline-block !important; }
[inline]	{ display: inline !important;	}

[ind]		{ text-indent:1.5em !important; }

small, [sm]	{ font-size:0.8em; }