*,:before,:after{box-sizing:border-box}html{width:100%;overflow-x:hidden}body{color:#fff;background:#005163;width:100%;overflow-x:hidden}body.start{width:100vw;height:100vh;overflow:hidden}body.results{background-color:#00a7a2}img{max-width:100%}svg{display:block}a{color:inherit;transition:color .3s cubic-bezier(.9,0,.1,1)}footer{min-width:320px;max-width:980px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}footer>*{vertical-align:middle}footer .logo{max-width:160px;display:inline-block}footer .logo img{width:100%}footer .personvern-knapp{display:inline-block}.personvern{background-color:#005163;padding:5% 0;font-size:1.1em}.personvern .content{max-width:750px;margin:0 auto;padding:23px}.personvern .start-testen{color:#fff;text-align:center;background-color:#00a7a2;border-radius:30px;padding:10px 20px;text-decoration:none;display:block}.top-text{text-align:center;color:#005163;width:99%;position:absolute;top:40px;left:50%;transform:translate(-50%)}.top-text>*{margin:0}@media only screen and (width>=600px){.top-text h1{font-size:2.5em}}@media only screen and (width>=1025px){.top-text h1{font-size:3em}}@media only screen and (width<=599px){.top-text h1{font-size:2.5em}}.top-text h1{text-transform:uppercase}.top-text h1 span{font-size:.5em;font-weight:thin;display:block}.start-button{width:63%;padding-top:74%;display:block;position:absolute;top:150px;left:50%;transform:translate(-50%)}@media only screen and (width>=600px){.start-button{width:40%;padding-top:47%;top:50%;transform:translate(-50%,-50%)}}@media only screen and (width>=1025px){.start-button{width:26%;padding-top:30.5%}}.start-button svg{width:100%;height:100%;position:absolute;top:0;left:0}.questions-wrapper{width:100%;height:100vh;margin:0 auto;position:relative;overflow-x:hidden}@media only screen and (width>=1025px){.questions-wrapper{width:50%;margin:0}.questions-wrapper:after{content:"";z-index:20;background:linear-gradient(90deg,#0000 2% 1%,#0003);width:29px;height:100vh;position:absolute;top:0;right:-4px}}.questions-wrapper .index-1{z-index:14;left:0%}.questions-wrapper .index-2{z-index:13;left:11.3333%}.questions-wrapper .index-3{z-index:12;left:22.6667%}.questions-wrapper .index-4{z-index:11;left:34%}.questions-wrapper .index-5{z-index:10;left:45.3333%}.questions-wrapper .index-6{z-index:9;left:56.6667%}.questions-wrapper .index-7{z-index:8;left:68%}.questions-wrapper .index-8{z-index:7;left:79.3333%}.questions-wrapper .index-9{z-index:6;left:90.6667%}.questions-wrapper .index-10{z-index:5;left:102%}.questions-wrapper .index-11{z-index:4;left:113.333%}.questions-wrapper .index-12{z-index:3;left:124.667%}.questions-wrapper .index-13{z-index:2;left:136%}.questions-wrapper .index-14{z-index:1;left:147.333%}.questions-wrapper .index-15{z-index:0;left:158.667%}.questions-wrapper .progressbar{width:100%;padding:20px;position:fixed;bottom:0}@media only screen and (width>=1025px){.questions-wrapper .progressbar{width:50%;max-width:none;left:auto;right:0;transform:translate(0)}}.questions-wrapper .progressbar .bar{background:#0003;border-radius:5px;height:5px;position:relative;overflow:hidden}.questions-wrapper .progressbar .bar .progress{content:"";background-color:#00a7a2;width:0%;height:5px;transition:width .3s cubic-bezier(.9,0,.1,1);position:absolute;top:0;left:0}.questions{width:1500%;height:100vh;margin:0;padding:0;list-style:none;transition:left 1.5s cubic-bezier(.9,0,.1,1);position:relative;left:0}.questions li{width:6.66667%;position:absolute;top:0}.question{text-align:center;max-width:400px;margin:0 auto;padding:0 10px}@media only screen and (width>=1025px){.question{z-index:10;opacity:0;max-width:none;height:100%;transition:top 1s cubic-bezier(.9,0,.1,1),opacity .5s cubic-bezier(.9,0,.1,1);position:fixed;top:-100%;left:50%;right:0}.ned .question{top:100%}.active .question{opacity:1;top:0%}.question .center--center{width:100%;max-width:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.question .answer{cursor:pointer;-user-select:none;background-color:#0003;border-radius:30px;margin:10px 0;padding:13px;transition:background-color .2s,transform .3s .55s}.question .answer:hover{background-color:#0000001a}@media only screen and (width>=1025px){.question .answer{margin:20px 0;padding:17px}}.question .answer p{margin:0}.question .answer:focus{outline:none}.question .answer.riktig{color:#fff;background-color:#6cc33b}.question .answer.feil{color:#fff;background-color:#ff4040}.question .answer:first-of-type{transform:translateY(-40px)}.question .answer:nth-of-type(2){transform:translateY(-80px)}.question .answer:nth-of-type(3){transform:translateY(-120px)}@media only screen and (width<=599px){.question .answer{transition-delay:.3s;transform:translate(20px)}.question .answer:first-of-type{transform:translate(40px)}.question .answer:nth-of-type(2){transform:translate(80px)}.question .answer:nth-of-type(3){transform:translate(120px)}.index-1 .question .answer{transform:none}}.active .question .answer{opacity:1;transform:translate(0)}.question h1{margin:0 0 .67em;font-weight:300}@media only screen and (width<=599px){.question h1{font-size:1.5em}}.graphics{max-width:1000px;margin:0 auto;position:relative}.graphics:after{content:"";z-index:-11;background-color:#9fd3d3;height:90%;position:absolute;top:0;left:-1000%;right:-100%}@media screen and (width<=1300px){.graphics:after{right:-20%}}@media only screen and (width>=1025px){.graphics:after{right:0%}.graphics{width:50vw;max-width:none}}.start .graphics:after{right:-100%}.graphics .fjell{z-index:-1;width:120%;padding-top:40%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.graphics .fjell img{width:100%;height:90%;position:absolute;top:0;left:0}.graphics .threes{width:230%;margin-left:-57%;padding-top:10%}@media only screen and (width<=599px){.graphics .threes{width:220%;padding-top:50%}}.graphics .threes img{width:100%;height:100%}.mountain{z-index:1;width:120%;height:60%;transition:transform 1.2s;position:absolute;bottom:10%;transform:translate(10%)}.active .mountain{transform:translate(0)}.index-1 .mountain{transform:none}.side .mountain{transition-timing-function:ease-in;transform:translate(-10%)}@media only screen and (width>=1025px){.mountain{bottom:21%}}.mountain img{width:100%}.svg-container{z-index:2;width:200%;margin-left:-50%;padding-top:60%;position:relative}.svg-container svg{width:100%;height:100%;position:absolute;top:0;left:0}.result{text-align:center;height:100vh;padding:20px}@media only screen and (width>=600px){.result{font-size:0}.result>*{vertical-align:middle;width:50%;font-size:16px;display:inline-block}}.result .result-wrapper .antall{text-transform:uppercase;margin:0 0 20px;font-size:52px}.result .result-wrapper .info{font-size:18px}@media only screen and (width>=600px){.result .result-wrapper{padding:5%}}.result.syv{text-align:left}.result.syv .info{width:50%;margin-right:-50px;display:inline-block}.result.syv .result-graphics{vertical-align:top;width:48%;display:inline-block}@media only screen and (width>=600px){.result.syv .result-graphics{vertical-align:middle}}.result .button{text-align:center;cursor:pointer;-user-select:none;border-radius:30px;max-width:400px;margin:15px auto;text-decoration:none;transition:background-color .2s;display:block;position:relative}.result .button .icon{width:13%}.result .button .icon svg{max-width:100%;height:50px}.result .button p{display:inline-block}.result .button img{height:35px}.result #more,.result #protected{background-color:#019299}.result #more>*,.result #protected>*{vertical-align:middle;display:inline-block}.result #more p,.result #protected p{width:85%}.result #share{background-color:#0071bc;position:relative}.result #share>*{vertical-align:middle;display:inline-block}.result #share p{width:100%}.result #share .icon{width:auto;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.result #share .icon svg{max-width:30px;height:30px}.result #again{color:#000;background-color:#fff}@keyframes blunking{0%{transform:scale(1)}5%{transform:scaleY(0)}8%{transform:scale(1)}to{transform:scale(1)}}@keyframes revOpp{0%{transform:translate(0)}25%{transform:translateY(30px)}60%{transform:translateY(30px)}80%{transform:translate(0)}to{transform:translate(0)}}#dame-forside #rev{transform-origin:235px 727px}#dame-forside #Venstre-oye{transform-origin:457px 115px}#dame-forside #Hoyre-oye{transform-origin:525px 115px}#dame-forside #rev{animation:3s ease-in-out infinite revOpp}#dame-forside #Venstre-oye,#dame-forside #Hoyre-oye{animation:3s ease-in-out infinite blunking}@keyframes snakeMove{0%{transform:translate(38px)}to{transform:translate(0)}}@keyframes owlMove{0%{transform:translateY(50px)}30%{transform:translate(0)}70%{transform:translate(0)}to{transform:translateY(50px)}}@keyframes fisher{0%{transform:rotate(0)}50%{transform:rotate(20deg)}to{transform:rotate(0)}}@keyframes bikerSpm15{0%{opacity:0;transform:translate(0)}19%{opacity:0;transform:translate(750px,240px)}20%{opacity:1;transform:translate(750px,240px)}to{opacity:1;transform:translate(-699px,-225px)}}@keyframes bikerSpm14{0%{opacity:0;transform:translate(0)}19%{opacity:0;transform:translate(-400px,-150px)}20%{opacity:1;transform:translate(-400px,-150px)}to{opacity:1;transform:translate(700px,225px)}}@keyframes bolgeMoveLeft{0%{transform:translate(0)}to{transform:translate(-75px)}}@keyframes bolgeMoveRight{0%{transform:translate(0)}to{transform:translate(75px)}}@keyframes boatMoveLeft{0%{transform:translate(65px)}to{transform:translate(-75px)}}@keyframes washing{0%{transform:rotate(0)}50%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes riverRings1{0%{opacity:1;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes riverRings2{0%{opacity:1;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(2)}}@keyframes riverBolge7{0%{opacity:1;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(150px)}}@keyframes riverBolge6{0%{opacity:1;transform:translateY(-250px)}50%{opacity:1}to{opacity:0;transform:translateY(120px)}}@keyframes riverBolge5{0%{opacity:1;transform:translateY(-250px)}50%{opacity:1}to{opacity:0;transform:translateY(60px)}}@keyframes riverBolge4{0%{opacity:1;transform:translateY(-320px)}50%{opacity:1}to{opacity:0;transform:translateY(70px)}}@keyframes riverBolge3{0%{opacity:1;transform:translateY(-243px)}50%{opacity:1}to{opacity:0;transform:translateY(220px)}}@keyframes riverBolge2{0%{opacity:1;transform:translateY(-173px)}50%{opacity:1}to{opacity:0;transform:translateY(70px)}}@keyframes riverBolge1{0%{opacity:1;transform:translateY(-290px)}50%{opacity:1}to{opacity:0;transform:translateY(100px)}}@keyframes fire2{0%{transform:rotate(0)skew(0)}50%{transform:rotate(10deg)skew(10deg)}to{transform:rotate(0)skew(0)}}@keyframes fire4{0%{transform:rotate(0)skew(0)}40%{transform:rotate(10deg)skew(10deg)}70%{transform:rotate(-10deg)skew(-10deg)}to{transform:rotate(0)skew(0)}}@keyframes wings1{0%{transform:rotate(-75deg)}20%{transform:rotate(-105deg)}80%{transform:rotate(-45deg)}to{transform:rotate(-75deg)}}@keyframes wings2{0%{transform:rotate(-114.18deg)}20%{transform:rotate(-85deg)}80%{transform:rotate(-145deg)}to{transform:rotate(-114.18deg)}}@keyframes pip1{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes sikle1{0%{opacity:1;transform:translateY(-23px)}to{opacity:0;transform:translateY(0)}}@keyframes sikle2{0%{opacity:1;transform:translateY(-9px)}to{opacity:0;transform:translateY(30px)}}@keyframes villsvin{0%{transform:translate(-100px)}30%{transform:translate(0)}70%{transform:translate(0)}to{transform:translate(-100px)}}@keyframes elghode{0%{transform:rotate(24deg)}50%{transform:rotate(0)}to{transform:rotate(24deg)}}@keyframes spm08elg{0%{transform:translate(70px)}50%{transform:translate(0)}to{transform:translate(70px)}}@keyframes reven{0%{transform:translate(0)scale(1)}to{transform:translate(50px)scale(.4)}}#spm02 #Villsvin{transform:translate(-100px)}#spm02 #Hoyre-oye{transform-origin:1084px 257px}#spm02 #Venstre-oye{transform-origin:1074px 262px}#spm06 #Sikle_2{transform:translateY(-9px)}#spm06 #Sikle_1{transform:translateY(-23px)}#spm08 #Elg{transform:translate(70px)}#spm08 #fire1,#spm08 #fire2,#spm08 #fire3,#spm08 #fire4{transform-origin:887px 460px}#spm08 #Venstre-oye{transform-origin:877px 321px}#spm08 #Hoyre-oye{transform-origin:904px 321px}#spm09 #Vinge_1{transform-origin:1238px 247px}#spm09 #Vinge_2{transform-origin:1218px 243px}#spm09 #Pip_3{transform-origin:1208px 221px}#spm09 #Vinge_1-2{transform-origin:1255px 191px}#spm09 #Vinge_2-2{transform-origin:1243px 189px}#spm09 #Pip_2{transform-origin:1236px 173px}#spm09 #Vinge_1-3{transform-origin:1194px 195px}#spm09 #Vinge_2-3{transform-origin:1175px 193px}#spm09 #Pip_1{transform-origin:1164px 169px}#spm09 #Venstre-oye{transform-origin:894px 201px}#spm09 #Hoyre-oye{transform-origin:920px 201px}#spm10 #ring1,#spm10 #ring2,#spm10 #ring3{transform:scale(0)}#spm10 #ring1,#spm10 #ring2{transform-origin:1071px 418px}#spm10 #ring3{transform-origin:1010px 416px}#spm10 #bolge_1{transform:translateY(-290px)}#spm10 #bolge_2{transform:translateY(-173px)}#spm10 #bolge_3{transform:translateY(-243px)}#spm10 #bolge_4{transform:translateY(-320px)}#spm10 #bolge_5{transform:translateY(-250px)}#spm10 #Hoyre-oye{transform-origin:1053px 243px}#spm10 #Venstre-oye{transform-origin:1069px 243px}#spm11 #Fiskestang_state1{transform-origin:1047px 330px}#spm11 #Fiskestang_state2{display:none}#spm11 #Hoyre-oye{transform-origin:1021px 285px}#spm11 #Venstre-oye{transform-origin:1044px 285px}#spm12 #Mann{transform:translate(65px)}#spm12 #hand-bjorn{transform-origin:622px 403px}#spm12 #Hoyre-oye{transform-origin:1018px 330px}#spm12 #Venstre-oye{transform-origin:1035px 330px}#spm13 #hode{transform-origin:850px 409px}#spm14 #Syklist{transform:translate(0)}#spm15 #Syklist{transform:translate(750px,240px)}#spm15 #Rev{transform-origin:700px 238px;transform:translate(0)}.active #spm02 #Villsvin{animation:10s cubic-bezier(.9,0,.1,1) 1s infinite villsvin}.active #spm02 #Venstre-oye,.active #spm02 #Hoyre-oye{animation:4s ease-in-out infinite blunking}.active #spm06 #Sikle_2{animation:1s linear .3s infinite sikle2}.active #spm06 #Sikle_1{animation:.7s linear infinite sikle1}.active #spm08 #Elg{animation:5s cubic-bezier(.9,0,.1,1) 1s infinite spm08elg}.active #spm08 #fire2{animation:1s linear infinite fire2}.active #spm08 #fire4{animation:1.5s linear infinite fire4}.active #spm08 #Venstre-oye,.active #spm08 #Hoyre-oye{animation:4s ease-in-out infinite blunking}.active #spm09 #Vinge_2{animation:.6s linear .5s infinite wings1}.active #spm09 #Vinge_1{animation:.6s linear .5s infinite wings2}.active #spm09 #Pip_3{animation:.8s linear infinite pip1}.active #spm09 #Vinge_2-2{animation:.6s linear .25s infinite wings1}.active #spm09 #Vinge_1-2{animation:.6s linear .25s infinite wings2}.active #spm09 #Pip_2{animation:.8s linear infinite pip1}.active #spm09 #Vinge_2-3{animation:.3s linear infinite wings1}.active #spm09 #Vinge_1-3{animation:.3s linear infinite wings2}.active #spm09 #Pip_1{animation:.8s linear infinite pip1}.active #spm09 #Venstre-oye,.active #spm09 #Hoyre-oye{animation:4s ease-in-out infinite blunking}.active #spm10 #ring1,.active #spm10 #ring3{animation:1s cubic-bezier(0,0,.1,1) infinite riverRings1}.active #spm10 #ring2{animation:2s cubic-bezier(0,0,.1,1) .4s infinite riverRings2}.active #spm10 #bolge_7{animation:2s cubic-bezier(0,0,.1,1) .3s infinite riverBolge7}.active #spm10 #bolge_6{animation:3s cubic-bezier(0,0,.1,1) infinite riverBolge6}.active #spm10 #bolge_5{animation:1.5s cubic-bezier(0,0,.1,1) .3s infinite riverBolge5}.active #spm10 #bolge_4{animation:.9s cubic-bezier(0,0,.1,1) .2s infinite riverBolge4}.active #spm10 #bolge_3{animation:.7s cubic-bezier(0,0,.1,1) infinite riverBolge3}.active #spm10 #bolge_2{animation:1.2s cubic-bezier(0,0,.1,1) .4s infinite riverBolge2}.active #spm10 #bolge_1{animation:1.5s cubic-bezier(0,0,.1,1) infinite riverBolge1}.active #spm10 #Venstre-oye,.active #spm10 #Hoyre-oye{animation:4s ease-in-out infinite blunking}.active #spm11 #Ugle{animation:10s cubic-bezier(.9,0,.1,1) 2s infinite owlMove;transform:translateY(50px)}.active #spm11 #aal,.active #spm11 #Fiskekort,.active #spm11 #aal_leppe{animation:4s cubic-bezier(.9,0,.1,1) 2s forwards snakeMove;transform:translate(38px)}.active #spm11 #Fiskestang_state1{animation:2s cubic-bezier(.9,0,.1,1) infinite fisher}.active #spm11 #Venstre-oye,.active #spm11 #Hoyre-oye{animation:4s ease-in-out infinite blunking}.active #spm12 #Mann{animation:3s cubic-bezier(.42,.01,.56,.99) 1s forwards boatMoveLeft}.active #spm12 #hand-bjorn{animation:1s linear infinite washing}.active #spm12 #Bolge-2,.active #spm12 #Bolge{animation:2s linear infinite bolgeMoveRight}.active #spm12 #Venstre-oye,.active #spm12 #Hoyre-oye{animation:4s ease-in-out infinite blunking}.active #spm13 #Bølge{animation:2s linear infinite bolgeMoveLeft}.active #spm13 #hode{animation:3s cubic-bezier(.9,0,.1,1) infinite elghode}.active #spm14 #Syklist{opacity:1;animation-iteration-count:infinite}.active #spm15 #Rev{animation:3s 3s forwards reven}.active #spm15 #Syklist{animation:3s linear infinite bikerSpm15}@keyframes krabbeMoveSpm01{0%{transform:translate(0)}30%{transform:translate(15px)}70%{transform:translate(-15px)}to{transform:translate(0)}}@keyframes mannMoveSpm01{0%{transform:translate(0)}50%{transform:translateY(-20px)}to{transform:translate(0)}}@keyframes beinHoyreSpm01{0%{transform:scale(1)}50%{transform:scaleY(.7)}to{transform:scale(1)}}@keyframes beinVenstreSpm01{0%{transform:scale(1)}50%{transform:scaleY(1.3)}to{transform:scale(1)}}@keyframes armVinkSpm03{0%{transform:rotate(-15deg)}50%{transform:rotate(10deg)}to{transform:rotate(-15deg)}}@keyframes tyggingSau{0%{transform:scale(1)rotate(0)}50%{transform:scale(.6)rotate(-20deg)}to{transform:scale(1)rotate(0)}}@keyframes oreFlagre{0%{transform:rotate(0)}33%{transform:rotate(-10deg)}66%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes ekornKostSpm04{0%{transform:translate(0)}30%{transform:translate(15px,-15px)}to{transform:translate(0)}}@keyframes manTitterFremSpm05{0%{transform:scale(.6)translate(-40px)}30%{transform:scale(1)translate(0)}60%{transform:scale(1)translate(0)rotate(10deg)}to{transform:scale(.6)translate(-40px)rotate(0)}}@keyframes hodeSpm07{0%{transform:scale(.8)translate(-40px,40px)}50%{transform:scale(1)translate(0)}80%{transform:scale(1)translate(5px,5px)}to{transform:scale(.8)translate(-40px,40px)}}#spm01 #Mann{transform-origin:1151px 354px}#spm01 #Hoyre-bein{transform-origin:1046px 390px}#spm01 #Venstre-bein{transform-origin:1057px 390px}#spm01 #Venstre-oye{transform-origin:1145px 303px}#spm01 #Hoyre-oye{transform-origin:1156px 303px}#spm03 #Arm_v{transform-origin:908px 250px}#spm03 #Munn{transform-origin:1056px 362px}#spm03 #Øre{transform-origin:1082px 363px}#spm03 #Venstre-oye{transform-origin:921px 202px}#spm03 #Hoyre-oye{transform-origin:945px 202px}#spm05 #Mann{transform-origin:1013px 205px}#spm05 #Munn{transform-origin:1122px 377px}#spm05 #Munn-2{transform-origin:790px 358px}#spm05 #Øre{transform-origin:1137px 379px}#spm05 #Øre-2{transform-origin:774px 360px}#spm05 #Venstre-oye{transform-origin:1012px 188px}#spm05 #Hoyre-oye{transform-origin:1022px 188px}.active #spm01 #Venstre-oye,.active #spm03 #Venstre-oye,.active #spm05 #Venstre-oye,.active #spm01 #Hoyre-oye,.active #spm03 #Hoyre-oye,.active #spm05 #Hoyre-oye{animation:4s ease-in-out infinite blunking}.active #spm01 #Mann{animation:3s ease-in-out infinite mannMoveSpm01}.active #spm01 #Hoyre-bein{animation:1.5s ease-in-out infinite beinHoyreSpm01}.active #spm01 #Venstre-bein{animation:1.5s ease-in-out infinite beinVenstreSpm01}.active #spm01 #Krabbe{animation:3s linear infinite krabbeMoveSpm01}.active #spm03 #Arm_v{animation:1.5s ease-in-out infinite armVinkSpm03}.active #spm03 #Munn{animation:2s ease-in-out infinite tyggingSau}.active #spm03 #Øre{animation:3s ease-in-out infinite oreFlagre}.active #spm04 #hender_og_kost{animation:1s ease-in-out infinite ekornKostSpm04}.active #spm05 #Mann{animation:4s ease-in-out infinite manTitterFremSpm05}.active #spm05 #Munn,.active #spm05 #Munn-2{animation:2s ease-in-out infinite tyggingSau}.active #spm05 #Munn-2{animation-duration:3s}.active #spm05 #Øre,.active #spm05 #Øre-2{animation:5s ease-in-out infinite oreFlagre}.active #spm05 #Øre{animation-delay:.5s}.active #spm05 #Venstre-oye,.active #spm05 #Hoyre-oye{animation-delay:2s}