@font-face{font-family:the_fourth_lion;src:url(../font/thefourthlion-bold.eot);src:url(../font/thefourthlion-bold.eot?#iefix) format('embedded-opentype'),url(../font/thefourthlion-bold.woff2) format('woff2'),url(../font/thefourthlion-bold.woff) format('woff'),url(../font/thefourthlion-bold.ttf) format('truetype'),url(../font/thefourthlion-bold.svg#the_fourth_lionbold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:the_fourth_lion;src:url(../font/thefourthlion.eot);src:url(../font/thefourthlion.eot?#iefix) format('embedded-opentype'),url(../font/thefourthlion.woff2) format('woff2'),url(../font/thefourthlion.woff) format('woff'),url(../font/thefourthlion.ttf) format('truetype'),url(../font/thefourthlion.svg#the_fourth_lionregular) format('svg');font-weight:400;font-style:normal}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}li,ul{padding:0;margin:0;list-style:none}body,html{width:100%;min-height:100%;height:100%;margin:0;padding:0;font-family:the_fourth_lion,Times,Serif;font-size:18px;line-height:28px;font-weight:400;text-rendering:optimizeLegibility;color:#black;background-color:#000;overflow:hidden}#spinner{position:fixed;top:0;left:0;right:0;bottom:0;height:30px;width:30px;margin:auto;z-index:99999;opacity:1;-webkit-border-radius:3em;border-radius:3em}.loaded #spinner{display:none}#preloader5{position:relative;width:30px;height:30px;background:0 0;-webkit-border-radius:50px;border-radius:50px;-webkit-animation:preloader_5 750ms infinite cubic-bezier(0,.65,.65,1)}#preloader5:after{position:absolute;width:50px;height:50px;border-top:3px solid #ccc;border-left:3px solid #ccc;border-bottom:3px solid transparent;border-right:3px solid transparent;-webkit-border-radius:50px;border-radius:50px;content:'';top:-10px;left:-10px}@-webkit-keyframes preloader_5{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes preloader_5_after{0%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}50%{border-top:10px solid #3498db;border-bottom:10px solid #3498db}100%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}}a,a:hover{text-decoration:none;color:inherit}p{font-size:1em;margin-top:0;margin-bottom:0;letter-spacing:.03em}p a,p a:hover{text-decoration:underline}h1,h2,h3{text-align:center;letter-spacing:.02em;margin:0 auto .4em;line-height:1.3;padding-left:1.5em;padding-right:1.5em;font-weight:400}h1{font-size:1.75em}h2{font-size:1.5em;margin-bottom:1em}h3{font-size:1em;text-transform:none;letter-spacing:.02em}p ::selection,p::selection{background-color:#ccc;color:#000}p ::-moz-selection,p::-moz-selection{background-color:#ccc;color:#000}img{display:block;max-width:100%;width:100%;height:auto;margin:0 auto;padding:1em}.vertical-align-wrapper{display:table}.vertical-align{display:table-cell;vertical-align:middle}header{width:100%;font-size:1rem;line-height:1.5;text-align:center;font-weight:400;text-transform:uppercase;letter-spacing:.03em;overflow:hidden;z-index:9999}footer{width:100%;font-size:1rem;line-height:1.5;text-align:center;font-weight:400;overflow:hidden;z-index:9999;display:none}#logo,.logo{font-size:1.75em;line-height:1.3;letter-spacing:0;margin:0;text-transform:none}.and{line-height:1em;position:relative}.and span{font-size:.5em;position:relative}.and-a{bottom:0}.and-n{bottom:.4em}.and-d{bottom:.7em}nav{position:fixed;text-align:right;font-size:1.75rem;right:1em;bottom:1em;left:50%;z-index:999}nav li{display:inline-block;margin:0 .4em}nav a{font-size:1em;line-height:1em;cursor:pointer;border-bottom:1px solid;border-bottom-color:transparent}nav a:hover{border-bottom-color:inherit}#container{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:100%;width:100%;overflow:hidden}#intro{z-index:5999}#quiz{z-index:1999}#cinema{z-index:3999}#credits{z-index:7999}#intro{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:#000;color:#fff;text-align:center;font-size:3em}#intro.active{display:block;-webkit-transition:opacity 500ms ease;-moz-transition:opacity 500ms ease;-o-transition:opacity 500ms ease;transition:opacity 500ms ease}#intro.active-leave{opacity:0}#intro.inactive{display:none}#intro>div{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:800px}#title-1,#title-2,#title-3{opacity:0;position:absolute;left:0;right:0;margin:auto;width:100%}#title-2{top:0;bottom:0;height:1em;font-size:1.75em;line-height:1}#title-1{top:30%;font-size:.75em;height:1em;line-height:1em}#title-3{bottom:30%;font-size:.75em;height:1em;line-height:1em}#mobile-message{display:none;opacity:0;position:absolute;left:0;right:0;bottom:15%;margin:auto;font-size:.75em;height:1em;line-height:1.2em;width:80%;color:#ff0}.mobile #mobile-message{display:block}#quiz{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border:0 solid #ff0;display:none;-webkit-transition:opacity 500ms ease;-moz-transition:opacity 500ms ease;-o-transition:opacity 500ms ease;transition:opacity 500ms ease}#quiz.active-enter{display:block;opacity:0}#quiz.active{display:block;opacity:1}#quiz.active-leave{opacity:0}#quiz.inactive{display:none;opacity:0}.question{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:#000;z-index:1}.question.chosen{display:none}a.choice{text-align:center;height:1em;line-height:1em;display:block;background:#FFF}a.choice:hover{color:#FFF;background:#000}.value{display:block;position:absolute;top:-20px;bottom:0;margin:auto;height:1em;line-height:1em;width:100%}.divider{position:absolute;left:50%;top:0;height:100%;width:1px;background:#000;z-index:999}.divider-1-2{left:33.3333%}.divider-2-2{left:66.6667%}.questions-total-2,.questions-total-3{font-size:5rem}.questions-total-2 .choice{position:absolute;top:0;bottom:0;margin:auto;width:50%;height:100%}.questions-total-3 .choice{position:absolute;top:0;bottom:0;margin:auto;width:33.3333%;height:100%}.choice-1-2{left:0}.choice-2-2{right:0}.choice-1-3{left:0}.choice-2-3{left:33.3333%}.choice-3-3{right:0}#cinema{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:#000;border:0 solid green;width:100%;height:100%;overflow:hidden}#cinema video{min-width:100%;min-height:100%;height:auto;border:0 solid red;position:absolute;background:#000;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;display:none;opacity:.3}#cinema video.active{z-index:599;display:block;opacity:1}#cinema{display:none;-webkit-transition:opacity 500ms ease;-moz-transition:opacity 500ms ease;-o-transition:opacity 500ms ease;transition:opacity 500ms ease}#cinema.active-enter{display:block;opacity:0}#cinema.active{display:block;opacity:1;-webkit-transition:opacity 3000ms ease;-moz-transition:opacity 3000ms ease;-o-transition:opacity 3000ms ease;transition:opacity 3000ms ease}#cinema.active-leave{opacity:0}#cinema.inactive{display:none;opacity:0}#credits{color:#fff;border:0 solid red;padding:2em 10%;font-size:2em;line-height:1.3;text-align:center;position:absolute;top:0;left:0;right:0;margin:0 auto;height:100%}#credits .logo{font-size:1.5em;padding:0;margin:0}#credits p{display:block;margin:0 auto 1em;max-width:800px}#credits{display:none;-webkit-transition:opacity 2000ms ease;-moz-transition:opacity 2000ms ease;-o-transition:opacity 2000ms ease;transition:opacity 2000ms ease}#credits.active-enter{display:block;opacity:0}#credits.active{display:block;opacity:1}#credits.active-leave{opacity:0}#credits.inactive{display:none;opacity:0}#credits .footer{position:absolute;bottom:2em;left:0;right:0;margin:0 auto;z-index:999}#credits .footer>div{width:80%;max-width:1000px;margin:.75rem auto;font-size:.5em;height:25px}#credits .footer .links{font-size:.75em}#credits .footer a{display:inline-block;margin:0 .5em}#credits .footer a:hover{color:#ff0}#credits .social{height:20px}#credits .social>div,#credits .social>iframe{display:inline-block;height:20px;margin:0 .5em;vertical-align:middle}#credits .social .fb_iframe_widget span{vertical-align:middle!important}#credits .credit-list,#credits .left,#credits .right{position:absolute;top:0;height:100%;text-align:center;z-index:1}#credits .left,#credits .right{width:50%;z-index:9}#credits .left{left:0}#credits .right{right:0}/* updated by Jason 2016 7 Nov */#credits .left {left: 0;right: 0;margin-left: auto;margin-right: auto;}#credits .right {display: none;}/* updated by Jason 2016 7 Nov */#credits .left>a,#credits .right>a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:100%;color:#fff}#credits .left>a>div,#credits .right>a>div{position:relative;padding:0 10%;font-size:1.2em;top:45%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}#credits .left p,#credits .right p{max-width:600px;font-size:.8em}#credits .right .image{width:45%;min-width:260px;height:auto;position:relative}#credits .left .image{width:100%;min-width:160px;height:auto;position:relative}#credits .left .action,#credits .right .action{opacity:0;font-size:1em;text-align:center;position:absolute;width:200%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#credits .left img,#credits .right img{display:block;width:100%;height:auto;padding:0}#credits .left .image,#credits .left .logo,#credits .left p,#credits .right .image,#credits .right .logo,#credits .right p{display:block;margin:0 auto .75em}#credits .left>a:hover,#credits .right>a:hover{color:#ff0}#credits .left>a:hover .image img,#credits .right>a:hover .image img{opacity:.5}#credits .left>a:hover .image .action,#credits .right>a:hover .image .action{opacity:1}#credits .credit-list{position:absolute;top:0;left:0;right:0;z-index:1}.credit{position:absolute;width:100%;max-width:600px;min-height:100px;top:100%;left:0;right:0;text-align:center;font-size:.75em;margin:1.5em auto;color:#fff;opacity:.3}.credit .disclaimer{margin:5em auto}.credit span{display:inline-block;margin:0 0 .25em;line-height:1em}.credit-title{font-weight:700;width:100%}.credit-director{width:100%}.credit-movie{margin-right:.5em}#director{position:fixed;z-index:9999;background:0 0;padding:1em;top:0;left:0;display:none}.director #cinema video{min-width:0;min-height:0;width:20%;height:200px;border:0 solid red;position:relative;background:#000;margin:auto;z-index:1;display:block;opacity:.3;float:left;top:0;left:0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.director #cinema video.active{opacity:1}#track{display:block;height:10px;width:0;background:grey}#marks{display:block;width:100%;height:10px;position:relative;font-size:50%;line-height:10px;color:#fff}.markS{display:block;position:absolute;top:0;height:10px;width:30px;background:green}.markSS{display:block;position:absolute;top:0;height:10px;width:1px;background:green;opacity:.3}.markE{display:block;position:absolute;top:10px;height:10px;width:30px;background:red}@media only screen and (min-device-width :320px) and (max-device-width :480px){#title-1{top:35%}#title-3{bottom:35%}#mobile-message{bottom:25%}}@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){.mobile #title-1{top:35%}.mobile #title-3{bottom:35%}.mobile #mobile-message{bottom:25%}}@media only screen and (max-width:1400px),(max-height:1000px){body,html{font-size:16px;line-height:26px}#credits{font-size:1.8rem}#credits .footer{bottom:1.8em}}@media only screen and (max-width:1200px),(max-height:900px){body,html{font-size:15px;line-height:24px}#credits{font-size:1.6rem}#credits .footer{bottom:1em}}@media only screen and (max-width:1100px),(max-height:800px){body,html{font-size:14px;line-height:22px}#credits{font-size:1.4rem}#credits .footer{bottom:.6em}#credits .footer>div{height:1.5em;margin:.5rem auto}}