@font-face{font-family:'futura-light';src:url('../font/FuturaStd-Light.eot');src:url('../font/FuturaStd-Light.eot?#iefix') format("embedded-opentype"),url('../font/FuturaStd-Light.woff') format("woff"),url('../font/FuturaStd-Light.ttf') format("truetype"),url('../font/FuturaStd-Light.svg#d83a536671d160add994a83c5144bd9a') format("svg");font-style:normal}@font-face{font-family:'futura-bold';src:url('../font/FuturaStd-Bold.eot');src:url('../font/FuturaStd-Bold.eot?#iefix') format("embedded-opentype"),url('../font/FuturaStd-Bold.woff') format("woff"),url('../font/FuturaStd-Bold.ttf') format("truetype"),url('../font/FuturaStd-Bold.svg#e6614ac1ffeb97962de474601fd3ce1d') format("svg");font-style:bold}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}html{height:100%}body{min-height:100%;background:url('../img/background.jpg?1397655111') repeat 0 0 fixed;background-size:cover}#container{text-align:center;font-family:futura-light;text-transform:uppercase;position:relative;color:#919595;line-height:1.2em}#container a{color:#08b197}#container *{-webkit-tap-highlight-color:rgba(255,0,0,0)}body.page-splash #container{color:#fff;padding-bottom:40px}body.page-splash #container > header{margin:160px 0 40px;position:relative}body.page-splash #container > header > h1{width:160px;height:250px;background:url('../img/logo.png?1397654983') no-repeat 0 0;text-indent:-10000px;margin:0 auto 20px}body.page-splash #container > header > h2{font-size:1.8em;width:500px;margin:0 auto;line-height:1em}body.page-splash #container > header > img{position:absolute;left:50%;top:25px;width:200px;height:200px;margin-left:-100px}body.page-splash #container > header > img.image-1{margin-left:-520px}body.page-splash #container > header > img.image-2{margin-left:-300px}body.page-splash #container > header > img.image-3{margin-left:100px}body.page-splash #container > header > img.image-4{margin-left:320px}body.page-splash #container .info{width:640px;margin:0 auto 20px}body.page-splash #container .info p{margin-bottom:20px}body.page-splash #container a.start{color:#fff;background:#08b197;display:inline-block;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-ms-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em;text-decoration:none;line-height:1.4em;padding:0.2em 0.5em 0;-webkit-box-shadow:#068d78 0.05em 0.15em 0;-moz-box-shadow:#068d78 0.05em 0.15em 0;box-shadow:#068d78 0.05em 0.15em 0;cursor:pointer;font-size:1em}body.page-splash #container a.start:after{content:' >'}@media screen and (max-height:600px){body.page-splash #container a.start{font-size:0.6em}}body.page-game #container{overflow:hidden}body.page-game #container > header h1{display:none}body.page-game #container > header h2{font-size:1.5em;line-height:2.4em;color:#fff;white-space:nowrap}@media all and (max-height: 600px){body.page-game #container > header h2{font-size:1em}}body.page-game #container-character{position:relative;width:250px;height:250px;margin:0 auto 20px}body.page-game #container-character:before,body.page-game #container-character:after{content:' ';display:block;width:160px;height:100%;background:url('../img/logo.png?1397654983') no-repeat 0 0;background-size:contain;position:absolute;top:0}body.page-game #container-character:before{left:0;margin-left:-160px;background-position:100% 0}body.page-game #container-character:after{right:0;margin-right:-160px}body.page-game #container-character > .img{width:100%;height:100%}body.page-game #container-character > .img img{width:100%;height:100%}body.page-game #container-film,body.page-game #container-shades{white-space:nowrap;position:relative}body.page-game #container-film > .img,body.page-game #container-shades > .img{position:relative;display:inline-block;cursor:pointer;background:#000;z-index:1;*zoom:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.page-game #container-film > .img:after,body.page-game #container-shades > .img:after{content:"";display:table;clear:both}body.page-game #container-film > .img img,body.page-game #container-shades > .img img{display:block;opacity:0.6;width:100%;height:100%;float:left;*zoom:1;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.1s;-moz-transition-duration:0.1s;-o-transition-duration:0.1s;transition-duration:0.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.page-game #container-film > .img img:after,body.page-game #container-shades > .img img:after{content:"";display:table;clear:both}body.page-game #container-film > .img:hover img,body.page-game #container-shades > .img:hover img{opacity:1}body.page-game #container-film > .img.selected img,body.page-game #container-shades > .img.selected img{opacity:1}body.page-game #container-film > .img.selected:before,body.page-game #container-shades > .img.selected:before{content:' ';display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid #08b197}body.page-game #container-film > .img.correct,body.page-game #container-shades > .img.correct{cursor:default}body.page-game #container-film > .img.correct img,body.page-game #container-shades > .img.correct img{opacity:1}body.page-game #container-film > .img.correct:before,body.page-game #container-shades > .img.correct:before{display:none}body.page-game #container-film > .img.correct:after,body.page-game #container-shades > .img.correct:after{content:' ';position:absolute;left:10px;top:10px;width:43px;height:35px;background:url('../img/tick-cross.png?1398947755') no-repeat 0 0}body.page-game #container-film-outer,body.page-game #container-shades-outer{position:relative}body.page-game #container-film-outer > .control,body.page-game #container-shades-outer > .control{width:35px;height:250px;background:url('../img/controls.png?1398703696') no-repeat -70px 50%;position:absolute;right:20px;top:50%;margin-top:-125px;z-index:2;-webkit-transition-property:margin;-moz-transition-property:margin;-o-transition-property:margin;transition-property:margin;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media all and (max-height: 600px){body.page-game #container-film-outer > .control,body.page-game #container-shades-outer > .control{display:none}}body.page-game #container-film-outer > .control.left,body.page-game #container-shades-outer > .control.left{background-position-x:-35px;left:20px;right:auto;margin-left:20px}body.page-game #container-film-outer > .control.left.hover,body.page-game #container-shades-outer > .control.left.hover{margin-left:-10px;background-position-x:0}body.page-game #container-film-outer > .control.right.hover,body.page-game #container-shades-outer > .control.right.hover{margin-right:-10px;background-position-x:-105px}body.page-game #container-shades{height:250px}body.page-game #answer-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10}body.page-game #answer-overlay > .container{width:750px;position:absolute;left:50%;top:200px;margin-left:-375px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;-webkit-box-shadow:rgba(0,0,0,0.6) 2px 2px 5px;-moz-box-shadow:rgba(0,0,0,0.6) 2px 2px 5px;box-shadow:rgba(0,0,0,0.6) 2px 2px 5px}body.page-game #answer-overlay > .container h1{font-family:futura-bold;color:#08b197;margin-bottom:10px;font-size:1.2em}body.page-game #answer-overlay > .container p{font-size:0.9em;margin:10px 0}body.page-game #answer-overlay > .container .score{font-family:futura-bold;color:#08b197}body.page-game #answer-overlay > .container .score:before{content:'Your current score: ';font-family:futura-light;color:#919595}body.page-game #answer-overlay > .container .next{color:#fff;background:#08b197;display:inline-block;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-ms-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em;text-decoration:none;line-height:1.4em;padding:0.2em 0.5em 0;-webkit-box-shadow:#068d78 0.05em 0.15em 0;-moz-box-shadow:#068d78 0.05em 0.15em 0;box-shadow:#068d78 0.05em 0.15em 0;cursor:pointer;font-size:1em}body.page-game #answer-overlay > .container .next:after{content:' >'}@media screen and (max-height:600px){body.page-game #answer-overlay > .container .next{font-size:0.6em}}body.page-game #answer-overlay > .container.correct .images{height:350px;position:relative;margin-bottom:10px}body.page-game #answer-overlay > .container.correct .images img{position:absolute;left:0;top:50%;margin-top:-125px;z-index:2}body.page-game #answer-overlay > .container.correct .images img.film{margin-top:-175px;left:240px;z-index:1}body.page-game #answer-overlay > .container.correct .images img.shades{left:480px}body.page-game #answer-overlay > .container.incorrect{width:550px;margin-left:-275px}body.page-game #answer-overlay > .container.incorrect .images{*zoom:1}body.page-game #answer-overlay > .container.incorrect .images:after{content:"";display:table;clear:both}body.page-game #answer-overlay > .container.incorrect .images img{width:125px;height:125px}body.page-game #answer-overlay > .container.incorrect .images img.film,body.page-game #answer-overlay > .container.incorrect .images img.shades{position:absolute}body.page-game #answer-overlay > .container.incorrect .images img.film{height:175px;left:0;top:25px}body.page-game #answer-overlay > .container.incorrect .images img.shades{left:120px;top:50px}body.page-game #answer-overlay > .container.incorrect .images > .selected,body.page-game #answer-overlay > .container.incorrect .images > .answer{width:250px;float:left;position:relative;height:200px;margin:20px 5px}body.page-game #answer-overlay > .container.incorrect .images > .answer{float:right}body.page-game #game-info{position:relative;height:60px}body.page-game #game-info > .submit{color:#fff;background:#08b197;display:inline-block;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-ms-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em;text-decoration:none;line-height:1.4em;padding:0.2em 0.5em 0;-webkit-box-shadow:#068d78 0.05em 0.15em 0;-moz-box-shadow:#068d78 0.05em 0.15em 0;box-shadow:#068d78 0.05em 0.15em 0;cursor:pointer;font-size:1em;margin-top:0.6em}body.page-game #game-info > .submit:after{content:' >'}@media screen and (max-height:600px){body.page-game #game-info > .submit{font-size:0.6em}}body.page-game #game-info > .progress,body.page-game #game-info > .score{font-size:1.4em;line-height:2em;font-family:futura-bold;color:#fff;position:absolute;top:50%;margin-top:-1em}body.page-game #game-info > .progress .current,body.page-game #game-info > .score .current{color:#08b197}body.page-game #game-info > .progress:before,body.page-game #game-info > .score:before{font-family:futura-light}body.page-game #game-info > .progress{left:10px}body.page-game #game-info > .progress:before{content:'Question: '}body.page-game #game-info > .score{right:10px}body.page-game #game-info > .score:before{content:'Current Score: ';font-family:futura-light}@media all and (max-height:600px){body.page-game #game-info{height:30px}body.page-game #game-info > .score,body.page-game #game-info > .progress{font-size:1em}}body.page-results #container{color:#fff;padding-bottom:40px;padding-top:170px}body.page-results #container > header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:160px;padding:40px 0;position:fixed;width:100%;left:0;top:0;background:url('../img/header-gradient.png?1400083581') repeat-x 0 0}body.page-results #container > header > h1{color:#08b197;font-family:futura-bold;font-size:1.6em;margin-bottom:0.6em}body.page-results #container > header nav.social{margin:10px 0}body.page-results #container > header nav.social ul{margin:10px 0 20px}body.page-results #container > header nav.social li{display:inline-block;margin:0 10px}body.page-results #container > h2{font-size:1.4em;line-height:1.2em;width:400px;margin:0 auto}body.page-results #container ul.answers{width:1200px;margin:0 auto;padding-bottom:20px}body.page-results #container ul.answers li{margin-bottom:20px;*zoom:1}body.page-results #container ul.answers li:after{content:"";display:table;clear:both}body.page-results #container ul.answers li figure,body.page-results #container ul.answers li > p.result{width:200px;float:left;font-size:1.1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body.page-results #container ul.answers li figure img{width:125px;margin-top:25px}body.page-results #container ul.answers li figure.film img{margin-top:0}body.page-results #container ul.answers li figure figcaption{padding-top:10px}body.page-results #container ul.answers li figure figcaption a{color:#fff}body.page-results #container ul.answers li figure figcaption a:hover{color:#08b197}body.page-results #container ul.answers li > .solution{padding-top:40px;float:left}body.page-results #container ul.answers li > p.result{padding:100px 40px 0}body.page-results #container ul.answers li > p.result:before{content:' ';display:block;margin:0 auto 10px;width:43px;height:35px;background:url('../img/tick-cross.png?1398947755') no-repeat 0 0}body.page-results #container ul.answers li > .selection{float:left}body.page-results #container ul.answers li > .selection h2{line-height:30px;margin-bottom:10px}body.page-results #container ul.answers li.incorrect > p.result:before{background-position:0 -35px}body.page-results #container a.try-again{color:#fff;background:#08b197;display:inline-block;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-ms-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em;text-decoration:none;line-height:1.4em;padding:0.2em 0.5em 0;-webkit-box-shadow:#068d78 0.05em 0.15em 0;-moz-box-shadow:#068d78 0.05em 0.15em 0;box-shadow:#068d78 0.05em 0.15em 0;cursor:pointer;font-size:1em}body.page-results #container a.try-again:after{content:' >'}@media screen and (max-height:600px){body.page-results #container a.try-again{font-size:0.6em}}body.page-results #container p{margin:20px 0}nav.social ul,nav.social li{margin:0;padding:0;list-style:none}nav.social li a{display:block;width:30px;height:30px;background:url('../img/icons-social.png?1399025595') no-repeat 0 0;text-indent:-10000px}nav.social li a:hover{background-position:0 -30px}nav.social li.facebook a{background-position:-30px 0}nav.social li.facebook a:hover{background-position:-30px -30px}nav.social li.google-plus a{background-position:-60px 0}nav.social li.google-plus a:hover{background-position:-60px -30px}