* {
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
}
HTML, BODY {
	margin:0;
	padding:0;
	overflow:hidden;
	font-family: Calibri,Arial;
	color: #FFF;
	background:#020202 url('/b.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	width:100vw;
	height:100vh;
	/*background-position:top left;*/
}
#spotlight {
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	overflow:hidden;
	background:rgba(0,0,0,0) url('/spotlight.png');
	background-repeat: no-repeat;
	background-size:cover;
	opacity:0;
	z-index:1;
	display:block;
}
#kynnir {
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	overflow:hidden;
	opacity:0.08;
	width:100%;
	z-index:1;
}
#efriStika{
	position:fixed;
	/*position:absolute;*/
	overflow:hidden;
	/*top:0;*/
	top:-382px;
	left:0;
	width:100%;
	z-index:999999999999999;
	display:none;
}
#nedriStika {
	position:fixed;
	/*position:absolute;*/
	overflow:hidden;
	/*bottom:-4px;*/
	bottom:-382px;
	left:0;
	width:100%;
	z-index:999999999999999;
	display:none;
}
#videowrapper {
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	overflow:hidden;
	z-index:100;
	display:none;
	background:#15181C;
}
#thevideo, video {
	  position: absolute;
	  width:100%;
	  height:100vh;
	  /*border:10px solid red;*/
}
#interactive {
	position:absolute;
	left:0;bottom:0;
	overflow:hidden;
	opacity:0;
	width:100%;
	height:100%;
	z-index:4;
	display:none;
}
#interactiveSVG {
	position:absolute;
	left:0;bottom:0;
}
#upplifdu {
	position:absolute;
	left:0;bottom:0;
	overflow:hidden;
	opacity:0;
	width:100%;
	height:100%;
	z-index:3;
	display:none;
}
#connect {
	position:absolute;
	left:0;bottom:0;
	overflow:hidden;
	opacity:0;
	width:100%;
	height:100%;
	z-index:3;
	display:none;
}
#hjalp {
	display:none;
	width:100%;height:100%;z-index:9999999998;display:none;position:fixed;
}
#lokaskilti {
	position:absolute;
	bottom:0;left:0;
	width:100%;
	display:none;
	z-index:999999999999999;
}
#endaskilti {
	text-transform: uppercase;
	background:#00B9ED;
	display:none;
	height:100%;
	padding-top:4.5%;
	display:none;
	position:absolute;
	top:0;left:0;
	width:100%;
}

H1 {font-family: 'TradeGothicLTStd-BdCn20';color:#fff;font-size:48px;text-align:center;}
H1 I {color:#0EB8EB; font-family: 'TradeGothicLTStd-BdCn20Obl'; text-transform:uppercase;}
.bluein {color:#0EB8EB; font-family: 'TradeGothicLTStd-BdCn20Obl'; text-transform:uppercase;font-size:20px;}
H2 {color:#0EB8EB; font-family: 'TradeGothicLTStd-BdCn20Obl'; text-transform:uppercase;font-size:20px;}
P {font-family: 'TradeGothicLTStd-Bd2';font-size:16px;}
TABLE {
	border-top:2px solid #eee;
	border-bottom:2px solid #eee;	
	font-family: 'TradeGothicLTStd-BdCn20';
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
}
TR:nth-child(even) {
	color:#0EB8EB;
}
TD {Padding:20px 0;}
.blck {padding-right:40px;border-bottom:1px solid #5B7C8B;color:#fff;}
.txt {border-bottom:1px solid #5B7C8B;}

#mobileconnected {display:none;}

.bttn {cursor:pointer;pointer-events:all;}
.button_back {fill:transparent;}
.button_back2 {fill:#fff;}
.button_back3 {stroke:#fff;}
.button_back4 {fill:#fff;}

#interactive_tilbaka:hover .button_back {fill:#00ADEE;}

#interactive_nei:hover .button_back {fill:#00ADEE;}
#interactive_ja:hover .button_back {fill:#00ADEE;}
#spilaaftur:hover .button_back {fill:#FFF;}
#spilaaftur:hover TEXT {fill:#FFF;}
#styrkjabutton:hover .button_back2 {fill:#00ADEE;/*stroke:#fff;stroke-width:2px;*/}
#emailbutton:hover .button_back2 {fill:#00ADEE;/*stroke:#fff;stroke-width:2px;*/}
#fbbutton:hover .button_back2 {fill:#00ADEE;/*stroke:#fff;stroke-width:2px;*/}
#twbutton:hover .button_back2 {fill:#00ADEE;/*stroke:#fff;stroke-width:2px;*/}
#fullscreenbutton:hover .button_back3 {stroke:#00ADEE;}

#emailbutton2:hover .button_back4 {fill:#000;/*stroke:#fff;stroke-width:2px;*/}
#fbbutton2:hover .button_back4 {fill:#000;/*stroke:#fff;stroke-width:2px;*/}
#twbutton2:hover .button_back4 {fill:#000;/*stroke:#fff;stroke-width:2px;*/}

#playagainbutton:hover .button_back {fill:#fff;}
#playagainbutton:hover .button_text {fill:#000;}
#morebutton:hover .button_back {fill:#fff;}
#morebutton:hover .button_text {fill:#000;}
#styrkjabutton2:hover .button_back {fill:#fff;}
#styrkjabutton2:hover .button_text {fill:#000;}
.button_text {fill:#fff;}

#exitfullscreen {
	display:none;
}
#nanarwrapper {
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	padding-top:80px;
	background:rgba(0,0,0,0.9);
	z-index:999999999;
	display:none;
}
#nanarscroll {
	max-width:980px;
	margin:0 auto;
	overflow:hidden;
	overflow-y:scroll;
	height:60%;
}
#nanar {
	/*max-width:920px;*/
	padding:0 20px;
}
#nanarscroll::-webkit-scrollbar {
    width: 1em;
}
 
#nanarscroll::-webkit-scrollbar-track {
    background:#15181C;
}
 
#nanarscroll::-webkit-scrollbar-thumb {
  background-color: #00B9ED;
  outline: 1px solid #00B9ED;
}

#white {height:100%;width:100%;z-index:101;display:none;position:absolute;top:0;left:0;background:#fff;}

#backbtn {background-color:#fff;margin-left:46%;margin-top:14px;border:2px solid #fff;border-radius:24px;height:48px;font-family:'TradeGothicLTStd-Bd2'; font-size:20px; letter-spacing:2;padding:0 20px;cursor:pointer;}
#backbtn:hover {background-color:#000;}