@font-face{font-family:"DanoneOne";src:url(DanoneOne-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:"DanoneOne";src:url(DanoneOne-CondensedBold.ttf) format("truetype");font-weight:700}@keyframes fly{0%{bottom:-200px;transform:translateX(0)}50%{transform:translateX(20px)}100%{bottom:1080px;transform:translateX(-200px)}}@keyframes shakeAndScale{0%{transform:translateX(0) scale(1)}25%{transform:translateX(-5px) scale(1.05)}50%{transform:translateX(5px) scale(1.05)}75%{transform:translateX(-5px) scale(1.05)}100%{transform:translateX(0) scale(1.05)}}button,.big-button{display:block;background-color:#fff;color:#002677;border:3px solid #fff;border-radius:2rem;cursor:pointer;font-family:"DanoneOne",Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:20px;font-weight:bold;margin:.25rem;padding:.25rem;max-width:168px;width:100%}@media(min-width: 640px)and (max-width: 1023px){button,.big-button{font-size:20px;padding:.25rem;max-width:168px}}@media(min-width: 1024px){button,.big-button{font-size:2rem;padding:.5rem;max-width:20rem}}button#nextButton,.big-button#nextButton{background-color:#002677;font-weight:bold;color:#fff;position:absolute;bottom:0;left:0;cursor:none;pointer-events:none;opacity:.5;transition:all .25s ease-in}button#nextButton.show,.big-button#nextButton.show{cursor:pointer;pointer-events:initial;opacity:1}button.answerBtn,.big-button.answerBtn{background-color:#fff;color:#002677;margin:.25rem;padding:.25rem;width:100%}button.answerBtn.answerBtn-disabled,.big-button.answerBtn.answerBtn-disabled{cursor:none;pointer-events:none;opacity:.5}button.answerBtn.btnSelected,.big-button.answerBtn.btnSelected{opacity:1;border-color:#00bfff}.big-button{text-align:center;text-decoration:none}#quizComplete,#quizCharityFinal{background-color:#002677;color:#000;position:absolute;left:0;top:0;width:100%;height:100vh;height:100svh;overflow:hidden;z-index:100}#quizComplete .danone-end,#quizCharityFinal .danone-end{background-image:url(assets/images/danone-end.png);background-position:center;background-repeat:no-repeat;background-size:contain;width:70%;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}#quizComplete .quiz-complete-btn-container,#quizCharityFinal .quiz-complete-btn-container{position:absolute;bottom:5svh;left:5svh;width:100%}#quizComplete .quiz-complete-btn-container button,#quizCharityFinal .quiz-complete-btn-container button{margin-top:.5rem}#quizComplete .quiz-complete-container p,#quizCharityFinal .quiz-complete-container p{font-size:2rem;font-weight:bold}#quizCharityA,#quizCharityB{background-color:#fff;z-index:999}#quizCharityA h1,#quizCharityA p,#quizCharityB h1,#quizCharityB p{color:#002677}#quizCharityA p,#quizCharityB p{font-size:3vh;line-height:4vh;font-size:3svh;line-height:4svh}@media(min-width: 0)and (max-width: 639px){#quizCharityA p,#quizCharityB p{font-size:3vh;line-height:4vh;font-size:3svh;line-height:4svh}}@media(min-width: 640px)and (max-width: 1023px){#quizCharityA p,#quizCharityB p{font-size:2.5vh;line-height:3.5vh;font-size:2.5svh;line-height:3.5svh}}@media(min-width: 640px)and (max-width: 1023px)and (orientation: landscape){#quizCharityA p,#quizCharityB p{font-size:3vh;line-height:4vh;font-size:3svh;line-height:4svh}}@media(min-width: 1024px){#quizCharityA p,#quizCharityB p{font-size:2.5svh;line-height:3.5svh}}@media(min-width: 1600px){#quizCharityA p,#quizCharityB p{font-size:3.5svh;line-height:4svh}}#quizCharityA .glass-right,#quizCharityB .glass-right{display:flex;align-items:center;justify-content:center;flex-direction:column}#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{display:block;width:100%;max-width:200px;margin:0 auto}@media(min-width: 0)and (max-width: 639px){#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{max-width:200px}}@media(min-width: 640px)and (max-width: 1023px){#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{max-width:400px}}@media(min-width: 640px)and (max-width: 1023px)and (orientation: landscape){#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{max-width:200px}}@media(min-width: 1024px){#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{max-width:400px}}@media(min-width: 1600px){#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{max-width:500px}}#quizCharityA .glass-right .charity-btn-container,#quizCharityB .glass-right .charity-btn-container{display:flex;flex-wrap:wrap}#quizCharityA .glass-right .charity-btn-container button,#quizCharityB .glass-right .charity-btn-container button{margin:.5rem 0}#quizCharityA .glass-right .charity-btn-container .charity-btn,#quizCharityB .glass-right .charity-btn-container .charity-btn{border-color:#002677}#quizCharityA .glass-right .charity-btn-container .charity-close-btn,#quizCharityB .glass-right .charity-btn-container .charity-close-btn{background-color:#002677;border-color:#002677;color:#fff}.intro-screens{display:flex;flex-wrap:wrap;align-items:start;justify-content:center;position:absolute;top:0;left:0;height:100%;width:100%}.intro-screens .quiz-intro-inner{padding:5vh;padding:5svh;width:50vw}.intro-screens .quiz-intro-inner h1{color:#fff;font-weight:bold;margin:0;text-transform:uppercase}.intro-screens .quiz-intro-inner h1 span{color:#00aced;display:block}@media(min-width: 0)and (max-width: 639px){.intro-screens .quiz-intro-inner h1{font-size:10vh;line-height:9vh;font-size:10svh;line-height:9svh}}@media(min-width: 0)and (max-width: 639px)and (orientation: landscape){.intro-screens .quiz-intro-inner h1{font-size:14vh;line-height:12vh;font-size:14svh;line-height:12svh}}@media(min-width: 640px)and (max-width: 1023px){.intro-screens .quiz-intro-inner h1{font-size:14vh;line-height:12vh;font-size:14svh;line-height:12svh}}@media(min-width: 640px)and (max-width: 1023px)and (orientation: landscape){.intro-screens .quiz-intro-inner h1{font-size:14vh;line-height:12vh;font-size:14svh;line-height:12svh}}@media(min-width: 1024px){.intro-screens .quiz-intro-inner h1{font-size:10svh;line-height:9svh}}@media(min-width: 1600px){.intro-screens .quiz-intro-inner h1{font-size:14svh;line-height:12svh}}.intro-screens .quiz-intro-inner p{color:#fff;font-weight:400;text-transform:none;font-size:5.5vh;line-height:6vh;font-size:5.5svh;line-height:6svh}@media(min-width: 0)and (max-width: 639px){.intro-screens .quiz-intro-inner p{font-size:5.5vh;line-height:6vh;font-size:5.5svh;line-height:6svh}}@media(min-width: 640px)and (max-width: 1023px){.intro-screens .quiz-intro-inner p{font-size:5.5vh;line-height:6vh;font-size:5.5svh;line-height:6svh}}@media(min-width: 1024px){.intro-screens .quiz-intro-inner p{font-size:5.5svh;line-height:6svh}}@media(min-width: 1600px){.intro-screens .quiz-intro-inner p{font-size:6.5svh;line-height:6svh}}.intro-screens .quiz-intro-inner .big-button-container{display:flex;width:100%;position:absolute;bottom:5vh;bottom:5svh}.intro-screens .quiz-intro-inner .big-button-container .big-button{cursor:pointer;text-transform:uppercase;font-weight:bold;margin:0 1rem 0 0}.intro-screens.hide{transform:scale(0);opacity:0}.intro-screens .glass-right{height:100vh;height:100svh;width:50vw;position:relative}.question-title{color:#fff;text-transform:uppercase;margin-top:0;font-size:10vh;line-height:10vh;font-size:10svh;line-height:10svh;margin-bottom:0}.question-title span{color:#00bfff}@media(min-width: 640px)and (max-width: 1023px){.question-title{font-size:10svh;line-height:10svh}}@media(min-width: 1024px){.question-title{font-size:10svh;line-height:10svh}}#contentQuestions{display:none;position:absolute;top:0;left:0;padding:5vh;padding:5svh}#contentQuestions.show{display:block}#contentQuestions #questionContainer,#contentQuestions #factContainer{height:calc(100% - 25vh);height:calc(100% - 25svh);top:20vh;top:20svh;width:calc(50vw - 10vh);width:calc(50vw - 10svh)}#contentQuestions #questionContainer{margin:0 auto;position:absolute;left:5vh;left:5svh}#contentQuestions #questionContainer.question-hide{left:-150vw;transition:all .5s linear}#contentQuestions #questionContainer #questionText{font-size:1rem;margin-top:0}@media(min-width: 1024px){#contentQuestions #questionContainer #questionText{font-size:3vw;line-height:3.5vw}}#contentQuestions #questionContainer .answer-container{position:absolute;bottom:0;left:0;width:100%}#contentQuestions #factContainer{position:absolute;left:-150vw;z-index:17}#contentQuestions #factContainer.fact-pop-up{left:5vh;left:5svh;transition:all .5s linear}#contentQuestions #factContainer #factText{font-weight:bold;margin:5vh 0}@media(min-width: 0)and (max-width: 639px){#contentQuestions #factContainer #factText{font-size:5vh;line-height:5.5vh}}@media(min-width: 640px)and (max-width: 1023px){#contentQuestions #factContainer #factText{font-size:5vh;line-height:5.5vh}}@media(min-width: 1024px){#contentQuestions #factContainer #factText{font-size:4rem;line-height:4.5rem}}@media(min-width: 1024px)and (orientation: landscape){#contentQuestions #factContainer #factText{font-size:3.5vw;line-height:4vw}}@media(min-width: 1200px){#contentQuestions #factContainer #factText{font-size:3vw;line-height:3.5vw}}@media(min-width: 1200px)and (orientation: landscape){#contentQuestions #factContainer #factText{font-size:3vw;line-height:3.5vw}}@media(min-width: 1600px){#contentQuestions #factContainer #factText{font-size:3vw;line-height:3.5vw}}#contentQuestions #questionText,#contentQuestions #questionTextGlass,#contentQuestions #answerMessage,#contentQuestions #factText{color:#fff}#contentAnswer{display:none;position:absolute;top:0;right:0}#contentAnswer.show{display:block}.correctAnswerText{color:#fff;font-size:5vh;line-height:5.5vh;margin:0 0 .5rem 0}.correctAnswerBtn{background-color:#00aced;color:#002677;border:3px solid #fff;border-radius:2rem;font-family:"DanoneOne",Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:20px;font-weight:bold;margin:.25rem 0;padding:.25rem;max-width:168px;width:100%;text-align:center}@media(min-width: 1024px){.correctAnswerBtn{font-size:2rem;padding:.2rem;max-width:20rem}}.quiz-status #answerCorrect,.quiz-status #answerWrong{background-position:top center;background-repeat:no-repeat;background-size:80%;position:absolute;top:50%;left:54%;transform:translate(-50%, -50%) scale(1);opacity:0;height:66%;max-width:60%;padding-top:45%;width:100%;z-index:100;text-align:center;font-size:1rem;font-weight:bold;color:#002677;text-transform:uppercase;transition:all .5s ease}@media(min-width: 640px)and (max-width: 1023px){.quiz-status #answerCorrect,.quiz-status #answerWrong{font-size:1rem}}@media(min-width: 1024px){.quiz-status #answerCorrect,.quiz-status #answerWrong{font-size:1.75rem}}@media(min-width: 1600px){.quiz-status #answerCorrect,.quiz-status #answerWrong{font-size:2.5rem}}.quiz-status #answerCorrect.show,.quiz-status #answerWrong.show{opacity:1}.quiz-status #answerCorrect{background-image:url(assets/images/answerCorrect.png)}.quiz-status #answerWrong{background-image:url(assets/images/answerWrong.png)}.water-container{position:absolute;margin:0 auto;left:0;right:0;top:50%;transform:translateY(-50%)}@media(min-width: 0)and (max-width: 639px){.water-container{width:280px;height:280px}}@media(min-width: 640px)and (max-width: 1023px){.water-container{width:280px;height:280px}}@media(min-width: 640px)and (max-width: 1023px)and (orientation: landscape){.water-container{width:280px;height:280px}}@media(min-width: 1024px){.water-container{width:480px;height:480px}}@media(min-width: 1024px)and (orientation: landscape){.water-container{width:480px;height:480px}}@media(min-width: 1200px){.water-container{width:480px;height:480px}}@media(min-width: 1600px){.water-container{width:768px;height:768px}}.water-container .glass-markers{background-image:url(assets/images/markers.png);background-repeat:no-repeat;background-size:contain;left:0;position:absolute;top:0;width:100%;height:100%;z-index:11}.water-container .water-overflow{left:0;position:absolute;top:0;width:100%;height:100%;z-index:10}.water-container .water-overflow img{width:100%}.water-container .water-overflow video{width:100%}.water-container .glass-front{background-image:url(assets/images/glass-front.png);background-repeat:no-repeat;background-size:contain;left:0;position:absolute;top:0;width:100%;height:100%;z-index:10}.water-container .glass-back{background-image:url(assets/images/glass-back.png);background-repeat:no-repeat;background-size:contain;left:0;position:absolute;top:0;width:100%;height:100%;z-index:1}.water-container .water-pour{display:block;width:100%;height:100%;position:absolute;top:-12vh;top:-12svh;margin:0 auto;left:0;right:0;z-index:3}.water-container .water-pour img{width:100%}.water-container .water-pour video{width:100%}.water-container .water-limit{bottom:22%;height:66%;left:0;margin:0 auto;position:absolute;right:0;width:88%}@media(min-width: 640px)and (max-width: 1023px)and (orientation: landscape){.water-container .water-limit{bottom:22%;height:66%}}@media(min-width: 1024px){.water-container .water-limit{bottom:22%;height:66%}}@media(min-width: 1024px)and (orientation: landscape){.water-container .water-limit{bottom:22%;height:66%}}@media(min-width: 1200px){.water-container .water-limit{bottom:22%;height:66%}}.water-container .water-limit .water{position:absolute;bottom:0;width:100%;background-color:#00bfff;height:0;transition:height 1s ease-out;z-index:4}.water-container .water-limit .water.waterfall-fill{height:100% !important}.water-container .water-limit .water.waterfall-empty{height:0% !important}.water-container .water-limit .water .bubbles{width:50%;height:100%;position:absolute;z-index:4;overflow:hidden;top:0;left:0;right:0;margin:0 auto}@media(min-width: 0)and (max-width: 639px){.water-container .water-limit .water .bubbles{width:50%}}@media(min-width: 1024px){.water-container .water-limit .water .bubbles{width:38%}}@media(min-width: 1200px){.water-container .water-limit .water .bubbles{width:36%}}.water-container .water-limit .water .bubbles .bubble{position:absolute;bottom:-50px;background-color:#f1f1f1;border-radius:50%;opacity:.5;animation:fly 15s ease-in-out infinite}.water-container .water-limit .water .bubbles .bubble:nth-child(1){left:18%;height:1.5vw;width:1.5vw;animation-duration:8s;animation-delay:0s}.water-container .water-limit .water .bubbles .bubble:nth-child(2){left:16%;height:1vw;width:1vw;animation-duration:10s;animation-delay:1s}.water-container .water-limit .water .bubbles .bubble:nth-child(3){left:28%;height:2.25vw;width:2.25vw;animation-duration:12s;animation-delay:2s}.water-container .water-limit .water .bubbles .bubble:nth-child(4){left:32%;height:1.5vw;width:1.5vw;animation-duration:12s;animation-delay:5s}.water-container .water-limit .water .bubbles .bubble:nth-child(5){left:22%;height:2.25vw;width:2.25vw;animation-duration:9s;animation-delay:0s}.water-container .water-limit .water .bubbles .bubble:nth-child(6){left:32%;height:2.5vw;width:2.5vw;animation-duration:13s;animation-delay:8s}.water-container .water-limit .water .bubbles .bubble:nth-child(7){left:26%;height:1.75vw;width:1.75vw;animation-duration:10s;animation-delay:0s}.water-container .water-limit .water .bubbles .bubble:nth-child(8){left:18%;height:1.5vw;width:1.5vw;animation-duration:14s;animation-delay:5s}.water-container .water-limit .water .bubbles .bubble:nth-child(9){left:28%;height:1vw;width:1vw;animation-duration:10s;animation-delay:3s}.water-container .water-limit .water .bubbles .bubble:nth-child(10){left:22%;height:2.5vw;width:2.5vw;animation-duration:10s;animation-delay:11s}.water-container .water-limit .water .bubbles .bubble:nth-child(11){left:32%;height:2.5vw;width:2.5vw;animation-duration:12s;animation-delay:0s}.water-container .water-limit .water .bubbles .bubble:nth-child(12){left:26%;height:1.75vw;width:1.75vw;animation-duration:9s;animation-delay:5s}.water-container .water-limit .water .bubbles .bubble:nth-child(13){left:18%;height:1.5vw;width:1.5vw;animation-duration:8s;animation-delay:3s}.water-container .water-limit .water .bubbles .bubble:nth-child(14){left:28%;height:1vw;width:1vw;animation-duration:10s;animation-delay:5s}.water-container .water-limit .water .bubbles .bubble:nth-child(15){left:22%;height:2.5vw;width:2.5vw;animation-duration:8s;animation-delay:0s}.water-container .water-limit .water .bubbles .bubble:nth-child(16){left:18%;height:1.5vw;width:1.5vw;animation-duration:9s;animation-delay:8s}.water-container .water-limit .water .bubbles .bubble:nth-child(17){left:16%;height:1vw;width:1vw;animation-duration:13s;animation-delay:0s}.water-container .water-limit .water .bubbles .bubble:nth-child(18){left:28%;height:2.25vw;width:2.25vw;animation-duration:10s;animation-delay:5s}.water-container .water-limit .water .bubbles .bubble:nth-child(19){left:32%;height:1.5vw;width:1.5vw;animation-duration:14s;animation-delay:1s}.water-container .water-limit .water .bubbles .bubble:nth-child(20){left:22%;height:2.25vw;width:2.25vw;animation-duration:10s;animation-delay:2s}.water-container .water-sp{background-image:url(assets/images/water-sp.png);background-repeat:no-repeat;background-size:contain;left:0;position:absolute;top:0;width:100%;height:100%;z-index:10}.water-container .water-sp .water-sp-content{width:37%;position:absolute;height:50%;top:7%;right:8%}.water-container .water-sp .water-sp-content h2{color:#fff;position:absolute;top:20%;left:22%;margin:0;font-size:1.5rem;line-height:1.25rem;text-transform:uppercase}@media(min-width: 0)and (max-width: 639px){.water-container .water-sp .water-sp-content h2{font-size:1.5rem;line-height:1.25rem}}@media(min-width: 1024px){.water-container .water-sp .water-sp-content h2{font-size:2.5rem;line-height:2.25rem}}@media(min-width: 1600px){.water-container .water-sp .water-sp-content h2{font-size:4.5rem;line-height:3.5rem}}.water-container .water-sp .water-sp-content h2 span{color:#002677;display:block}.water-container .water-sp .water-sp-content .timer-container{height:100%;width:100%;position:absolute;top:0;left:0;right:0;margin:0 auto;text-align:center;transition:all 1s ease}.water-container .water-sp .water-sp-content .timer-container #questionTimer{position:absolute;top:20%;left:0;right:0;margin:0 auto;color:#fff;font-size:3rem;font-weight:bold}@media(min-width: 1024px){.water-container .water-sp .water-sp-content .timer-container #questionTimer{font-size:7rem;line-height:7rem}}.water-container .water-sp .water-sp-content .timer-container #questionTimer.end-timer{color:red}.water-container .water-sp .water-sp-content .timer-container #questionTimer.timer-shake{animation:shakeAndScale .5s infinite}.water-container .water-sp .water-sp-content .timer-container #questionTimer.timer-hide{opacity:0}.water-container .water-bottom{background:#002677;width:100%;z-index:5;position:absolute;top:80%;height:100%}*{box-sizing:border-box}body{background-color:#002677;padding:0;margin:0;font-family:"DanoneOne",Arial,Helvetica,sans-serif;overflow:hidden}#mainLoader{display:block;align-items:center;background-color:#002677;flex-wrap:wrap;height:100vh;justify-content:center;color:#fff;text-align:center;font-weight:bold;font-size:8vw;padding:10vw;position:fixed;opacity:1;width:100%;z-index:999;transition:all .25s ease}#mainLoader.loader-hide{opacity:0}#mainLoader.loader-gone{display:none;z-index:-1}#mainLoader svg{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;width:10vw;margin:0 auto}.rotate-message{align-items:center;background-color:#002677;flex-wrap:wrap;height:100vh;justify-content:center;color:#fff;text-align:center;font-weight:bold;font-size:8vw;padding:10vw;position:relative}.rotate-message p{position:absolute;top:5vh;top:5svh;left:0;right:0;margin:0 auto}.rotate-message img{display:block;width:100%}.content-container{display:flex;flex-wrap:wrap}.content-container .content-left,.content-container .content-right{position:relative;width:50vw;height:100vh;height:100svh;background-color:#002677}