/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}a{background-color:transparent}a:active,a:hover{outline:0}input{line-height:normal}html{box-sizing:border-box}/*! Typography */html{font-size:1.15em;font-family:'Oswald', sans-serif;font-weight:300;color:#FFF;line-height:1.4;text-align:left}h1,h2,h3{font-family:'bebas_neuebold', sans-serif;margin:0;padding:0;line-height:1;text-transform:uppercase}h3{font-size:2em;margin-bottom:20px}.home h1{font-size:4em;line-height:.8}.home h1 span{color:#A8D0CE}p{margin:0 auto 1rem auto;width:100%}@media only screen and (min-width: 768px){.home h1{font-size:6em;line-height:.8}}/*! Helpers */.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after,.clear-both{clear:both}.hide{display:none}.step{background-color:#A8D0CE;font-weight:700;color:#037771;text-transform:uppercase;position:relative;font-size:1em;padding:5px 0 5px 70px;width:calc(100% - 70px)}@media only screen and (min-width: 768px){.step{line-height:70px;padding:5px 0 5px 100px;width:calc(100% - 100px)}}@media only screen and (min-width: 1024px){.step{padding:5px 0 5px 110px;width:calc(100% - 110px)}}@media only screen and (min-width: 1366px){.step{padding:5px 0 5px 160px;width:calc(100% - 160px)}}/*! Buttons */.btn{display:inline-block;margin:30px 0 60px 0;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;text-decoration:none;text-transform:uppercase;font-size:1em;letter-spacing:.055em;width:auto;background-color:#037771;font-family:'Oswald', sans-serif;border-radius:5px;transition:all .3s;padding:10px 80px 10px 20px;color:#FFF;font-weight:600;background-color:#FFAE00;text-align:left;position:relative;max-width:240px;border:none}.btn span{text-transform:lowercase}.btn:after{content:'\2192';position:absolute;top:50%;transform:translateY(-55%);right:20px}.btn:hover{background-color:#cc8b00}.btn:hover span{left:4px}.btn-white{background-color:#FFF}.home .intro{margin:20px 0}.home ul{z-index:2}.home li{margin:0 0 5px;display:inline-block}.home li p{background-color:#8697cb;display:inline;padding:10px 20px;font-size:1.15em;text-align:left;width:auto;float:left;margin:0;line-height:1.2;font-weight:400}@media only screen and (min-width: 768px){.home{max-width:65%}.home .intro{margin:20px 0}.home ul{position:absolute;top:160px;right:0;width:40%}.home li{float:right;margin:0 0 15px}.home li p{text-align:left;display:inline-block}.home #animation_container{position:absolute;bottom:-130px;right:-350px}}@media only screen and (min-width: 1024px){.home-wrapper{margin-bottom:-120px;position:relative}.home{max-width:45%}.home ul{top:40px;width:50%}.home li p{padding:20px}.home #animation_container{position:absolute;bottom:-340px;right:-160px}}@media only screen and (min-width: 1366px){.home{max-width:45%;font-size:90%}.home ul{width:70%}.home li p{padding:20px}.home #animation_container{position:absolute;bottom:-300px;right:-160px}}@media only screen and (min-width: 1490px){.home ul{margin-top:0;width:50%}.home li:last-child{width:45%}.home #animation_container{transform:scale(1);position:absolute;bottom:-200px;right:-60px}}body{background-color:#037771;overflow-x:hidden}main{margin-top:80px}.holder{width:90%;margin:0 auto}ul{list-style:none;margin:0;padding:0;width:100%}.col:before,.col:after{content:' ';display:table}.col .holder{width:calc(100% - 60px);margin:50px 30px}.col:first-child{background-color:#FFF;color:#037771}.col:first-child h1{margin:0 0 10px}.col:last-child h2{font-size:3em;line-height:.85}.col:last-child h2 span{color:#A8D0CE}.col:last-child h2 span.small{font-size:40%;display:block}.list-with-titles{margin-left:-30px;margin-top:30px;margin-bottom:30px}.list-with-titles li{position:relative;margin-bottom:20px}.list-with-titles .title{background-color:#FFF;padding:10px 20px 10px 30px;text-transform:uppercase;color:#037771;font-family:'bebas_neuebold', sans-serif;display:inline-block;width:auto;font-size:1.35em;z-index:2;position:relative;line-height:1.1}.list-with-titles .title-figure{font-size:3em}.list-with-titles .description{background-color:#A8D0CE;color:#037771;position:relative;top:0;left:0;margin-left:30px;margin-top:-40px;width:calc(100% - 40px);padding:30px 20px 20px 20px}ul.staying-safe,ul.general-guidelines{margin-top:30px}ul.staying-safe li,ul.general-guidelines li{display:flex;width:calc(100% - 40px);padding:20px;background-color:#A8D0CE;color:#037771;margin:0 0 10px;overflow:auto;justify-content:center;align-items:center;flex-direction:column;text-align:center;overflow:visible}ul.staying-safe img,ul.general-guidelines img{width:100px;height:100px;margin-bottom:10px}ul.staying-safe span{width:calc(100% + 40px);height:auto;margin:-20px -20px 20px;background-color:#FFF;font-family:'bebas_neuebold', sans-serif;font-size:2em;padding:10px 0}section{padding-top:60px}ul.fake-news{margin:0 0 20px}ul.fake-news li{width:calc(100% - 40px);margin:0 0 10px}ul.fake-news p{padding:10px 20px;background-color:#A8D0CE;color:#037771}.task-wrapper{background-color:blue}@media only screen and (min-width: 768px){.holder{width:80%;margin:0 auto}.cols{display:flex;flex:1}.col .holder{width:calc(100% - 100px);margin:50px}.col:first-child{width:40%;min-height:100%;min-height:100vh;display:flex;flex-direction:column;position:relative}.col:first-child img{align-self:flex-end;margin:0 auto;width:90%;height:auto}.col:last-child{width:60%;margin-top:100px}.col:last-child h2{font-size:4.35em}.list-with-titles{margin-left:-50px}.list-with-titles .title{padding:10px 20px 10px 50px}.list-with-titles .description{margin-left:50px;margin-bottom:10px}.hide-desktop{display:none}}@media only screen and (min-width: 1024px){.col .holder{width:calc(100% - 100px);margin:50px}.col:first-child .holder{width:calc(100% - 160px);padding-left:60px}.col:last-child h2{font-size:5.35em}.list-with-titles{margin-left:-80px;width:calc(100% + 80px)}.list-with-titles .title{padding:10px 20px 10px 80px}.list-with-titles .description{margin-left:80px;display:block;width:auto}ul.staying-safe li,ul.general-guidelines li{text-align:left;flex-direction:row;justify-content:flex-start}ul.staying-safe p,ul.general-guidelines p{width:calc(100% - 120px);margin:0}ul.staying-safe img,ul.general-guidelines img{margin-bottom:0;margin-right:20px}ul.staying-safe li{width:calc(100% - 120px);padding-left:120px;position:relative}ul.staying-safe p{width:calc(100% - 220px);margin:0}ul.staying-safe span{margin:0;padding:0;width:100px;height:100%;background-color:#FFF;font-family:'bebas_neuebold', sans-serif;font-size:4em;position:absolute;display:flex;justify-content:center;align-items:center;left:0;top:0}ul.staying-safe li:last-child span{letter-spacing:-0.05em}}@media only screen and (min-width: 1366px){body{font-size:1.4em}.col .holder{width:calc(100% - 160px);margin:80px}.col:first-child .holder{width:calc(100% - 240px);padding-left:80px}.col:first-child h1{margin-bottom:20px}.col:last-child .three-ethic-principles .three{font-size:12em}.col:last-child h2{font-size:5.15em}ul.staying-safe span{font-size:3em}}.top-success ul li:first-child{animation-delay:.5s}.top-success ul li:nth-child(2){animation-delay:.75s}.top-success ul li:nth-child(3){animation-delay:1s}.bottom-success .animation{padding:30px;overflow-y:hidden}.bottom-success img{width:80%;height:auto;margin-left:-100px}.bottom-success .btn{max-width:400px;font-size:1em}@media only screen and (min-width: 768px){.bottom-success img{width:60%;height:auto}}@media only screen and (min-width: 1024px){.bottom-success img{width:40%;height:auto}}.lockup a{position:absolute;top:0;right:0;z-index:5}.lockup a img{display:block;width:60px;height:auto}@media only screen and (min-width: 768px){.lockup a{right:30px}.lockup a img{width:70px}}.tips{width:100%}.tips li{width:calc(100% - 40px);text-align:left;position:relative}.tips .figure{background-color:#037771;color:#FFF;font-family:'Roboto Slab', serif;font-weight:700;display:block;padding:10px 20px;font-size:1.5em;width:100%}.tips p{padding:20px;background-color:#A8D0CE}.tips p span{font-family:'Roboto Slab', serif;font-weight:700;display:block;font-size:1.15em;line-height:1.2;margin-bottom:5px}@media only screen and (min-width: 768px){.tips li{width:100%;margin-bottom:20px}.tips .figure{display:inline-flex;width:12.5%;justify-content:center;align-items:center;height:100%;padding:0;position:absolute;font-size:4em;margin-bottom:20px}.tips p{max-width:calc( 100% - 12.5% - 40px);display:inline-block;margin:0 0 0 12.5%}}.three-ethic-principles{float:left;clear:left}.three-ethic-principles .three{font-size:7em;float:left;margin:0;padding:0;line-height:.7;font-family:'bebas_neuebold', sans-serif;margin-right:5px}.three-ethic-principles p:first-of-type{margin:20px auto}img.step-1{margin:20px}@media only screen and (min-width: 768px){.three-ethic-principles .three{font-size:10em}img.step-1{width:100%;margin:-40px 20px 0 -50%}}@media only screen and (min-width: 1024px){.three-ethic-principles .three{font-size:13em}}@media only screen and (min-width: 1490px){.three-ethic-principles .three{font-size:13em}}.task ul.steps{margin:30px auto 0 auto;display:block;width:259px}.task ul.steps li{border:1px solid rgba(255,255,255,0.5);width:10px;height:10px;border-radius:50%;display:inline-block;margin:0 4px;position:relative}.task ul.steps li:after{content:"";border-bottom:1px solid rgba(255,255,255,0.3);width:12px;position:absolute;top:50%;right:-13px}.task ul.steps li:last-child:after{width:0}.task ul.steps li.on{border:1px solid #fff;background-color:#8697cb}.task ul.steps li.on:after{border-bottom:1px solid #fff}.task{padding-bottom:40px}.task ul{position:relative;z-index:2;margin:60px 0 20px 0}.task li{width:100%;height:60px;display:block;margin:0 0 10px}.task li a{font-weight:400;border-radius:4px;background-color:#00B4E5;color:#FFF;display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;margin:0;text-decoration:none;transition:all .3s}.task li a:hover{background-color:#8697cb}.task li a.selected{background-color:#8697cb}.task li a.selected-wrong{background:#E6615F;animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}.task-ethics p.behaviour{width:calc(100% - 30px);font-family:'bebas_neuebold', sans-serif;font-size:2em;line-height:.9;color:#A8D0CE;position:relative;margin:60px 0 0 30px;transition:all .3s}.task-ethics p.behaviour:before,.task-ethics p.behaviour:after{font-family:'Oswald', sans-serif;font-weight:600;font-size:4em;position:absolute;opacity:.5}.task-ethics p.behaviour:before{content:"\201C";top:-40px;left:-30px}.task-ethics p.behaviour:after{content:"\201D";top:70%;right:40px}.task-ethics .feedback{padding:10px 0 40px 0;float:left;position:relative}.col-1-step-2 img{width:90%;height:auto;display:block;margin:0 auto;flex-shrink:0}@media only screen and (min-width: 1024px){.task-ethics .question ul{display:flex}.task-ethics .question li{margin:0 5px}.task-ethics .question p.behaviour:after{content:"\201D";top:50%;right:40px}}@media only screen and (min-width: 1366px){.task ul.steps{margin:60px auto;width:390px}.task ul.steps li{width:20px;height:20px}.task ul.steps li:after{content:"";border-bottom:1px solid rgba(255,255,255,0.5);width:13px;position:absolute;top:10px;right:-14px}.task-ethics p.behaviour{font-size:3em}.task-ethics p.behaviour:before{top:-80px;left:-30px}.task-ethics p.behaviour:after{top:80%;right:20px}}.task-password{background-color:#A8D0CE;padding:20px;margin:30px 0 60px 0;color:#037771}.task-password input[type="text"]{border:none;border-bottom:1px solid #037771;width:100%;max-width:700px;height:60px;font-size:1.5em;color:#037771;font-family:'Oswald', sans-serif;font-weight:400;text-align:left;outline:none;cursor:pointer;background-color:transparent}.task-password input[type="submit"]{background-color:#FFF;color:#037771;height:50px;line-height:50px;padding:0 20px;margin:30px 0 10px}.task-password .strength-bar{border:1px solid #037771;height:20px;width:calc(100%);position:relative}.task-password .strength-bar span{height:100%;display:inline-block;width:0;background-color:#8697cb;position:absolute;top:0;left:0;transition:all .3s}.task-password .strength-bar-legend{width:calc(100%)}.task-password .strength-bar-legend p{font-size:80%;text-align:center;margin:10px 0}.task-password .strength-bar-legend p span:first-child{float:left}.task-password .strength-bar-legend p span:last-child{float:right}.task-password .password-feedback{padding:40px 0 0}.task-password .password-feedback-text{width:calc(100% - 40px);padding:20px;margin:30px 0 0;font-weight:700;background-color:#8697cb;color:#FFF}.col-1-step-3 img{margin:20px;width:calc(100% - 40px)}.btn-continue-1{margin:40px 0 0;display:inline-block}@media only screen and (min-width: 1024px){.task-password{padding:50px}.task-password .strength-bar{width:calc(100% - 80px)}.task-password .strength-bar-legend{width:calc(100% - 80px)}.task-password .password-feedback-text{width:calc(100% - 120px)}}@media only screen and (min-width: 1366px){.task-password input[type="submit"]{background-color:#FFF;height:60px;line-height:60px;padding:0 30px;text-align:center;max-width:280px}.task-password input[type="submit"]:hover{background-color:rgba(255,255,255,0.5)}.password-feedback-text,.strength-bar,.strength-bar-legend,.task-password input[type="text"]{max-width:615px}}.task-danger{padding:0 0 60px}.task-danger ul{margin:20px 0}.task-danger li{width:calc(100% - 40px);margin:0 0 20px}.task-danger li a{text-align:left;justify-content:flex-start;padding:5px 20px}.task-danger .feedback{padding:30px;margin:60px -30px 0 -30px}.task-danger .well-done{font-size:3em;font-family:'bebas_neuebold', sans-serif;margin:0}.task-danger .feedback-negative{background-color:#E6615F;color:#FFF;text-align:center;float:left}.task-danger .feedback-negative p{margin:0}.task-danger .feedback-negative img{width:60px;height:60px;margin:0 0 20px}.task-danger .feedback-negative .btn-try-again{margin:30px 0 10px}#staying-safe{padding:0}.col-1-step-4 img{margin:20px 20px 0}@media only screen and (min-width: 768px){.task-danger .feedback{padding:50px;margin:20px 0 50px}.task-danger .feedback-positive{margin:0 -50px 0 -50px}.col-1-step-4{position:relative}}@media only screen and (min-width: 1024px){.task-danger .feedback-wrapper{text-align:left}.btn-try-again{text-align:left;float:left}}.hide{display:none}.quiz ul{margin:30px 0 20px -20px}.quiz li{cursor:pointer;display:block;margin:0 0 10px}.quiz li span{padding:0 20px;height:50px;line-height:50px;border-radius:4px;display:inline-block;text-transform:uppercase}.quiz li span:first-child{width:auto;border-right:1px solid #037771;margin-left:20px;background-color:#8697cb;border-top-right-radius:0;border-bottom-right-radius:0}.quiz li span:last-child{letter-spacing:.25em;border-top-left-radius:0;border-bottom-left-radius:0;background-color:#00B4E5}.quiz .correct-gauge--1 .correct-gauge-1{background:#8697cb}.quiz .correct-gauge--2 .correct-gauge-1,.quiz .correct-gauge--2 .correct-gauge-2{background:#8697cb}.quiz .correct-gauge--3 .correct-gauge-1,.quiz .correct-gauge--3 .correct-gauge-2,.quiz .correct-gauge--3 .correct-gauge-3{background:#8697cb}.quiz .correct-gauge--4 .correct-gauge-1,.quiz .correct-gauge--4 .correct-gauge-2,.quiz .correct-gauge--4 .correct-gauge-3,.quiz .correct-gauge--4 .correct-gauge-4{background:#8697cb}.quiz .correct-gauge--5 .correct-gauge-1,.quiz .correct-gauge--5 .correct-gauge-2,.quiz .correct-gauge--5 .correct-gauge-3,.quiz .correct-gauge--5 .correct-gauge-4,.quiz .correct-gauge--5 .correct-gauge-5{background:#8697cb}.quiz .correct-gauge--6 .correct-gauge-1,.quiz .correct-gauge--6 .correct-gauge-2,.quiz .correct-gauge--6 .correct-gauge-3,.quiz .correct-gauge--6 .correct-gauge-4,.quiz .correct-gauge--6 .correct-gauge-5,.quiz .correct-gauge--6 .correct-gauge-6{background:#8697cb}.quiz .correct-gauge--7 .correct-gauge-1,.quiz .correct-gauge--7 .correct-gauge-2,.quiz .correct-gauge--7 .correct-gauge-3,.quiz .correct-gauge--7 .correct-gauge-4,.quiz .correct-gauge--7 .correct-gauge-5,.quiz .correct-gauge--7 .correct-gauge-6,.quiz .correct-gauge--7 .correct-gauge-7{background:#8697cb}.quiz .correct-gauge--7 .correct-gauge-1,.quiz .correct-gauge--7 .correct-gauge-2,.quiz .correct-gauge--7 .correct-gauge-3,.quiz .correct-gauge--7 .correct-gauge-4,.quiz .correct-gauge--7 .correct-gauge-5,.quiz .correct-gauge--7 .correct-gauge-6,.quiz .correct-gauge--7 .correct-gauge-7,.quiz .correct-gauge--7 .correct-gauge-8{background:#8697cb}.correct-answers{font-size:1rem}.correct-answers .circle{padding:15px 15px;width:100px;height:100px;border-radius:50%;background-color:#8697cb;color:#FFF;font-size:1.5em;font-weight:bold;position:relative;top:8px;left:5px}@media only screen and (min-width: 768px){.col-1-step-5{position:relative}.col-1-step-5 .animation-wrapper{position:fixed;bottom:0;left:-33%}}@media only screen and (min-width: 1024px){.col-1-step-5 .animation-wrapper{bottom:-130px;transform:scale(0.61);left:-10%}.check-answers-wrapper{display:flex}.check-answers-wrapper p:last-child{margin-top:30px}}@media only screen and (min-width: 1366px){.col-1-step-5 .animation-wrapper{position:absolute;bottom:0;left:-15%;transform:scale(1)}}@media only screen and (min-width: 1366px){.col-1-step-5 .animation-wrapper{position:absolute;bottom:0;left:-5%;transform:scale(1)}}@media only screen and (min-width: 1490px){.col-1-step-5 .animation-wrapper{transform:scale(1.2);bottom:55px;left:5%}}.task-fake-news ul.steps{width:234px}.task-fake-news .question{margin:30px 0}.task-fake-news .question img{width:calc(100% - 16px);border:8px solid #FFF;border-bottom:none}.task-fake-news .question p.news{width:calc(100% - 76px);border:8px solid #FFF;border-top:none;padding:30px;background-color:#A8D0CE;color:#037771;font-family:'bebas_neuebold', sans-serif;font-size:1.5em;line-height:1;text-align:center}.task-fake-news .question p.news:last-of-type{border-top:8px solid #FFF}.task-fake-news .question ul{margin:20px 0}.task-fake-news .question .feedback p{margin:0}.task-fake-news .question .feedback span{font-family:'bebas_neuebold', sans-serif;font-size:1.5em}.task-fake-news-1 ul li{margin:0 0 20px;height:100px}.task-fake-news-1 .feedback-negative{margin:0}.task-fake-news-1 .feedback-negative .hint{margin:30px 0 0}@media only screen and (min-width: 1024px){.task-fake-news .question{max-width:75%;margin:20px auto}.task-fake-news .question ul{display:flex}.task-fake-news .question li{margin:0 10px}.task-fake-news-1 ul li{width:42.5%;float:left;font-size:80%;height:90px;margin-right:50px;display:block}.task-fake-news-1 .btn-check{clear:both;position:relative;float:left;margin-bottom:100px}.task-fake-news-1 .feedback{position:relative;float:left;clear:both;margin:20px 0 40px}.task-fake-news-1 .feedback-negative{width:calc(100% - 100px)}.task-fake-news-1 .feedback-positive{padding:0}}@media only screen and (min-width: 1366px){.task-fake-news ul.steps{width:350px}}.success{margin-bottom:-100px}.success h3{color:#A8D0CE;margin-top:10px}.success #animation_container{transform:scale(1.1)}@media only screen and (min-width: 768px){.success .holder{width:100%;padding:0;margin:0 50px}.success #animation_container{transform:scale(1);right:-260px}}@media only screen and (min-width: 1024px){.success .holder{width:80%;padding:0;margin:0 50px}.success #animation_container{bottom:-290px;right:-380px}}@media only screen and (min-width: 1366px){.success #animation_container{bottom:-390px;right:-250px}}@media only screen and (min-width: 1490px){.success #animation_container{transform:scale(1.3);right:-240px;bottom:-40px}}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #FFF}.tooltip-fake-news{border-bottom:1px dotted #037771}.tooltip .tooltiptext{font-weight:400;font-size:18px;visibility:hidden;width:160px;background-color:#FFAE00;color:#fff;text-align:center;border-radius:6px;padding:10px;text-transform:none;font-family:'Oswald', sans-serif;line-height:1.2;position:absolute;z-index:100;top:110%;left:-50%}.tooltip:hover .tooltiptext{visibility:visible;transition:all .3s}.tooltip .tooltiptext::after{content:" ";position:absolute;bottom:98%;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent #FFAE00 transparent}.tooltip .tooltiptext-unprecedented{margin-left:-40px}.tooltip .tooltiptext-ethical{margin-left:-40px}.tooltip .tooltip-text-integrity{margin-left:-40px}.tooltip .tooltiptext-ethical{left:-65%}.tooltip .tooltiptext-mitigate{left:-80%}.tooltip .tooltiptext-hack{margin-left:-60px}.tooltip .tooltiptext-trolling{margin-left:-30px}.tooltip .tooltiptext-cyberbullying{margin-left:-60px}.tooltip .tooltiptext-libellous{margin-left:-30px}@media only screen and (min-width: 768px){.tooltip .tooltiptext-unprecedented{margin-left:0}}@media only screen and (min-width: 768px){.tooltip .tooltiptext-conscience{left:0}.tooltip .tooltiptext-ambiguity{left:0}}
/*# sourceMappingURL=main.css.map */