/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./stylesheets/layout.css ***!
  \**************************************************************************/
#app-luuucky { display: flex; flex-direction: column; overflow-x: hidden; position: relative; width: 100%; font-weight:800; min-height: 100vh; font-family: "Figtree",sans-serif;}
#app-luuucky nav {display:none;}
#app-luuucky .auto-hide {display:none;}

#app-luuucky .header_text {display:flex; flex-direction: column; justify-content: end; flex: 1 1 100%; padding-top: 60px;}

#app-luuucky .footer {flex: 1 1 100%; display: flex; flex-direction: column; justify-content: end; padding: 20px 0; font-weight: normal; color: rgba(255,255,255,0.5); text-align: center;}
#app-luuucky.active .footer {display: none;}

#app-luuucky.active { padding-top:0; padding-bottom:0; }

#app-luuucky.active nav { display:block;}
#app-luuucky.active #options { display:none;}
#app-luuucky.active .padded { display:none;}
#app-luuucky.active #screen { display:block;}
#app-luuucky.active #main { display:block;}
#app-luuucky.active .auto-hide {display:block; transition: all 0.25s ease;}

#app-luuucky #finished { width:100%; height:100%; top:0px; position:absolute; margin:0px; padding:0px; overflow:hidden; display:none; }
#app-luuucky #finished table{ height:100%; width:100%;}

#app-luuucky #screen { width:100%; height:100%; top:0px; position:absolute; margin:0px; padding:0px; overflow:hidden; display:none; transition: all 0.5s ease; opacity: 0;}
#app-luuucky #screen table{ height:100%; width:100%;}

#app-luuucky-message { display:none; background:rgba(0,0,0,0.3); z-index:10; position:absolute; width:100%; padding:0.5em 0; font-family: "Figtree",sans-serif; font-size:1.5em; text-align:center;  }
#app-luuucky-offline { display:none; color:rgba(0,0,0,0.1); z-index:10; position:absolute; top:0; padding:0.5em; font-family: "Verdana","Figtree",sans-serif; font-size:11px; font-weight:bold;}

#app-luuucky .details p {font-size:2em;}
#app-luuucky a.icon { width:75px; height:75px; background:url(images/90608d79e81d2f818521.png) 0 0; display:inline-block; border:none;}
#app-luuucky a.icon + a.icon { margin-left:20px;}
#app-luuucky a.icon.settings { background-position:0 -75px; }
#app-luuucky a.icon.fullscreen { background-position:0 -150px;}
#app-luuucky a.icon.colors { background-position:0 -225px; }

#app-luuucky #log-trigger { -webkit-transform:rotate(270deg); font-weight:bold; position:absolute; top:50%; left:-75px; height:50px; line-height:50px;width:100px; text-align:center;  background:rgba(0,0,0,0.3); cursor:pointer; text-transform:uppercase }
#app-luuucky #log .wrap {  position:absolute;  width:96%; bottom:0; top:0; padding:2%; background:rgba(0,0,0,0.3); right:0; }
#app-luuucky.active #log {display:block;}
#app-luuucky #log {transition: transform 0.25s ease ; display:none; right:-20%; top:0; position:absolute; width:20%;  margin:0; padding:0; bottom:0; font-size:2em; font-weight:normal; -webkit-transform: right 0.3s ease-out; transform: right 0.3s ease-out;}
#app-luuucky #log span { color:rgba(0,0,0,0.3) }
#app-luuucky #log h2 { font-size:2em;}
#app-luuucky h1 + h2 { margin:0;}
#app-luuucky.active.loggy #screen  { width:79%;}
#app-luuucky.active.loggy #finished  { width:79%;}

#app-luuucky.active.loggy #log  { transform: translateX(-100%);}
#app-luuucky.active.loggy .cornor-bottom-right ,
#app-luuucky.active.loggy .cornor-top-right { right:21%;}

