.navigation-bar{position:fixed;width:100%;left:0;top:0;z-index:9998;padding:30px 0 80px;background-image:url(/assets/header/navigation-bar.png);background-size:110%;background-position:top;background-repeat:repeat-x}.navigation-bar .socials{display:inline-block;float:right}.navigation-bar .socials a{display:block;width:35px;padding:6px 0;height:35px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;margin:0 5px;border:1px solid #fff;opacity:.5}.navigation-bar .socials a:hover{opacity:1}.navigation-bar .socials svg{width:20px;height:20px;display:inline-block;fill:#fff}.navigation-bar h2{font-size:20px;display:block;float:left;width:auto}.footer-bar{position:fixed;width:100%;left:0;bottom:0;height:160px;z-index:9997;background-image:url(/assets/header/footer-bar.png);background-size:110%;background-position:top}.footer-bar .content{position:fixed;width:100%;left:0;bottom:30px;font-size:14px;z-index:-2;font-family:Helvetica Neue}.footer-bar .content .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer-bar .content .container nav{display:block}.footer-bar .content .container nav li{margin:0 10px}button:focus,input:focus,textarea:focus{outline:none}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}@font-face{font-family:Noe Display;src:url(/assets/fonts/NoeDisplay-Bold.woff2) format("woff2"),url(/assets/fonts/NoeDisplay-Bold.woff2) format("woff");font-weight:700;font-style:normal}*{margin:0;padding:0}li{display:inline-block}body{background:#0b1202;font-size:62%}h1,h2,h3,h4,h5{font-family:Noe Display,serif}.container{margin:0 auto;width:1100px}.dynamic{-webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .5s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1),box-shadow .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1),box-shadow .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .5s cubic-bezier(.215,.61,.355,1);-webkit-transform:perspective(600px) translateZ(0);transform:perspective(600px) translateZ(0);opacity:1}.lead{font-size:24px;line-height:1.5}.position-center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.link{color:#fff;opacity:.5;text-decoration:none;margin:0 10px}.link:hover{opacity:1;-webkit-transition:all .6 cubic-bezier(.215,.61,.355,1);transition:all .6 cubic-bezier(.215,.61,.355,1);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.btn{padding:35px 50px;cursor:pointer;background-color:#0b1202;-webkit-mask-image:url(/assets/mask-image.png);mask-image:url(/assets/mask-image.png);-webkit-mask-size:1600% 100%;mask-size:1600% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right 0!important;mask-position:right 0!important;font-family:Maison Neue;font-weight:700;font-size:16px;display:inline-block;text-decoration:none}#app,.btn{color:#fff}#app{font-family:Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.intro-header{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;display:table;opacity:1;background-color:#a5d36a;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.intro-header .content{display:table-cell;vertical-align:middle}.intro-header .centered-content{width:60%;display:inline-block}.intro-header .btn{background-color:#000;color:#fff;margin-top:30px}.intro-header .title{margin-bottom:0;font-size:calc(1.333% + 60px);text-align:center;color:#000}.intro-header .lead{color:#000}.country-overview{width:100%}.country-overview .title{color:#a5d36a;margin-bottom:100px;font-size:45px;position:fixed;z-index:2;top:50%;width:100%;opacity:0;left:0;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.countries{width:100%;opacity:0}.countries .country{position:relative;font-size:calc(1.333% + 60px);cursor:pointer;margin:0 3%}.countries .country.animate .background{-webkit-mask-position:-4815px 0!important;mask-position:-4815px 0!important;-webkit-animation:MOVE-MASK 1s steps(14) 1;animation:MOVE-MASK 1s steps(14) 1}.countries .country.Syri .background{background-image:url(/assets/coutries/syri.jpg)}.countries .country.Ghana .background{background-image:url(/assets/coutries/ghana.jpg)}.countries .country.Libanon .background{background-image:url(/assets/coutries/libanon.jpg)}.countries .country.Congo .background{background-image:url(/assets/coutries/congo.jpg)}.countries .country .background{position:absolute;z-index:-1;left:50%;top:50%;opacity:.7;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;height:400px;-webkit-mask-image:url(/assets/mask-image.png);mask-image:url(/assets/mask-image.png);-webkit-mask-size:auto 400px;mask-size:auto 400px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:luminance;background-size:cover;background-repeat:no-repeat;background-position:50%}.countries .country .background.animate{-webkit-animation:MOVE-MASK 1s steps(14) 1;animation:MOVE-MASK 1s steps(14) 1}@-webkit-keyframes MOVE-MASK{0%{-webkit-mask-position:-15px 0;mask-position:-15px 0}to{-webkit-mask-position:-4815px 0;mask-position:-4815px 0}}.answers{width:100%;display:table;text-align:center;height:300px}.answers.animate .option:first-child .brush{-webkit-animation:MOVE-BRUSH .15s steps(3) 1;animation:MOVE-BRUSH .15s steps(3) 1}.answers.animate .option:nth-child(2) .brush{-webkit-animation:MOVE-BRUSH .3s steps(3) 1;animation:MOVE-BRUSH .3s steps(3) 1}.answers.animate .option:nth-child(3) .brush{-webkit-animation:MOVE-BRUSH .45s steps(3) 1;animation:MOVE-BRUSH .45s steps(3) 1}.answers.animate .option:nth-child(4) .brush{-webkit-animation:MOVE-BRUSH .6s steps(3) 1;animation:MOVE-BRUSH .6s steps(3) 1}.answers.animate .option:nth-child(5) .brush{-webkit-animation:MOVE-BRUSH .75s steps(3) 1;animation:MOVE-BRUSH .75s steps(3) 1}.answers.animate .option:nth-child(6) .brush{-webkit-animation:MOVE-BRUSH .9s steps(3) 1;animation:MOVE-BRUSH .9s steps(3) 1}.answers.animate .option:nth-child(7) .brush{-webkit-animation:MOVE-BRUSH 1.05s steps(3) 1;animation:MOVE-BRUSH 1.05s steps(3) 1}.answers.animate .option:nth-child(8) .brush{-webkit-animation:MOVE-BRUSH 1.2s steps(3) 1;animation:MOVE-BRUSH 1.2s steps(3) 1}.answers.animate .option:nth-child(9) .brush{-webkit-animation:MOVE-BRUSH 1.35s steps(3) 1;animation:MOVE-BRUSH 1.35s steps(3) 1}.answers.animate .option:nth-child(10) .brush{-webkit-animation:MOVE-BRUSH 1.5s steps(3) 1;animation:MOVE-BRUSH 1.5s steps(3) 1}.answers .option{font-size:calc(1.0664% + 40px);max-width:600px;position:relative;cursor:pointer;margin:0 60px;text-align:center;display:inline-grid;vertical-align:top}.answers .option .brush{-webkit-mask-image:url(/assets/brush-image.png);mask-image:url(/assets/brush-image.png);-webkit-mask-size:132px auto;mask-size:132px auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 -570px;mask-position:0 -570px;background-color:#a5d36a;width:132px;height:180px;position:absolute;left:50%;top:40px;opacity:.3;z-index:-1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes MOVE-BRUSH{0%{-webkit-mask-position:0 4px;mask-position:0 4px}to{-webkit-mask-position:0 -570px;mask-position:0 -570px}}.country-header{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;display:table;opacity:0;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-position:50%;background-size:cover}.country-header.animate-out{-webkit-mask-image:url(/assets/Brush-Fullscreen.gif);mask-image:url(/assets/Brush-Fullscreen.gif)}.country-header.Syri{background-image:url(/assets/coutries/syri.jpg)}.country-header.Syri .brush{background-color:#ffb192}.country-header.Ghana{background-image:url(/assets/coutries/ghana.jpg)}.country-header.Ghana .brush{background-color:#ffb192}.country-header.Libanon{background-image:url(/assets/coutries/libanon.jpg)}.country-header.Libanon .brush{background-color:#ffb192}.country-header.Congo{background-image:url(/assets/coutries/congo.jpg)}.country-header.Congo .brush{background-color:#ffb192}.country-header div{display:table-cell;vertical-align:middle}.country-header .title{margin-bottom:0;font-size:calc(1.333% + 100px);opacity:1;text-align:center;text-shadow:0 0 40px rgba(0,0,0,.8)}@-webkit-keyframes MOVE-FULLSCREEN{0%{-webkit-mask-position:-100% 0;mask-position:-100% 0}to{-webkit-mask-position:120% 0;mask-position:120% 0}}.complete{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;display:table;opacity:1;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(/assets/Brush-Fullscreen.gif);mask-image:url(/assets/Brush-Fullscreen.gif)}.complete .content{display:table-cell;vertical-align:middle}.complete .centered-content{width:60%;display:inline-block}.complete .btn{background-color:#a5d36a;color:#000;margin-top:30px;margin-bottom:130px}.complete .title{margin-bottom:0;font-size:calc(1.333% + 60px);text-align:center;color:#fff}.complete .qr h3{margin-top:20px;font-size:calc(1.333% + 30px)}.complete .qr img{display:inline-block;width:150px;margin-top:30px}.complete .sponsors{width:100%;background-color:#fff;position:fixed;bottom:90px;padding-bottom:30px;left:0}.complete .sponsors li{position:relative;margin:0 20px;width:90px;height:90px}.complete .sponsors .left{float:left}.complete .sponsors .right{float:right}.complete .sponsors li,.complete .sponsors ul{display:inline-block}.complete .sponsors li img,.complete .sponsors ul img{width:90px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.story{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#a5d36a}.story.Syrië{background-color:#ffb192}.story.Congo{background-color:#f7d618}.story.Libanon{background-color:#fb5b5a}.story.Libanon .story-title{color:#fff}.story.Ghana{background-color:#a5d36a}.story .story-content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%;text-align:center}.story .story-title{font-size:40px;color:#000;font-family:Noe Display,serif}.story .disable{pointer-events:none;opacity:0}.story button{margin-top:20px}.video{top:0;z-index:-2;height:100%;background-color:#000}.video,.video nav{position:fixed;left:0;width:100%}.video nav{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.video .video-content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:60%;text-align:center}.video .video-title{font-size:40px;color:#000}.video .disable{pointer-events:none;opacity:0}.video button{margin-top:20px;background-color:#a5d36a;color:#000}.question.Congo .title{color:#f7d618}.question.Congo .brush{background-color:#f7d618}.question.Ghana .title{color:#a5d36a}.question.Ghana .brush{background-color:#a5d36a}.question.Libanon .title{color:#fb5b5a}.question.Libanon .brush{background-color:#fb5b5a}.question.Syrië .title{color:#ffb192}.question.Syrië .brush{background-color:#ffb192}.question .title{color:#a5d36a;margin-bottom:100px;font-size:45px;position:fixed;z-index:2;top:50%;width:80%;opacity:0;left:10%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}