@charset "UTF-8";:not(input):not(textarea):not(select){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent;line-height:1em;margin:0;padding:0;cursor:pointer;border:none;opacity:1}html:not(.touch) button:hover .base{fill:#4b5f5f}button:active .base{fill:#5cb8b8!important}button svg{width:99%;height:99%}@font-face{font-family:open_sans_light;src:url(../fonts/OpenSans-Light-webfont.eot);src:url(../fonts/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Light-webfont.woff) format('woff'),url(../fonts/OpenSans-Light-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Light-webfont.svg#open_sanslight) format('svg');font-weight:400;font-style:normal}@font-face{font-family:open_sans_bold;src:url(../fonts/OpenSans-Bold-webfont.eot);src:url(../fonts/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Bold-webfont.woff) format('woff'),url(../fonts/OpenSans-Bold-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Bold-webfont.svg#open_sansbold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:massalleraregular;src:url(../fonts/massallera-webfont.eot);src:url(../fonts/massallera-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/massallera-webfont.woff2) format('woff2'),url(../fonts/massallera-webfont.woff) format('woff'),url(../fonts/massallera-webfont.ttf) format('truetype'),url(../fonts/massallera-webfont.svg#massalleraregular) format('svg');font-weight:400;font-style:normal}html{font-size:100%}body{text-align:left;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,:after{color:#293333}h1{line-height:1.2em;margin:0 0 1em}h2,h3,h4{line-height:1.3em;margin:2em 0 1em}h1{font-size:2.6em}h2{font-size:1.8em}h3{font-size:1.2em}p{font-size:1.2em;line-height:1.6em;margin-bottom:1em}:after,h1,nav#categories h3{font-family:massalleraregular;font-weight:400;font-style:normal}#result button.continue:before{font-family:massalleraregular;font-weight:400;font-style:normal}h2,p{font-family:open_sans_light;font-weight:400;font-style:normal}h3,strong{font-family:open_sans_bold;font-weight:400;font-style:normal}footer button{font-family:open_sans_light;font-weight:400;font-style:normal}html{background-color:#6cc;font-size:100%;-webkit-transition:.8s background-color;transition:.8s background-color}body{line-height:1}#stage,body,html,main{min-width:100vw;min-height:100vh;left:0;right:0;top:0;bottom:0;position:fixed;overflow:hidden}#stage{z-index:2}header{right:6vw;top:6vw;position:fixed;z-index:3}header button{font-size:13vw;line-height:0;-webkit-animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}header button:before{position:absolute}header button svg{width:1em;height:1em}header button.logo{left:6vw;top:6vw;position:fixed}header button.logo svg .base{fill:#6cc}header button.previous{margin-right:1vw;visibility:hidden;display:none;height:0}header button.repeat{visibility:hidden;display:none;height:0}main{z-index:2}main>*{min-width:100vw;min-height:100vh;left:0;right:0;top:0;bottom:0;position:fixed;overflow:hidden;visibility:hidden;display:none;height:0}#dictionary,#frases{visibility:hidden;display:none;height:0}footer{text-align:center;left:50%;bottom:6vw;position:fixed;z-index:3}footer button{background-color:#fff;color:#293333;border:2px solid #4b5f5f;font-size:3vw;line-height:1.3em;width:12em;margin-left:-6em;padding:.4em 1.2em;position:relative;border-radius:1em;-webkit-animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}html:not(.touch) footer button:hover{background-color:#4b5f5f;color:#fff}footer button:active{background-color:#5cb8b8!important;color:#fff!important;border-color:#52a3a3!important}body:not(.home) footer{visibility:hidden;display:none;height:0}#app-loader{z-index:1}#app-loader:before{content:'';border-color:#52a3a3;border-right-color:#fff;border-style:solid;border-width:3px;margin-left:-15vw;margin-top:-15vw;width:30vw;height:30vw;display:block;left:50vw;top:50vh;position:fixed;opacity:1;border-radius:100%}#app-loader svg{margin-left:-100vw;margin-top:-100vw;width:200vw;height:200vw;display:block;left:50vw;top:50vh;position:fixed;-webkit-transition:.8s width,.8s height,.8s margin-left,.8s margin-top;transition:.8s width,.8s height,.8s margin-left,.8s margin-top}.content{margin:auto;max-width:150vh;max-height:150vw;left:0;right:0;top:0;bottom:0;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.content .options{padding:6vw;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:end;align-content:flex-end}article{font-size:2.5vw;margin:0 auto;padding:16vh 6vw 10vh 24vw;z-index:1;overflow-y:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch}article>:first-child{margin-top:16vh}article>:last-child{margin-bottom:10vh}article .credits{border:1px solid #293333;margin-bottom:3em;padding:1em;border-radius:.6em}article a.footnote:after{content:'*'}article p.footnote{background-color:#fafaa0;font-size:1.1em;padding:1em 1em 1em 2.2em;position:relative;border-radius:.6em}article p.footnote:before{content:'*';font-size:1.6em;left:.5em;top:.8em;position:absolute}article .logos{text-align:center}article .logos img{vertical-align:middle;padding:1em;width:30vw;max-width:20rem;min-width:12rem;display:inline-block}#home button{background-image:url(../images/esanbaki-home.png);background-size:100vw;background-repeat:no-repeat;background-position:center}#categories{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}#categories button{background-color:#fff;background-size:5em;background-repeat:no-repeat;background-position:50% .6em;color:#293333;font-size:3.3vw;text-align:left;width:100%;height:9em;display:inline-block;position:relative;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;border-radius:.6em}#categories button#bizidunak{background-image:url(../images/categories/bizidunak.png)}#categories button#bizigabeak{background-image:url(../images/categories/bizigabeak.png)}#categories button#koloreak{background-image:url(../images/categories/koloreak.svg)}#categories button#aditzak{background-image:url(../images/categories/aditzak.png)}#categories button#zenbakiak{background-image:url(../images/categories/zenbakiak.svg)}#categories button#esaldiak{background-image:url(../images/categories/esaldiak.svg)}#categories button:before{content:attr(eu);font-family:massalleraregular;font-weight:400;font-style:normal;font-size:1.1em;text-align:center;display:inline-block;left:.6em;right:.6em;top:5.5em;position:absolute}html:not(.touch) #categories button:hover{background-color:#478f8f;color:#fff}#categories button:active{background-color:#5cb8b8!important;color:#fff!important}#categories button.stars:after{background-image:url(../images/icons/star-blue.svg),url(../images/icons/star-blue.svg),url(../images/icons/star-blue.svg),url(../images/icons/star-gray.svg),url(../images/icons/star-gray.svg),url(../images/icons/star-gray.svg);font-size:1em;left:0;right:0;bottom:.6em;position:absolute}#preview button{background-repeat:no-repeat;background-size:80vw auto;background-position:center;width:100%;z-index:1}#stage.test-intro{background-color:#94a9a9}#stage.test-intro:before{content:'Zein da?';font-family:massalleraregular;font-weight:400;font-style:normal;color:#fff;font-size:12vw;line-height:100vh;text-align:center;min-width:100vw;min-height:100vh;left:0;right:0;top:0;bottom:0;position:fixed;overflow:hidden;z-index:1;-webkit-animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}#stage.test-intro header .repeat{visibility:hidden;display:none;height:0}#stage.test-intro #test{visibility:hidden;display:none;height:0}#test .options{padding:0;-ms-flex-line-pack:center;align-content:center}#test button{background-repeat:no-repeat;background-size:contain;background-position:center;padding-top:50%;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}#test button:after{content:'';background-repeat:no-repeat;background-position:50%;margin:auto;width:50%;height:50%;left:0;right:0;top:0;bottom:0;position:absolute}#test button.correct:after{background-image:url(../images/icons/correct.svg)}#test button.incorrect:after{background-image:url(../images/icons/incorrect.svg)}#select{margin:auto}#select button{background-color:rgba(255,255,255,.8);border-color:#d4e9e9;border-width:.1em;border-style:solid;border-radius:1em;color:#4b5f5f;font-size:4.4vw;line-height:1.6em;padding:.3em;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative}#select button:nth-child(1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-ms-flex-preferred-size:42%;flex-basis:42%;margin-right:2%;margin-bottom:2%}#select button:nth-child(2){-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-ms-flex-preferred-size:42%;flex-basis:42%;margin-right:2%;margin-bottom:2%}#select button:nth-child(3){-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5;-ms-flex-preferred-size:42%;flex-basis:42%;margin-right:2%}#select button:nth-child(4){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-ms-flex-preferred-size:56%;flex-basis:56%;margin-bottom:2%}#select button:nth-child(5){-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;-ms-flex-preferred-size:56%;flex-basis:56%;margin-bottom:2%}#select button:nth-child(6){-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6;-ms-flex-preferred-size:56%;flex-basis:56%}html:not(.touch) #select button:not(.correct):not(.incorrect):hover{border-color:#4b5f5f}#select button:active{border-color:#293333;color:#293333}#select button:before{content:attr(eu);font-family:massalleraregular;font-weight:400;font-style:normal}#select button.correct{background-color:#cce066;color:#fff;border-color:#cce066}#select button.incorrect{background-color:#475252;color:#fff;border-color:#475252}#select .content{background-repeat:no-repeat;background-size:50vh auto;background-position:center 6vw}#select .content:not(.a-ok) .options button:nth-child(4),#select .content:not(.a-ok) .options button:nth-child(5),#select .content:not(.a-ok) .options button:nth-child(6){background-color:#d4e9e9!important;color:#fff!important;border-color:#d4e9e9!important;pointer-events:none}#select .content.a-ok .options button:nth-child(1),#select .content.a-ok .options button:nth-child(2),#select .content.a-ok .options button:nth-child(3){pointer-events:none}#select .content.a-ok .options button:nth-child(1):not(.correct),#select .content.a-ok .options button:nth-child(2):not(.correct),#select .content.a-ok .options button:nth-child(3):not(.correct){background-color:#d4e9e9!important;color:#fff!important;border-color:#d4e9e9!important}#select .content.b-ok button{pointer-events:none}#stage.loading #select{display:none!important}#result{background-color:#5cb8b8}#result button{color:#fff;font-size:6vw;text-align:center}#result button:after,#result button:before{padding-left:6vw;padding-right:6vw}#result button:before{content:attr(eu);font-family:massalleraregular;font-weight:400;font-style:normal;font-size:2em;line-height:1.3em;left:0;right:0;top:53vh;position:absolute}#result button.stars:after{background-image:url(../images/icons/star-white.svg),url(../images/icons/star-white.svg),url(../images/icons/star-white.svg),url(../images/icons/star-blue.svg),url(../images/icons/star-blue.svg),url(../images/icons/star-blue.svg);font-size:3em;left:0;right:0;bottom:50vh;position:absolute}body.categories #categories,body.home #home,body.info #info,body.preview #preview,body.result #result,body.select #select,body.test #test{-webkit-animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;visibility:visible;display:inline-block;height:auto}body:not(.loading):not(.home) #app-loader{display:none!important;visibility:hidden}body.home header{visibility:hidden;display:none;height:0}body.preview #stage:not(.first) header .previous,body.preview header .repeat{visibility:visible;display:inline-block;height:auto}body.test header .repeat{visibility:visible;display:inline-block;height:auto}body.result{background-color:#5cb8b8}body.result header button .base{fill:#fff}html:not(.touch) body.result header button:hover .base{fill:#52a3a3}body.puzzle header .repeat,body.spell header .repeat{visibility:visible;display:inline-block;height:auto}html #stage{visibility:hidden;display:none;height:0}html.loading:before{content:'©2017 ONOFF.es';color:#478f8f;font-size:.8em;font-family:Arial;padding:6vw;display:block;right:0;bottom:0;position:fixed}html.loading #app-loader:before{-webkit-animation:.5s a-loading linear infinite;animation:.5s a-loading linear infinite;-webkit-transition:.8s .4s opacity;transition:.8s .4s opacity}html.loading #app-loader svg{margin-left:-5vw;margin-top:-5vw;width:10vw;height:10vw}html.charged{background-color:#fff}html.charged #stage{visibility:visible;display:inline-block;height:auto}html.charged #app-loader:before{border:none}#stage:not(.loading) #select .content,#stage:not(.loading) #test button,#stage:not(.loading) button.next{-webkit-animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes a-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes a-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes a-fade-in{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes a-fade-in{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1)}}.stars:after{content:'';background-position:0 1.2em,1.3em 1.2em,2.6em 1.2em,0 0,1.3em 0,2.6em 0;background-repeat:no-repeat;margin:auto;width:3.8em;height:1.2em;display:inline-block}.stars.star-1:after{background-position:0 0,1.3em 1.2em,2.6em 1.2em,0 1.2em,1.3em 0,2.6em 0}.stars.star-2:after{background-position:0 0,1.3em 0,2.6em 1.2em,0 1.2em,1.3em 1.2em,2.6em 0}.stars.star-3:after{background-position:0 0,1.3em 0,2.6em 0,0 1.2em,1.3em 1.2em,2.6em 1.2em}.title:after{content:attr(eu);font-size:8vw;text-align:center;line-height:1.1em;padding:1em;left:0;right:0;bottom:0;position:absolute}.fscrn{min-width:100vw;min-height:100vh;left:0;right:0;top:0;bottom:0;position:fixed;overflow:hidden}.hidden{visibility:hidden;display:none;height:0}.visible{visibility:visible;display:inline-block;height:auto}.off:after{content:'';left:0;right:0;top:0;bottom:0;position:fixed;display:block;z-index:999;pointer-events:none}.off *{pointer-events:none}html{background-image:url(../images/esanbaki-home.png),url(../images/categories/bizidunak.png),url(../images/categories/bizigabeak.png),url(../images/categories/koloreak.svg),url(../images/categories/aditzak.png),url(../images/categories/zenbakiak.svg),url(../images/categories/esaldiak.svg),url(../images/icons/star-white.svg),url(../images/icons/star-blue.svg),url(../images/icons/star-gray.svg),url(../images/icons/correct.svg),url(../images/icons/incorrect.svg);background-position:99999px;background-repeat:no-repeat}@media only screen and (orientation:landscape){header{right:6vh;top:6vh}header button{font-size:13vh}header button.logo{left:6vh;top:6vh}footer{left:auto;right:6vh;bottom:6vh}footer button{font-size:3vh}.content .options{padding:6vh}article{font-size:2.5vh;padding:16vh 6vh 10vh 24vh}#home button{background-size:100vh}#preview button{background-size:80vh auto;background-position:top center}#categories button{font-size:3.6vh;-ms-flex-preferred-size:33%;flex-basis:33%}#test button{-ms-flex-preferred-size:25%;flex-basis:25%}#select .content{background-size:50vh auto;background-position:center 0}#select button{font-size:4.8vh}#result button{font-size:6vh}#result button:after,#result button:before{padding-left:6vh;padding-right:6vh}html body.home header .logo{font-size:4.83vh}.title:after{font-size:8vh}.cnt:after{height:6vh}}@media only screen and (orientation:portrait) and (max-width:420px) and (min-height:520px){footer button{font-size:4vw}article{font-size:4vw;padding-left:6vw}#home button{background-size:125vw}#categories button{background-size:3em;background-position:.6em 50%;font-size:5vw;height:4em;-ms-flex-preferred-size:100%;flex-basis:100%}#categories button:before{font-size:1.3em;text-align:left;left:3.3em;right:.6em;top:1.3em}#categories button.stars:after{left:auto;right:.6em;top:.6em}#preview button{background-size:100vw auto}#select button{font-size:6vw}#select .content{background-position:center 0}#select .content.a-ok .options{-webkit-transform:translateX(-30vw);transform:translateX(-30vw)}#select .options{-webkit-box-flex:1;-ms-flex:1 0 130vw;flex:1 0 130vw;-webkit-transition:.3s transform;transition:.3s transform}}