#app-luuucky .cornor-bottom-right { position:absolute; right:0; bottom:0; text-align:right; z-index:5;}
#app-luuucky .cornor-top-right { position:absolute; right:0; top:0; text-align:right; z-index:5;}
#app-luuucky .cornor-bottom-left { position:absolute; left:0; bottom:0; text-align:left; z-index:5;}


#app-luuucky .cornor-bottom-left p { font-size:1.5em; padding:20px; color:rgba(0,0,0,0.3)}
#app-luuucky .cornor-bottom-left p { font-size:1.5em; padding:20px; color:rgba(0,0,0,0.3)}


#app-luuucky #the_number { position:relative; font-size: 30vw;  text-shadow: 7px 7px 0px rgba(0,0,0,0.3); font-weight:bold; color:#FFF; -webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#the_number .book-nr:before {content:attr(title); font-size:0.1em; line-height:3em; text-shadow: none; color:rgba(0,0,0,0.3); position:absolute;}
#the_number .ticket-nr:before {content:attr(title); font-size:0.1em; line-height:3em; text-shadow: none; color:rgba(0,0,0,0.3); position:absolute;}

#app-luuucky form {overflow:auto;}
#app-luuucky .info {line-height:150%; margin-top:40px;}
#app-luuucky #options { font-size:4em; font-weight:bold; color:#FFF; line-height:150%;width:100%; height:100%; top:0px; margin:0px; padding:0px; overflow:hidden;}
#app-luuucky #options table{ height:100%;}

#app-luuucky label { background:#FFF; height:100px; line-height:100px;  color:#CCC; text-transform:uppercase; padding:0 25px; font-size:1em; float:left;}
#app-luuucky label.right-label { border-left:1px solid #E5E5E5;}

#app-luuucky input { padding:0;float:left; height:100px; line-height:100px; width:200px; color:#00D069; border:none; border-left:solid 1px #E5E5E5; font-size:1em; text-align:center; font-weight:bold; font-weight:800; font-family: "Figtree",sans-serif; -webkit-appearance: none; appearance: none; -moz-appearance: none; -ms-appearance:none; border-radius:0;}
#app-luuucky input#from { margin-right:40px; }
#app-luuucky input#limit { margin-right:40px; }

div.no-wrap { white-space:nowrap; display:inline-block;} 

#app-luuucky input:focus { outline:none;  outline-offset:0px;}


#app-luuucky button { font-family: "Figtree",sans-serif; font-weight:800; background:rgba(0,0,0,0.4); height:100px; line-height:100px; border:none; color:#FFF; border-radius:8px; font-size:1em; text-align:center;  padding:0 30px; vertical-align:bottom; margin-top:1em;}
#app-luuucky button:hover{ background:#f3e815; color:#333; }		

#app-luuucky.numeral .on_numeral { display:auto; }
#app-luuucky.numeral .on_books { display:none; }
#app-luuucky.books .on_numeral { display:none; }
#app-luuucky.books .on_books { display:auto; }


