@charset "utf-8";
/* CSS Document */
body{
background-color:#fff;
margin:0 0 0 0; 
padding:0;
height:100%;
overflow:hidden;
/*font-family: 'Open Sans', sans-serif;*/
font-family: "ff-netto-web",sans-serif;
font-size:14px;

}
#Wallpaper{
	position:absolute;
	width:100vw;
	height:100vh;
	left:0px;
}
img.wallpaper{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position:top left;
	overflow:hidden;
}

/* --------------------------------------------- LOGO GROUP */
#Logo
{
	width:300px;
	z-index:3;
	position:absolute;
	top:15px;
	left:25px;
	cursor:pointer;
	
	
}
.Title{
	font-size:36px;
	color:#000;
	letter-spacing:-2px;
	opacity:.8; 	
}


.logoSubStyle{
	position:absolute;
	top:40px;
	left:2px;
	font-size:14px;
	color:#000;		
}

#LogoSubHeadline1{
	z-index:2;
	opacity:1;	
}
#LogoSubHeadline2{
	z-index:3;
	visibility:hidden;
}

.plusSign{
	vertical-align:2px;
	
}
/* --------------------------------------------- SEO GROUP */
#seoCopy{
	width:500px;
	font-size:11px;
	color:#000;
	position:absolute;
	left:20px;
	bottom:20px;	
	z-index:50;	
}






/* --------------------------------------------- SPRITE GROUP */
#SpriteWrapper{
	/* ... background-image:url(gfx/Sprite.png);
	background-repeat:no-repeat; */
	width:60px;
	height:120px;
	margin-left:-30px;
	left:50%;
	top:80%;
	position:absolute;
	cursor:pointer;
	z-index:4;
	
}
#SpriteSquare{
	width:60px;
	height:35px;
	background:#000;
	position:absolute;	
}
#spriteName{
	width:100%;	
	position:absolute;	
	top:7px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	z-index:2;

}
#wingLeft {
	position:absolute;
	top:37px;
	right:13px;
	width: 0;
	height: 0;
	border-top: 12px solid black;
	border-right: 16px solid transparent;
}
#wingRight {
	position:absolute;
	top:37px;
	left:13px;
	width: 0;
	height: 0;
	border-top: 12px solid black;
	border-left: 16px solid transparent;
}

#CollapseBtn{
	width:100px;
	height:25px;
	z-index:16;
	position:absolute;
	top:53%;
	left:50%;
	margin-left:-50px;
	margin-top:-15px;
	padding-top:5px;
	border: dashed 1px #999999;
	text-align:center;

	color:#333;
	cursor:pointer;
}


/* --------------------------------------------- ??? */
#LowerBar{
	position:absolute;
	top:100%;
	width:100%;
	height:30px;
	margin-top:-30px;
	text-align:center;
	z-index:25;
	color:#CCC;
}
#IntroCopy{
	font-size:12px;
	font-weight:300;
	color:#FFF;
	width:350px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:5px;
}


#OutputTxt{
	
	font-size:20px;
}

/* ----------------------------------------------------------------------------  MOBILE CSS */
@media only screen and (max-width: 600px){
	

	
	
	
}