:root{--color-pink:#db2780;--color-blue:#0F62FE;--color-white:#FFFFFF;--color-cyan:#00ffff}body{background-color:#f3f3f3;color:#000;font-weight:300;padding:0 30px;font-family:'IBM Plex Sans',sans-serif;-webkit-tap-highlight-color:transparent}body h1{font-size:38px;color:#0f62fe}.backButton,button{cursor:pointer}.button{background-color:var(--color-blue);color:#fff;border:none;width:190px;font-weight:200;font-size:24px;transform:translateX(-100%);display:block;cursor:pointer}.button.button-round{display:flex;color:var(--color-white);width:33%;height:130px;text-align:left;font-size:14px}.nextButtonText{margin:5%;width:90%;position:relative}.getstarted{position:absolute;top:5px}svg.arrow{position:absolute;bottom:25px;right:15px;font-size:40px;width:50px;height:30px}.arrow-path{transform:scale(1.7)}@media screen and (max-width:500px){body h1{font-size:24px}.button{bottom:35px}}@keyframes slidein{0%{transform:translateX(-4000px)}100%{transform:translateX(0)}}@keyframes slidein-50{0%{transform:translateX(-4000px)}100%{transform:translateX(-50%)}}.slidein{transform:translateX(-4000px);animation-name:slidein;animation-duration:.4s;animation-timing-function:cubic-bezier();animation-fill-mode:forwards}.slidein-1{animation-delay:.2s}.slidein-2{animation-delay:.4s}.slidein-3{animation-delay:.6s}.slidein-4{animation-delay:.8s}.slidein-5{animation-delay:1s}.button.slidein{transform:translateX(-100%);animation-fill-mode:none;animation-name:slidein-50}100%{transform:scale(1)}.topBar .brand{font-size:28px;font-weight:300;margin-top:73px;padding-left:3px;z-index:100;color:#000}.topBar .cancelButton{display:block;color:#fff;background-color:#000;height:35px;width:35px;font-weight:300;text-align:center;margin-top:25px;font-size:24px;padding:0;padding-top:4px;box-sizing:border-box;display:none}.screen{display:none}@media screen and (max-width:500px){.topBar .brand{font-size:18px}.topBar .cancelButton{height:25px;width:25px;margin-top:15px;font-size:18px;padding-top:2px}}#screen0 h1{text-align:left;max-width:600px;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;font-weight:200;font-size:60px}#screen0 .info-text{max-width:600px;text-align:left;margin:30px auto 75px auto}#screen0 h1:first-child{margin-top:60px}#screen0 img{max-height:370px;margin:40px auto;max-width:60%;display:block;animation-name:hover;animation-duration:7s;animation-direction:alternate;animation-iteration-count:infinite}#box-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:54px;max-width:600px;margin-left:auto;margin-right:auto}.box{width:145px;height:115px;background-color:#000;margin-bottom:20px;text-align:center;padding-top:30px;color:#fff}.face{display:none;margin-top:20px;backface-visibility:visible: -webkit-backface-visibility: visible}.face1{display:block;backface-visibility:visible: -webkit-backface-visibility: visible}.face2{backface-visibility:visible: -webkit-backface-visibility: visible}.face3{backface-visibility:visible: -webkit-backface-visibility: visible}.face4{backface-visibility:visible: -webkit-backface-visibility: visible}.webkitstuff{-webkit-perspective:1000px}#box1{background-color:#111b68}#box3{background-color:#edcb0e}#box4{background-color:#11681e}#box5{background-color:#d80b0b}#box6{background-color:#fff;color:#000}#box7{background-color:#767676}#box8{background-color:#15d0d0}@media screen and (max-width:500px){#screen0 h1{font-size:24px}#screen0 h1:first-child{margin-top:10px}#screen0 svg{max-height:200px;margin:40px auto}}.boundingBox{width:400px;margin-left:auto;margin-right:auto}.question{cursor:pointer}.question h1{text-align:left;font-weight:200;max-width:100%;margin-top:80px;margin-bottom:150px;font-size:29px}.question a{display:flex;align-items:center;display:relative;margin-bottom:40px;width:100%;padding:0;background-color:#fff}a.active h4{color:#fff!important}a.active{transform:translateX(0);background-color:var(--color-blue)}.question a h4{font-weight:200;font-size:18px;color:var(--color-blue);padding-left:20px}.questionError{position:absolute;left:50%;transform:translateX(-50%);bottom:35px;display:none}.backButton{fill:var(--color-blue);font-size:18px;position:absolute;bottom:2%;height:75px;width:75px}.backarrow{transform:rotate(180deg);position:relative;bottom:-35%;left:17%;height:30px;width:50px}.nextButton{position:absolute;bottom:0;right:-33%}.pageindicators{display:flex;flex-direction:row;position:absolute;bottom:5%;right:10%;width:120px;justify-content:space-between}.circle{height:25px;width:25px;border:solid;border-color:var(--color-blue);border-radius:50%;display:flex;justify-content:center;align-content:center}.circle1,.circle2,.circle3{border:solid;border-color:#f3f3f3;border-radius:50%;height:20px;width:20px;background-color:var(--color-blue)}.circle1,.circle2,.circle3{display:none}.show-circle{display:block}@media screen and (max-width:500px){.question h1{max-width:600px;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;font-size:24px}.question a h4{font-weight:400;font-style:italic;font-size:14px}.questionButtons{position:relative;bottom:0;margin-bottom:20px}.questionButtons a{margin-left:auto;margin-right:auto;margin-top:25px;margin-bottom:0}.questionError{position:relative;text-align:center;margin-top:30px;bottom:0}}@media screen and (max-width:375px) and (max-height:650px){.question{margin-bottom:0}}#screen6 h1{text-align:left;max-width:400px;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:0;font-weight:200;font-size:30px}#screen6 h1:first-child{margin-top:30px}#screen6 .loading{margin-left:auto;margin-right:auto;width:400px;height:400px;max-width:100%;position:relative;margin-top:80px;border:solid;border-color:var(--color-blue)}#screen6 .glas{position:absolute;left:50%;transform:translateX(-50%);width:130px;height:150%}#screen6 .sugeror{position:absolute;left:calc(50% + 70px);top:-50px;transform:translateX(-50%);z-index:1;width:100px}#screen6 .loading-bar2,#screen6 .loading-bar3,#screen6 .loading-bar4,#screen6 .loading-bar5,#screen6 .loading-bar6{width:375px;height:70px;position:relative;left:50%;transform:translateX(-50%);top:10px;margin-top:5px;background-color:var(--color-cyan);animation-name:fade;animation-duration:.6s;animation-direction:alternate;animation-iteration-count:infinite}@keyframes fade{0%{opacity:1}100%{opacity:.5}}#screen6 .loading-bar2{animation-delay:1s}#screen6 .loading-bar3{animation-delay:.8s}#screen6 .loading-bar4{animation-delay:.6s}#screen6 .loading-bar5{animation-delay:.4s}#screen6 .loading-bar6{animation-delay:.2s}@media screen and (max-width:500px){#screen6 h1:first-child{margin-top:10px}}#screen8{width:600px;margin-left:auto;margin-right:auto;margin-top:70px}#screen8 h1{text-align:left;margin-top:30px;width:400px;font-weight:300;font-size:25px;padding-right:200px;margin-left:auto;margin-right:auto;max-width:100%}#screen8 h3{font-weight:300;text-align:center;max-width:100%;margin:30px auto;width:600px;font-size:24px}#screen8 .formSetup{display:flex;flex-direction:row}#screen8 .formColumn{display:flex;flex-direction:row;flex-wrap:wrap;width:600px}#screen8 .formUnit{display:flex;flex-direction:column}#screen8 .formLeft{padding-right:30px}#screen8 .email-signup-form{margin:0 auto;display:flex;flex-direction:column;max-width:100%;width:600px}#screen8 .email-signup-form input[type=email],#screen8 .email-signup-form input[type=tel],#screen8 .email-signup-form input[type=text],#screen8 .email-signup-form select{padding:10px 35px;border:0;width:200px;height:25px;background-color:#dcdcdc;border-bottom:solid;border-width:thin;border-color:grey;color:#000}#screen8 .email-signup-form label:not(.switch){background-color:var(--color-blue2);display:flex;align-items:center;position:relative;height:50px;color:grey}#screen8 .email-signup-form select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#dcdcdc;width:570px;position:relative;height:50px;color:#000;border-radius:0}#screen8 .countryselectordiv{position:relative;padding-bottom:30px}#screen8 .email-signup-form .downcaret{z-index:2;position:absolute;color:#000;width:20px;height:20px;top:25%;transform:translateY(-50%);right:70px}#screen8 .two-inputs input:last-child{flex:1;padding:10px 10px}#screen8 h5{font-weight:300;font-size:14px;margin-top:0;margin-bottom:10px;width:400px}#screen8 .checkboxes{display:flex;flex-wrap:wrap}#screen8 .checkboxes div{flex:2;display:flex;align-items:center}#screen8 .checkboxes p{padding-left:10px}#screen8 label .circle{flex:none;display:block;width:40px;height:40px;border-radius:50px;border:2px solid var(--color-blue);margin-right:5px}#screen8 input[type=checkbox]{opacity:0;position:absolute}#screen8 input[type=checkbox]:checked~.circle::before{content:'';width:30px;height:30px;position:relative;border-radius:50px;display:block;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--color-blue)}#screen8 .endButton{position:fixed;background:var(--color-blue);width:33%;height:130px;bottom:0}#screen8 .submitdiv{position:relative;width:100%;height:130px}#screen8 .submitname{position:absolute;top:15px;left:10px;font-size:20px}#screen8 .submitarrow{position:absolute;bottom:10px;right:5px}#screen8 .endChoices a{text-decoration:underline;color:#fff}.response{margin:0;text-align:center;font-size:22px;color:red}.disclaimer{font-size:11px;width:350px}@media screen and (max-width:500px){#screen8 h1{margin-top:10px}#screen8 h3{font-size:18px;margin:0 auto}#screen8 .two-inputs{flex-wrap:wrap}#screen8 .two-inputs input:first-child{margin-right:0}}#screen7 h1:first-child{margin-top:30px}#screen7 .resultP{max-width:600px;margin-right:auto;margin-left:auto;margin-top:100px}#screen7 #image{width:190px;display:block;padding-right:410px;margin-left:auto;margin-right:auto;margin-top:100px}#screen7 #drink{display:block;max-width:600px;margin:30px auto 0 auto;font-weight:200;font-size:60px}.fit{max-width:400px;padding-right:200px;margin-left:auto;margin-right:auto}#screen7 #quote{padding-top:40px}#screen7 h6{margin-top:20px;margin-bottom:0;font-size:20px}#screen7 #subquote{margin-top:0}#screen7 .forward{position:absolute;top:15px;left:10px;font-size:20px}#screen7 .thank-you{text-align:center;font-weight:300;font-size:24px;max-width:550px;margin:40px auto}@media screen and (max-width:500px){#screen7 #cmo-image{width:125px;margin:30px auto}#screen7 .thank-you{font-size:18px}#screen7 .cmo-drink{margin-top:20px}#screen7 h1:first-child{margin-top:10px}#screen7 .button{position:relative;bottom:20px;left:inherit;transform:none;margin-left:auto;margin-right:auto}}.bigFix{margin-top:10px!important;margin-bottom:0!important}@media screen and (min-width:1000px){.screen{height:900px}.backButton,.nextButton,.pageindicators{position:fixed}.nextButton{width:27%!important}.nextButtonText{width:70%!important}}