@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:translate(0)}50%{transform:translate(20px)}to{bottom:1080px;transform:translate(-200px)}}@keyframes shakeAndScale{0%{transform:translate(0)scale(1)}25%{transform:translate(-5px)scale(1.05)}50%{transform:translate(5px)scale(1.05)}75%{transform:translate(-5px)scale(1.05)}to{transform:translate(0)scale(1.05)}}button,.big-button{color:#002677;cursor:pointer;text-transform:uppercase;background-color:#fff;border:3px solid #fff;border-radius:2rem;width:100%;max-width:168px;margin:.25rem;padding:.25rem;font-family:DanoneOne,Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;display:block}@media (width>=640px) and (width<=1023px){button,.big-button{max-width:168px;padding:.25rem;font-size:20px}}@media (width>=1024px){button,.big-button{max-width:20rem;padding:.5rem;font-size:2rem}}button#nextButton,.big-button#nextButton{color:#fff;cursor:none;pointer-events:none;opacity:.5;background-color:#002677;font-weight:700;transition:all .25s ease-in;position:absolute;bottom:0;left:0}button#nextButton.show,.big-button#nextButton.show{cursor:pointer;pointer-events:initial;opacity:1}button.answerBtn,.big-button.answerBtn{color:#002677;background-color:#fff;width:100%;margin:.25rem;padding:.25rem}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{color:#000;z-index:100;background-color:#002677;width:100%;height:100svh;position:absolute;top:0;left:0;overflow:hidden}#quizComplete .danone-end,#quizCharityFinal .danone-end{background-image:url(/assets/images/danone-end.png);background-position:50%;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{width:100%;position:absolute;bottom:5svh;left:5svh}#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:700}#quizCharityA,#quizCharityB{z-index:999;background-color:#fff}#quizCharityA h1,#quizCharityA p,#quizCharityB h1,#quizCharityB p{color:#002677}#quizCharityA p,#quizCharityB p{font-size:3svh;line-height:4svh}@media (width>=0) and (width<=639px){#quizCharityA p,#quizCharityB p{font-size:3svh;line-height:4svh}}@media (width>=640px) and (width<=1023px){#quizCharityA p,#quizCharityB p{font-size:2.5svh;line-height:3.5svh}}@media (width>=640px) and (width<=1023px) and (orientation:landscape){#quizCharityA p,#quizCharityB p{font-size:3svh;line-height:4svh}}@media (width>=1024px){#quizCharityA p,#quizCharityB p{font-size:2.5svh;line-height:3.5svh}}@media (width>=1600px){#quizCharityA p,#quizCharityB p{font-size:3.5svh;line-height:4svh}}#quizCharityA .glass-right,#quizCharityB .glass-right{flex-direction:column;justify-content:center;align-items:center;display:flex}#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{width:100%;max-width:200px;margin:0 auto;display:block}@media (width>=0) and (width<=639px){#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{max-width:200px}}@media (width>=640px) and (width<=1023px){#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{max-width:400px}}@media (width>=640px) and (width<=1023px) and (orientation:landscape){#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{max-width:200px}}@media (width>=1024px){#quizCharityA .glass-right .charity-img img,#quizCharityB .glass-right .charity-img img{max-width:400px}}@media (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{flex-wrap:wrap;display:flex}#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{color:#fff;background-color:#002677;border-color:#002677}.drip{z-index:18;width:100%;height:100svh;transition:all .5s;display:none;position:absolute;overflow:hidden}.drip.animate{display:block}.drip-drop{transform-origin:top;animation-name:drop;animation-timing-function:cubic-bezier(.37,0,.9,.57);animation-iteration-count:2;animation-direction:forwards;margin-left:-5.5px;position:absolute;top:0;left:50%;translate:0 -10px;scale:1 0}.drip-drop:after{content:"";width:100%;height:100%;animation-name:drop-after;animation-timing-function:cubic-bezier(.37,0,.9,.57);animation-iteration-count:2;animation-direction:forwards;background:#00bfff;border-radius:100% 0 0 100%;display:block;rotate:45deg}.drip-drop:first-child{width:26px;height:26px;margin-left:13px;animation-duration:1.884s;animation-delay:.25s;left:84%}.drip-drop:first-child:after{animation-duration:1.884s;animation-delay:.25s}.drip-drop:nth-child(2){width:26px;height:26px;margin-left:13px;animation-duration:1.667s;animation-delay:.5s;left:25%}.drip-drop:nth-child(2):after{animation-duration:1.667s;animation-delay:.5s}.drip-drop:nth-child(3){width:26px;height:26px;margin-left:13px;animation-duration:1.293s;animation-delay:.75s;left:46%}.drip-drop:nth-child(3):after{animation-duration:1.293s;animation-delay:.75s}.drip-drop:nth-child(4){width:26px;height:26px;margin-left:13px;animation-duration:2.72s;animation-delay:1s;left:86%}.drip-drop:nth-child(4):after{animation-duration:2.72s;animation-delay:1s}.drip-drop:nth-child(5){width:26px;height:26px;margin-left:13px;animation-duration:1.151s;animation-delay:1.25s;left:73%}.drip-drop:nth-child(5):after{animation-duration:1.151s;animation-delay:1.25s}.drip-drop:nth-child(6){width:26px;height:26px;margin-left:13px;animation-duration:1.728s;animation-delay:1.5s;left:46%}.drip-drop:nth-child(6):after{animation-duration:1.728s;animation-delay:1.5s}.drip-drop:nth-child(7){width:26px;height:26px;margin-left:13px;animation-duration:2.603s;animation-delay:1.75s;left:45%}.drip-drop:nth-child(7):after{animation-duration:2.603s;animation-delay:1.75s}.drip-drop:nth-child(8){width:26px;height:26px;margin-left:13px;animation-duration:1.188s;animation-delay:2s;left:26%}.drip-drop:nth-child(8):after{animation-duration:1.188s;animation-delay:2s}.drip-drop:nth-child(9){width:26px;height:26px;margin-left:13px;animation-duration:2.268s;animation-delay:2.25s;left:75%}.drip-drop:nth-child(9):after{animation-duration:2.268s;animation-delay:2.25s}.drip-drop:nth-child(10){width:26px;height:26px;margin-left:13px;animation-duration:1.107s;animation-delay:2.5s;left:2%}.drip-drop:nth-child(10):after{animation-duration:1.107s;animation-delay:2.5s}.drip-drop:nth-child(11){width:26px;height:26px;margin-left:13px;animation-duration:1.143s;animation-delay:2.75s;left:40%}.drip-drop:nth-child(11):after{animation-duration:1.143s;animation-delay:2.75s}.drip-drop:nth-child(12){width:26px;height:26px;margin-left:13px;animation-duration:2.634s;animation-delay:3s;left:22%}.drip-drop:nth-child(12):after{animation-duration:2.634s;animation-delay:3s}.drip-drop:nth-child(13){width:26px;height:26px;margin-left:13px;animation-duration:1.208s;animation-delay:3.25s;left:66%}.drip-drop:nth-child(13):after{animation-duration:1.208s;animation-delay:3.25s}.drip-drop:nth-child(14){width:26px;height:26px;margin-left:13px;animation-duration:2.686s;animation-delay:3.5s;left:50%}.drip-drop:nth-child(14):after{animation-duration:2.686s;animation-delay:3.5s}.drip-drop:nth-child(15){width:26px;height:26px;margin-left:13px;animation-duration:2.22s;animation-delay:3.75s;left:48%}.drip-drop:nth-child(15):after{animation-duration:2.22s;animation-delay:3.75s}.drip-drop:nth-child(16){width:26px;height:26px;margin-left:13px;animation-duration:1.474s;animation-delay:4s;left:8%}.drip-drop:nth-child(16):after{animation-duration:1.474s;animation-delay:4s}.drip-drop:nth-child(17){width:26px;height:26px;margin-left:13px;animation-duration:1.254s;animation-delay:4.25s;left:42%}.drip-drop:nth-child(17):after{animation-duration:1.254s;animation-delay:4.25s}.drip-drop:nth-child(18){width:26px;height:26px;margin-left:13px;animation-duration:2.328s;animation-delay:4.5s;left:29%}.drip-drop:nth-child(18):after{animation-duration:2.328s;animation-delay:4.5s}.drip-drop:nth-child(19){width:26px;height:26px;margin-left:13px;animation-duration:2.14s;animation-delay:4.75s;left:28%}.drip-drop:nth-child(19):after{animation-duration:2.14s;animation-delay:4.75s}.drip-drop:nth-child(20){width:26px;height:26px;margin-left:13px;animation-duration:1.346s;animation-delay:5s;left:70%}.drip-drop:nth-child(20):after{animation-duration:1.346s;animation-delay:5s}.water-drop-splash{width:100%;height:100svh;display:none;position:absolute;overflow:hidden}.water-drop-splash .water-drop-move{z-index:999;background-image:url(/assets/images/water-drop.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100px;height:100px;margin:0 auto;transition:bottom .5s;position:absolute;bottom:-50%;left:0;right:0}.water-drop-splash .water-drop-move span{background-color:#00bfff;border-radius:50%;width:10px;height:10px;margin:0 auto;position:absolute;top:50%;left:0;right:0;transform:scale(1)translateY(-50%)}.water-drop-splash .water-drop-move.animate{animation:.75s forwards moveDrop}.water-drop-splash .water-drop-move.animate span{animation:.5s .5s forwards changeDrop}.water-drop-splash .water-drop-screen{z-index:-1;background-color:#00bfff;width:100%;height:100svh;display:none;position:absolute;top:0;left:0}.water-drop-splash .water-drop-screen svg{position:absolute;bottom:100%}.water-drop-splash .water-drop-screen.show-screen{z-index:999;display:block}.water-drop-splash .water-drop-screen.animate{animation:2s forwards moveWaterScreen}@keyframes moveDrop{0%{bottom:-50%;transform:scale(0)}to{bottom:50%;transform:scale(1)}}@keyframes changeDrop{0%{transform:scale(2)}to{transform:scale(150)}}@keyframes drop{0%{translate:0 -10px;scale:1 0}35%{scale:.5 .8}45%{translate:0 15%;scale:.9}50%{scale:.4 1.4}60%{scale:.5 1}80%,to{translate:0 calc(100svh + 100%);scale:.3 1.1}}@keyframes drop-after{0%,25%{border-radius:0 100% 100%}80%,to{border-radius:100%}}.intro-screens{flex-wrap:wrap;justify-content:center;align-items:start;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.intro-screens .quiz-intro-inner{width:50vw;padding:5svh}.intro-screens .quiz-intro-inner h1{color:#fff;text-transform:uppercase;margin:0;font-size:10svh;font-weight:700;line-height:9svh}.intro-screens .quiz-intro-inner h1 span{color:#00aced;display:block}@media (width>=0) and (width<=639px){.intro-screens .quiz-intro-inner h1{font-size:10svh;line-height:9svh}}@media (width>=0) and (width<=639px) and (orientation:landscape){.intro-screens .quiz-intro-inner h1{font-size:14svh;line-height:12svh}}@media (width>=640px) and (width<=1023px){.intro-screens .quiz-intro-inner h1{font-size:14svh;line-height:12svh}}@media (width>=640px) and (width<=1023px) and (orientation:landscape){.intro-screens .quiz-intro-inner h1{font-size:14svh;line-height:12svh}}@media (width>=1024px){.intro-screens .quiz-intro-inner h1{font-size:10svh;line-height:9svh}}@media (width>=1600px){.intro-screens .quiz-intro-inner h1{font-size:14svh;line-height:12svh}}.intro-screens .quiz-intro-inner p{color:#fff;text-transform:none;font-size:5.5svh;font-weight:400;line-height:6svh}@media (width>=0) and (width<=639px){.intro-screens .quiz-intro-inner p{font-size:5.5svh;line-height:6svh}}@media (width>=640px) and (width<=1023px){.intro-screens .quiz-intro-inner p{font-size:5.5svh;line-height:6svh}}@media (width>=1024px){.intro-screens .quiz-intro-inner p{font-size:5.5svh;line-height:6svh}}@media (width>=1600px){.intro-screens .quiz-intro-inner p{font-size:6.5svh;line-height:6svh}}.intro-screens .quiz-intro-inner .big-button-container{width:100%;display:flex;position:absolute;bottom:5svh}.intro-screens .quiz-intro-inner .big-button-container .big-button{cursor:pointer;text-transform:uppercase;margin:0 1rem 0 0;font-weight:700}.intro-screens.hide{opacity:0;transform:scale(0)}.intro-screens .glass-right{width:50vw;height:100svh;position:relative}.question-title{color:#fff;text-transform:uppercase;margin-top:0;margin-bottom:0;font-size:10svh;line-height:10svh}.question-title span{color:#00bfff}@media (width>=640px) and (width<=1023px){.question-title{font-size:10svh;line-height:10svh}}@media (width>=1024px){.question-title{font-size:10svh;line-height:10svh}}#contentQuestions{padding:5svh;display:none;position:absolute;top:0;left:0}#contentQuestions.show{display:block}#contentQuestions #questionContainer,#contentQuestions #factContainer{width:calc(50vw - 10svh);height:calc(100% - 25svh);top:20svh}#contentQuestions #questionContainer{margin:0 auto;position:absolute;left:5svh}#contentQuestions #questionContainer.question-hide{transition:all .5s linear;left:-150vw}#contentQuestions #questionContainer #questionText{margin-top:0;font-size:1rem}@media (width>=1024px){#contentQuestions #questionContainer #questionText{font-size:3vw;line-height:3.5vw}}#contentQuestions #questionContainer .answer-container{width:100%;position:absolute;bottom:0;left:0}#contentQuestions #factContainer{z-index:17;position:absolute;left:-150vw}#contentQuestions #factContainer.fact-pop-up{transition:all .5s linear;left:5svh}#contentQuestions #factContainer #factText{margin:5vh 0;font-weight:700}@media (width>=0) and (width<=639px){#contentQuestions #factContainer #factText{font-size:4vh;line-height:4.5vh}}@media (width>=640px) and (width<=1023px){#contentQuestions #factContainer #factText{font-size:4vh;line-height:4.5vh}}@media (width>=1024px){#contentQuestions #factContainer #factText{font-size:4rem;line-height:4.5rem}}@media (width>=1024px) and (orientation:landscape){#contentQuestions #factContainer #factText{font-size:3.5vw;line-height:4vw}}@media (width>=1200px){#contentQuestions #factContainer #factText{font-size:3vw;line-height:3.5vw}}@media (width>=1200px) and (orientation:landscape){#contentQuestions #factContainer #factText{font-size:3vw;line-height:3.5vw}}@media (width>=1600px){#contentQuestions #factContainer #factText{font-size:3vw;line-height:3.5vw}}#contentQuestions #factContainer #factTextSource{margin:-2vh 0 1vh;font-size:2.5vh;font-weight:400;line-height:2.5vh}@media (width>=1024px){#contentQuestions #factContainer #factTextSource{font-size:1rem;line-height:1rem}}@media (width>=1024px) and (orientation:landscape){#contentQuestions #factContainer #factTextSource{font-size:1vw;line-height:1vw}}@media (width>=1200px){#contentQuestions #factContainer #factTextSource{font-size:1vw;line-height:1vw}}@media (width>=1200px) and (orientation:landscape){#contentQuestions #factContainer #factTextSource{font-size:1vw;line-height:1vw}}@media (width>=1600px){#contentQuestions #factContainer #factTextSource{font-size:1vw;line-height:1vw}}#contentQuestions #questionText,#contentQuestions #questionTextGlass,#contentQuestions #answerMessage,#contentQuestions #factText,#contentQuestions #factTextSource{color:#fff}#contentAnswer{display:none;position:absolute;top:0;right:0}#contentAnswer.show{display:block}.correctAnswerText{color:#fff;margin:0 0 .5rem;font-size:5vh;line-height:5.5vh}.correctAnswerBtn{color:#002677;text-transform:uppercase;text-align:center;background-color:#00aced;border:3px solid #fff;border-radius:2rem;width:100%;max-width:168px;margin:.25rem 0;padding:.25rem;font-family:DanoneOne,Arial,Helvetica,sans-serif;font-size:20px;font-weight:700}@media (width>=1024px){.correctAnswerBtn{max-width:20rem;padding:.2rem;font-size:2rem}}.quiz-status #answerCorrect,.quiz-status #answerWrong{opacity:0;z-index:100;text-align:center;color:#002677;text-transform:uppercase;background-position:top;background-repeat:no-repeat;background-size:80%;width:100%;max-width:60%;height:66%;padding-top:45%;font-size:1rem;font-weight:700;transition:all .5s;position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)scale(1)}@media (width>=640px) and (width<=1023px){.quiz-status #answerCorrect,.quiz-status #answerWrong{font-size:1rem}}@media (width>=1024px){.quiz-status #answerCorrect,.quiz-status #answerWrong{font-size:1.75rem}}@media (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{margin:0 auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@media (width>=0) and (width<=639px){.water-container{width:280px;height:280px}}@media (width>=640px) and (width<=1023px){.water-container{width:280px;height:280px}}@media (width>=640px) and (width<=1023px) and (orientation:landscape){.water-container{width:280px;height:280px}}@media (width>=1024px){.water-container{width:480px;height:480px}}@media (width>=1024px) and (orientation:landscape){.water-container{width:480px;height:480px}}@media (width>=1200px){.water-container{width:480px;height:480px}}@media (width>=1600px){.water-container{width:768px;height:768px}}.water-container .glass-markers{z-index:11;background-image:url(/assets/images/markers.png);background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0}.water-container .water-overflow{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.water-container .water-overflow img,.water-container .water-overflow video{width:100%}.water-container .glass-front{z-index:10;background-image:url(/assets/images/glass-front.png);background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0}.water-container .glass-back{z-index:1;background-image:url(/assets/images/glass-back.png);background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0}.water-container .water-pour{z-index:3;width:100%;height:100%;margin:0 auto;display:block;position:absolute;top:-12svh;left:0;right:0}.water-container .water-pour img,.water-container .water-pour video{width:100%}.water-container .water-limit{width:88%;height:66%;margin:0 auto;position:absolute;bottom:22%;left:0;right:0}@media (width>=640px) and (width<=1023px) and (orientation:landscape){.water-container .water-limit{height:66%;bottom:22%}}@media (width>=1024px){.water-container .water-limit{height:66%;bottom:22%}}@media (width>=1024px) and (orientation:landscape){.water-container .water-limit{height:66%;bottom:22%}}@media (width>=1200px){.water-container .water-limit{height:66%;bottom:22%}}.water-container .water-limit .water{z-index:4;background-color:#00bfff;width:100%;height:0;transition:height 1s ease-out;position:absolute;bottom:0}.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{z-index:4;width:50%;height:100%;margin:0 auto;position:absolute;top:0;left:0;right:0;overflow:hidden}@media (width>=0) and (width<=639px){.water-container .water-limit .water .bubbles{width:50%}}@media (width>=1024px){.water-container .water-limit .water .bubbles{width:38%}}@media (width>=1200px){.water-container .water-limit .water .bubbles{width:36%}}.water-container .water-limit .water .bubbles .bubble{opacity:.5;background-color:#f1f1f1;border-radius:50%;animation:15s ease-in-out infinite fly;position:absolute;bottom:-50px}.water-container .water-limit .water .bubbles .bubble:first-child{width:1.5vw;height:1.5vw;animation-duration:8s;animation-delay:0s;left:18%}.water-container .water-limit .water .bubbles .bubble:nth-child(2){width:1vw;height:1vw;animation-duration:10s;animation-delay:1s;left:16%}.water-container .water-limit .water .bubbles .bubble:nth-child(3){width:2.25vw;height:2.25vw;animation-duration:12s;animation-delay:2s;left:28%}.water-container .water-limit .water .bubbles .bubble:nth-child(4){width:1.5vw;height:1.5vw;animation-duration:12s;animation-delay:5s;left:32%}.water-container .water-limit .water .bubbles .bubble:nth-child(5){width:2.25vw;height:2.25vw;animation-duration:9s;animation-delay:0s;left:22%}.water-container .water-limit .water .bubbles .bubble:nth-child(6){width:2.5vw;height:2.5vw;animation-duration:13s;animation-delay:8s;left:32%}.water-container .water-limit .water .bubbles .bubble:nth-child(7){width:1.75vw;height:1.75vw;animation-duration:10s;animation-delay:0s;left:26%}.water-container .water-limit .water .bubbles .bubble:nth-child(8){width:1.5vw;height:1.5vw;animation-duration:14s;animation-delay:5s;left:18%}.water-container .water-limit .water .bubbles .bubble:nth-child(9){width:1vw;height:1vw;animation-duration:10s;animation-delay:3s;left:28%}.water-container .water-limit .water .bubbles .bubble:nth-child(10){width:2.5vw;height:2.5vw;animation-duration:10s;animation-delay:11s;left:22%}.water-container .water-limit .water .bubbles .bubble:nth-child(11){width:2.5vw;height:2.5vw;animation-duration:12s;animation-delay:0s;left:32%}.water-container .water-limit .water .bubbles .bubble:nth-child(12){width:1.75vw;height:1.75vw;animation-duration:9s;animation-delay:5s;left:26%}.water-container .water-limit .water .bubbles .bubble:nth-child(13){width:1.5vw;height:1.5vw;animation-duration:8s;animation-delay:3s;left:18%}.water-container .water-limit .water .bubbles .bubble:nth-child(14){width:1vw;height:1vw;animation-duration:10s;animation-delay:5s;left:28%}.water-container .water-limit .water .bubbles .bubble:nth-child(15){width:2.5vw;height:2.5vw;animation-duration:8s;animation-delay:0s;left:22%}.water-container .water-limit .water .bubbles .bubble:nth-child(16){width:1.5vw;height:1.5vw;animation-duration:9s;animation-delay:8s;left:18%}.water-container .water-limit .water .bubbles .bubble:nth-child(17){width:1vw;height:1vw;animation-duration:13s;animation-delay:0s;left:16%}.water-container .water-limit .water .bubbles .bubble:nth-child(18){width:2.25vw;height:2.25vw;animation-duration:10s;animation-delay:5s;left:28%}.water-container .water-limit .water .bubbles .bubble:nth-child(19){width:1.5vw;height:1.5vw;animation-duration:14s;animation-delay:1s;left:32%}.water-container .water-limit .water .bubbles .bubble:nth-child(20){width:2.25vw;height:2.25vw;animation-duration:10s;animation-delay:2s;left:22%}.water-container .water-sp{z-index:10;background-image:url(/assets/images/water-sp.png);background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0}.water-container .water-sp .water-sp-content{width:37%;height:50%;position:absolute;top:7%;right:8%}.water-container .water-sp .water-sp-content h2{color:#fff;text-transform:uppercase;margin:0;font-size:1.5rem;line-height:1.25rem;position:absolute;top:20%;left:22%}@media (width>=0) and (width<=639px){.water-container .water-sp .water-sp-content h2{font-size:1.5rem;line-height:1.25rem}}@media (width>=1024px){.water-container .water-sp .water-sp-content h2{font-size:2.5rem;line-height:2.25rem}}@media (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{text-align:center;width:100%;height:100%;margin:0 auto;transition:all 1s;position:absolute;top:0;left:0;right:0}.water-container .water-sp .water-sp-content .timer-container #questionTimer{color:#fff;margin:0 auto;font-size:3rem;font-weight:700;position:absolute;top:20%;left:0;right:0}@media (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:.5s infinite shakeAndScale}.water-container .water-sp .water-sp-content .timer-container #questionTimer.timer-hide{opacity:0}.water-container .water-bottom{z-index:5;background:#002677;width:100%;height:100%;position:absolute;top:80%}*{box-sizing:border-box}body{background-color:#002677;margin:0;padding:0;font-family:DanoneOne,Arial,Helvetica,sans-serif;overflow:hidden}#mainLoader{color:#fff;text-align:center;opacity:1;z-index:999;background-color:#002677;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100vh;padding:10vw;font-size:8vw;font-weight:700;transition:all .25s;display:block;position:fixed}#mainLoader.loader-hide{opacity:0}#mainLoader.loader-gone{z-index:-1;display:none}#mainLoader svg{width:10vw;margin:0 auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.rotate-message{color:#fff;text-align:center;background-color:#002677;flex-wrap:wrap;justify-content:center;align-items:center;height:100vh;padding:10vw;font-size:8vw;font-weight:700;position:relative}.rotate-message p{margin:0 auto;position:absolute;top:5svh;left:0;right:0}.rotate-message img{width:100%;display:block}.content-container{flex-wrap:wrap;display:flex}.content-container .content-left,.content-container .content-right{background-color:#002677;width:50vw;height:100svh;position:relative}