a {font-size:18px;font-family:"Montserrat ExtraBold", serif;font-style:normal;font-weight:700;color:#ffffff; text-decoration:none;font-variant:normal;}
a {	transition: all 0.3s;background-size: 100% 200%;background-position: 0 -100%;background-image: linear-gradient(to top, transparent 0%, transparent 100%, white 50%, white 100%);background-position: 0 110%;will-change: background-position;transform: scale(1);}
.X1 			{	wrap:no-wrap;position:absolute;left:377px;top:8px;width:479px;height:57px;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.X1 a 			{	animation: backgroundAnimateOut 0.6s; margin: 15px 6px 0px 6px; padding: 5px 5px 20px 5px;}
.X1 a:hover 	{	animation: backgroundAnimateIn 0.6s; animation-fill-mode: forwards;		background-image: linear-gradient(to top, transparent 0%, transparent 50%, white 50%, white 100%);transition: all 0.3s;	transform: scale(1.2); 	margin: 15px 18px 0px 18px; color: #28721b;}
.X1 a:active 	{	transition: all 0.05s;	transform: scale(0.9); 	}
			
.X2				{	position:absolute;left:1px;top:41px;width:104px;height:136px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;z-index:100;}
.X2 a 			{	animation: backgroundAnimateOut 0.6s;	margin: 3px 3px 3px 3px; padding: 3px 35px 3px 35px;}
.X2 a:hover 	{	animation: backgroundAnimateIn 0.6s; animation-fill-mode: forwards;	background-image: linear-gradient(to top, transparent 0%, transparent 50%, white 50%, white 100%);transition: all 0.3s;	transform: scale(1.2); 	margin: 10px 30px 10px 30px; color: #28721b;}
.X2 a:active 	{	transition: all 0.05s;	transform: scale(0.9); 	}
			
.X3				{	position:absolute;left:2px;top:723px;width:120px;height:59px;	display:flex;	flex-direction:column;	justify-content:space-evenly;	align-items:flex-start;	overflow:hidden;}
.X3 a 			{	transition: all 0.3s;	transform: scaleX(1);	margin: 0px 2px 0px 2px; padding: 0px 3px 0px 3px;font-size:10px;}
.X3 a:hover 	{	transition: all 0.3s;	transform: scaleX(1.3); margin: 0px 2px 0px 10px; background: white;	color: #28721b;}
.X3 a:active 	{	transition: all 0.05s;  transform: scaleX(0.9);}

.bounceinright1s0s 	{ animation: bounceInRight 1s linear 0s 1 backwards; }
.bounceinright1s1s 	{ animation: bounceInRight 1s linear 1s 1 backwards; }
.rubberband1s0s 		{ animation: rubberBand 1s linear 0s 1 backwards; }
.fadein1s0s 			{ animation: fadeIn 1s linear 0s 1 backwards; }
.fadein3s0s				{ animation: fadeIn 3s linear 0s 1 backwards; }
.topicin { animation: topicAnimateIn 1s linear 0s 1 backwards;}
.topicout { animation: topicAnimateOut 1s linear 0s 1 backwards;}
.speechbubble
	{animation: zoomInDown 1s linear 0s 1 backwards;
	display:none;
	}
.speechbubbledelay1
	{animation: zoomInDown 1s linear 1s 1 backwards;
	display:none;
	}
.framezoomin 
	{animation: fadeIn 1s linear 0s 1 backwards;
	}
#logo
	{
	position: absolute;
	width: 50vw;height: 15.5vw;
	top: 50%;left: 50%;
	transform: translate(-50%, -50%);
	}	
#logoinit
	{
	position: absolute;
	width: 50vw;height: 15.5vw;
 	top: 50%;left: 50%;
	transform: translate(-50%, -50%);
	}
#videocontainer
	{
	width: 1920px;height: 768px;
    position: absolute;
    left: 50vw;top: 50vh;
    overflow: hidden;
    z-index: -50;
    transform: translate(-50%, max(-50vh, -384px));
    }
#html5video 
	{ 
    position: absolute;
    width: 140%;
    top: -45px;left: -370px;
    z-index: -50;
    }
#grayoutinit
	{
	background-color: #000000;
	position: absolute;
	height: 100%;width: 100%;
	opacity: 1;
	overflow: hidden;
	}
#ubercontainer
	{
	position: absolute;
	height: 100vh;width: 100vw;
	z-index: 0;
	overflow-x: hidden;
	}
#bottomcontainer
	{
	position: absolute;
	height: 790px;width: 100vw;
	top: 50vh;
	z-index: -1;
	background: url('../images/bgbottom.png') repeat-x scroll center bottom, transparent;
	transform: translateY(max(-50vh, -395px));
	}
#topcontainer
	{
	position: absolute;
	height: 100%;width: 100vw;
	z-index: -1;
	background: url('../images/bgtop.png') repeat-x scroll center top, transparent;
	overflow: hidden;
	}
#tdmbg
	{
	background-color: #000000;
	position: absolute;
	width: 860px;height: 779px;
	top: 5px;
	opacity: 0.6;
	z-index: 40;
	overflow: hidden;
	}
#tdm
	{
	position: absolute;
	overflow: hidden;
	left: 300px;top: 230px;
	width: 640px;height: 340px;
	opacity: 1;
	z-index: 481000;
 	overflow: hidden;
	}
#tdmexit
	{
	 position: absolute;
	 width: 460px;height: 290px;
	 top: 230px;left: 300px;
	 border: 0px;
	 filter: alpha(opacity:0);
	 KHTMLOpacity: 0;
	 MozOpacity: 0;
	 opacity: 0;
	 z-index: 482000;
	}
#grayout
	{
	background-color: #000000;
	position: absolute;
	width: 100%;height: 790px;
	opacity: 1;
 	overflow: hidden;
	}
#grayoutsmall
	{
	background-color:#000000;
	position:absolute;
	width:859px;height:781px;
	left:0px;top:4px;
	opacity:1;
	overflow:hidden;
}