.fadeIn {animation: fadeIn 0.5s forwards;}
.fadeOut {animation: fadeOut 0.5s forwards;}
@keyframes fadeIn {
  from { opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeOut {
  from { opacity: 1;}
  to {opacity: 0;}
}

@media screen and (max-width: 1300px) {

}


@media screen and (max-width: 1200px) {
	#app-luuucky label {  height:70px; line-height:70px;  margin-top: 30px; }
	#app-luuucky input {  height:70px; line-height:70px; width:160px;  margin-top: 30px; }
	#app-luuucky input#from { margin-right:40px; }
	#app-luuucky input#limit { margin-right:40px; }
	#app-luuucky button{ height:70px; line-height:70px; margin-top: 30px; }

}

@media screen and (max-width:1024px) {
	#app-luuucky label {  height:60px; line-height:60px;  }
	#app-luuucky input {  height:60px; line-height:60px; width:140px; font-size:0.8em; }
	#app-luuucky input#from { margin-right:0; }
	#app-luuucky input#limit { margin-right:0; }
	#app-luuucky button{ height:60px; line-height:60px;  display:block;}
}

#app-luuucky {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
  }

/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./stylesheets/type.css ***!
  \************************************************************************/
/* Font mapping:
   Proxima Nova -> Figtree
   Edmondsans -> Afacad
*/

@font-face {
  font-family: 'Figtree';
  src: url(fonts/c529ff25ad876d9a7ddf.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/9994c318fed41ad7cf61.woff2) format('woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/40ebe977f6e040ac4518.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/48f87883a119361c3452.woff2) format('woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/df37a8785d1e1dc79bf4.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/102dbfab65c1f2dda699.woff2) format('woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/8d5177fc3f64a3e0dcb4.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/fac67847b988ccc2da11.woff2) format('woff2');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/8ba3e97e450704439a17.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/78f3183516e3afdde77a.woff2) format('woff2');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/9d0723f30a83aa4d9677.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/133b251c9b31207c8e1c.woff2) format('woff2');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/cdd8a414ee94aebdbcbd.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url(fonts/39aa41d719c2a3595411.woff2) format('woff2');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Afacad';
  src: url(fonts/ce4d680f06370e31ec49.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Afacad';
  src: url(fonts/c2eadc3b2bddea7fd930.woff2) format('woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Afacad';
  src: url(fonts/a338d79dfbbf81d25cb0.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Afacad';
  src: url(fonts/da10187030f76058d72b.woff2) format('woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Afacad';
  src: url(fonts/8a89ebe2e17b86dd0923.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Afacad';
  src: url(fonts/f86d7622ca4766ea1f50.woff2) format('woff2');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Afacad';
  src: url(fonts/e19f3e5da36228b5c841.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Afacad';
  src: url(fonts/4251c71d1c3924f14bb8.woff2) format('woff2');
  font-weight: 700;
  font-style: italic;
}

/*!*******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./stylesheets/layout_favo.css ***!
  \*******************************************************************************/
html { margin:0; padding:0; color:#E5E5E5;}
body { margin:0; padding:0;  font-size:12px;}

h1,h2,h3,p ,a{font-weight:800; font-family: "Figtree",sans-serif; line-height:130%;}

h2,h3,p ,a{font-weight:100; font-family: "Figtree",sans-serif; }
h1 {font-size:6em; color:#FFF; text-transform:uppercase; margin:0; padding:0;}
h2 {font-size:3em;  color:rgba(0,0,0,0.4); text-transform:uppercase; margin:0; padding:0;}
h3 {font-size:1.3em; }
p { font-size:3em;  color:rgba(255,255,255,0.5); margin:0;}
h1 + h2{ margin-top:-15px; margin-bottom:60px;}

a:link, a:visited { color:#FFF; text-decoration:none; border-bottom:2px solid rgba(255,255,255,0.3) }


.padded { margin:0 auto; max-width:1300px; position:relative; width:85%; }

@media screen and (max-height: 800px) {
	.padded {width:75%; }
}

.slide {padding:10% 0; overflow:auto;}
.slide.top { padding-bottom:10%; }
.slide.top h1 {color:#2C3E51; margin-top:60px; }
.slide.top h2 {text-transform:none; }
.slide.top a:link, .slide.top a:visited { color:#2C3E51; text-decoration:none; border-bottom:2px solid rgba(0,0,0,0.1) }

.slide.center {text-align:center;}
.slide.footer { padding:30px;}

.slide.infoskjermen { }

.pitch { margin-left:55%;width:40%; max-width:800px;}


p.address { width:30%; margin-left:3%; float:left; font-size:2em; color:rgba(0,0,0,0.4);}
p.org ,p.contact { width:100%; text-align:center;font-size:2em; margin:60px 0; color:rgba(0,0,0,0.4);}
p.org span {font-size:.8em}

nav#stripes {  position:absolute; width:90%; top:160px; left:-200px; max-width:1600px;}
nav#stripes { -moz-transform:rotate(35deg); -ms-transform:rotate(35deg); -webkit-transform:rotate(35deg);  transform:rotate(35deg); }

nav#stripes a { border:none; width:50%; display:block; color:#FFF; text-align:right; text-decoration:none; text-transform:uppercase; font-size:2em; line-height:55px; height:55px; padding:0 25px 0 0 ; margin-top:20px; font-weight:800;}
nav#stripes a span { background:rgba(0,0,0,0.2); display:inline-block; float:left; width:55%; height:55px;}
nav#stripes a.nt-1 { width:45%;}
nav#stripes a.nt-2 { width:55%;}
nav#stripes a.nt-3 { width:65%;}
nav#stripes a.nt-4 { width:70%;}
nav#stripes a.nt-4 span { width:75%;}
nav#stripes a.nt-5 { width:55%;}
nav#stripes a.nt-5 span { width:75%;}

nav#stripes a.nt-6 { width:45%;}



nav#stripes a { -webkit-animation: bounce 0.5s ease-out;   }



.grey { background-color:#CCC }
.red { background-color:#EA4B36 }
.yellow { background-color:#F2C500 }
.dark-yellow { background-color:#B29100; }

.blue { background-color:#2D97DF }
.purple { background-color:#9D55BA }
.green {background-color:#00D069 }

.left img {max-width:100%;}
.left {width:50%; float:left; margin-right:5%;}
.right {width:45%; float:left;}

.playing-video .with-video .left {width: 80%; margin:auto;}
.playing-video .with-video .right {display:none;}


.blue .left {width:30%;}
.blue .right {width:60%;}

#video-holder {position:absolute; width:100%; height:100%; }
#video-holder iframe { width:100%; height:100%;}

.stop-video {display:none; } 

ul, li {margin:0; padding:0; list-style:none;}
ul.team {overflow:auto; width:100%;text-align:center;}
ul.team li {width:25%; text-align:center; display:inline-block; }
ul.team li img {}
ul.team li p {font-size:2em; }
ul.team li p.name {color:rgba(0,0,0,0.4); margin-top:20px;}
ul.team li p.email { }
ul.team li.clear {display:block; width:100%; height:40px;}


@-webkit-keyframes bounce {
  from 	{ -webkit-transform:translateX(-60%); opacity:1;   }
  to 	{ -webkit-transform:translateX(0); opacity:1; }
}

@media screen and (max-width: 1300px) {
	body {font-size:12px;}
	h1 + h2{ margin-top:-5px; }

}


@media screen and (max-width: 1200px) {
	body {font-size:11px;}

}

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

	body {font-size:10px;}
	.purple .left {width:50%;}
	.purple .right {width:45%; }

}

@media screen and (max-width:960px) {

	ul.team li {width:40%; margin-top:10%; }

	.left img {max-width:100%;}
	.left {width:100%; float:none; margin-right:0%;}
	.right {width:100%; float:none; margin-top:5%;}
	.purple .left {width:100%; }
	.purple .right {width:100%; }
	div.video {margin:auto;}
	
	.pitch { margin:auto; width:90%; max-width:inherit;margin-top:55%;}
	
	p.address { font-size:1.5em}
	nav#stripes { -webkit-transform:rotate(35deg);  position:absolute; width:140%; top:50px; left:-100px; max-width:1400px;}
	.slide.top { overflow:hidden; position:relative;}


}

@media screen and (max-width:750px) {

	.pitch {margin-top:65%;}

}

@media screen and (max-width:600px) {
.pitch {margin-top:75%;}

}
@media screen and (max-width:500px) {
.pitch {margin-top:105%;}

	ul.team li {width:100%; margin-top:10%; }

}

 

/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./stylesheets/style.css ***!
  \*************************************************************************/
 


/*# sourceMappingURL=main.c314d13271e272f779be.css.map*/