html,body,h1,h2,h3,h4,h5,h6,p,a,img,button,ol,ul,li,figure,figcaption,sup,section,input,label { 
	margin: 0; padding: 0; border: 0;
	font-size: 13px; line-height: 1.217em; 
	font: inherit; vertical-align: baseline;
}

html {
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;
	-webkit-text-size-adjust: none;
	height:100%;
}

@font-face {  
  	font-family: "GTWalsheimLight";
	src: url('GT-Walsheim-Light.eot');
	src: local('☺'), url('GT-Walsheim-Light.woff') format('woff'), url('GT-Walsheim-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}





body {
	left:0; top:0; bottom:0; right:0;
	color: #000000;
	background:#ffffff;
	font-size:13px;
	letter-spacing: -0.05em;

	font-family: GTWalsheimLight, courier, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
}

#underlay {
	position:absolute;
	left:0px; top:0px;
	width:100%;
	height:100%;
	background:white;
}

/* Video cover */

#wrapper {
	position: fixed;
	left:0px; top:0px;
	width:100%;
	height:100%;
	cursor: url(cOff.svg) 15 15, auto;
}

#wrapper video {
	position:absolute;
	height:100%;
	left:50%;
	transform: translateX(-50%);
}

#wrapper.up {
	  cursor: url(cUp.svg) 15 15, auto; }

#wrapper.down {
	  cursor: url(cDown.svg) 15 15, auto; }

#wrapper.left {
	  cursor: url(cLeft.svg) 15 15, auto; }

#wrapper.right {
	  cursor: url(cRight.svg) 15 15, auto; }


/*	Cover  */
#cover {
	position: fixed;
	width:100%; height:100%; 
	background:white;	
	
	pointer-events: none;
	text-align:center;	
}

#cover img {	
	position: absolute;
	left:50%; top:50%;
	width:auto; height:100%;
	transform: translate(-50%,-50%) ;
}

@media screen and (min-width: 1024px) {

	#cover #logo {
		top:50%;
		width:100%; height:auto;	
		transform: translate(-50%,-50%) rotate(90deg) ;
	}
}

#cover h1 {
	position: absolute;
	left:50%; bottom:30px;
	transform: translateX(-50%);
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: white;	
	width:90%;
    
}

#cover h1 p {
	margin-bottom:8px;
}


/*	Loader  */

#loader {
	position:fixed;
	width:10px; height:3px;
	background:#ff0000;
	text-align:center;
	line-height: 80px;
	top:0px;
}


/* Menues */
.menu {
	position:absolute;
	font-size:0;
}

#navMain {
	position:fixed;
	left:0px; top:0px;
	width:100%; 
}

#priMenu {
	left:15px; top:10px;
}

#priMenu .icon {
	margin-right:20px;
}

#secMenu {	
	right:15px; top:10px; 
	
}

#secMenu p {
	margin-top:10px;
	font-size:13px;
	
}

#secMenu .icon {
	margin-left:10px;
}


#credits,#info,#close {	
	position:fixed;
	z-index:99999px;
	background-image: url("graphics.svg");
	background-size: 720px;
	cursor: pointer;
	display:none;
}

/*	Credits */
#credits {	
	width: 60px; height: 120px;
	right:20px; bottom:20px;	
	background-position: 0px -120px;
}

#credits.close {
	background-position: -60px -120px;
}

#info {	
	width: 60px; height: 60px;
	left:0px; bottom:20px;	
	background-position: -120px -180px;
}

#close {	
	width: 60px; height: 60px;
	right:0px; top:0px;	
	background-position: -120px -60px;
}

#close:hover, #info:hover, #credits:hover {
	filter:invert(0.8);
}



/*	Shop navigation */

#navShop {		
	position:absolute;
	width:100%; 
	min-height:360px;
	padding:20px 20px 100px 20px;
	left:50%; bottom:0px; 
	transform:translateX(-50%); 
	vertical-align: bottom;
	display:none;
	color:black;
	background: #fff;
	line-height:20px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#navShop.extraMargin {
	bottom:60px;
}

#navShop a {
	display:inline-block;
	font-size:13px;
	line-height: 24px;
	
}

#navShop b {
	font-size:13px;
	margin-right:10px;
}

a {
	color:#000000;
	text-decoration: none;
}

a:hover {
	color:#000000;
	text-decoration: underline;
}

.number {
	width: 600px; height: 600px;
	position:fixed;
	
	z-index:99999px;
	background-image: url("graphics.svg");	
	background-size: 7200px;
	background-position: 0px 0px;
	pointer-events: none;
}

#number {
	left:50%; top:50%;
	transform: translate(-300px,-300px) scale(1,1);
}

#leftNumber {
	left:0%; top:50%;
	transform: translate(-300px,-300px) scale(1,1);
	background-position: 600px 0px;
	display:none;
}

#rightNumber {
	left:100%; top:50%;
	transform: translate(-300px,-300px) scale(1,1);
	background-position: 600px 0px;
	display:none;
}

@media screen and (min-width: 1024px) { 
	#leftNumber, #rightNumber {		
		display:block;
	}

	 
}


/*  Small screens  */
@media screen and (max-width: 380px) { 

	#navShop a {
		font-size:15px;
	}

	#navShop b {
		font-size:13px;
	}

	#navShop #iCart {		
		bottom:8px;
	}
	
}