@keyframes fadeinphoto{0%{transform:scale(.9)}50%{transform:scale(1)}100%{transform:scale(.9)}}@keyframes changeLetter{0%{content:"Loading"}33%{content:"Loading."}66%{content:"Loading.."}100%{content:"Loading..."}}body{background-color:#d1c2b2;background-image:url("/images/blackout/bg.jpg")}body.quiz-body{background:#000}body .loading-button::after{content:"...";animation:changeLetter 2s 0s infinite}body #debug{display:none !important}body .container{max-width:900px}body h1,body h2,body h3,body h4,body h5,body h6{font-family:"proxima-nova",sans-serif;color:#fff;text-align:center;font-weight:400}body h1{font-size:38px;font-weight:900;text-transform:uppercase}@media (max-width:376px){body h1{font-size:30px}}body h2{font-size:16px;letter-spacing:1.1px}@media (min-width:801px){body h2{font-size:24px}}body h3{color:#80101b;text-align:left;font-size:16px;font-weight:700}@media (min-width:801px){body h3{font-size:22px}}body p{color:#80101b;line-height:22px;font-size:16px;margin:15px 15px 15px 15px}body p.bold{font-weight:600}@media (min-width:801px){body p{font-size:22px;line-height:28px;margin:20px 50px}}@media (max-width:376px){body p{font-size:15px;margin:12px 15px 12px 15px}}body header a.logo{display:block;max-width:182px;margin:auto;margin-top:30px}@media (max-width:376px){body header a.logo{max-width:140px;margin-top:26px}}body header a.logo img{width:100%}body .btn-primary[disabled],body .btn-primary{background-color:#cd2d38;text-transform:uppercase;margin:auto;border:none;display:block;width:300px;margin-top:10px;font-size:19px;font-weight:700;letter-spacing:1.6px;line-height:23px;border-radius:6px;padding:6px 15px}body .btn-primary[disabled]:hover,body .btn-primary:hover,body .btn-primary[disabled]:focus,body .btn-primary:focus,body .btn-primary[disabled]:active,body .btn-primary:active,body .btn-primary[disabled]:active:hover,body .btn-primary:active:hover,body .btn-primary[disabled]:active:focus,body .btn-primary:active:focus{background-color:#80101b}@media (min-width:801px){body .btn-primary[disabled],body .btn-primary{font-size:24px}}body .btn-primary[disabled].next-button,body .btn-primary.next-button{display:none}body .main-header{background-color:#80101b;margin-top:27px}@media (max-width:376px){body .main-header{margin-top:23px}}body .main-header h1{margin-top:15px;margin-bottom:16px;line-height:37px;letter-spacing:2px}@media (max-width:376px){body .main-header h1{font-size:30px;line-height:33px;margin:9px 0}}body .main-header.final h1{font-size:27px;font-weight:800;margin-top:10px;margin-bottom:10px}body .secondary-header{background-color:#cd2d38;margin-top:0}body .secondary-header h2{margin:8px 0}body .intro-content{margin-top:15px}body .intro-content h3{margin:20px 15px -15px 15px}@media (min-width:801px){body .intro-content h3{margin-left:50px}}@media (max-width:376px){body .intro-content h3{margin-top:15px}}body .intro-content .final{text-align:center}body .intro-content .final h3{text-align:center}body .result-images{width:80%;margin:auto}@media (min-width:801px){body .result-images{width:65%}}body .result-images img{width:27%}body .result-images img.main{width:43%}body .quiz-frame{display:none}@media (max-width:376px){body header a.logo{margin-top:22px}body .final .result-images{width:75%}body .final .main-header{margin-top:21px}body .final body .btn-primary[disabled],body .final body .btn-primary,body .final .btn-primary{margin-top:5px}}.full-screen{position:fixed;top:0}.hide{display:none}.drinkGif{position:absolute;display:none;right:0;top:160px;width:200px;height:220px;background-image:url('/images/blackout/gifs/beer-mobile.png')}.drinkGif.water{background-image:url('/images/blackout/gifs/water-mobile.png')}@media (max-width:376px){.drinkGif{top:100px}}@media (min-width:801px){.drinkGif{top:200px;width:485px;background-image:url('/images/blackout/gifs/beer-desktop.png')}.drinkGif.water{background-image:url('/images/blackout/gifs/water-desktop.png')}}#loading{position:fixed;height:100%;width:100%;background:#444;color:#fff;font-size:30px;z-index:66;font-weight:100;text-align:center;padding-top:100px}#backgroundImage{background-size:cover;background-position:center;margin-top:0;transform:scale(1);transition:transform 2500ms ease-in-out;width:110% !important;height:auto !important;position:relative}@media (min-width:801px){#backgroundImage{height:auto !important;width:100% !important}}.desktop-padding{bottom:0;width:100%;position:absolute;height:15%;background:#000;display:none}@media (min-width:801px){.desktop-padding{display:block}}.canvasContainer{position:relative}.silhouette-background{background-size:cover;background-image:url('/images/blackout/CY-BG-Middle.png')}.bar-background{background-size:cover;background-image:url('/images/blackout/CY-BG-Back.png')}#blackout{position:absolute;top:0}#blackout-bottom{position:absolute;bottom:0;background-color:#000}@media only screen and (max-width:700px){#controls{top:auto;left:0;padding:0 10px;bottom:0}}.main-container{height:100%;width:100%;overflow:hidden;position:relative;max-width:900px;margin:auto}.quiz{position:absolute;bottom:20px;width:100%}.quiz .question-container{max-width:600px;margin:auto}.quiz .question,.quiz .responses{display:block;width:90%;margin:auto;text-align:center;margin-top:20px;max-width:600px}.quiz .question{color:#fff;width:75%;float:right;margin:2px 10px 10px 5px;text-align:left}@media (min-width:801px){.quiz .question{font-size:18px;width:84%}}@media (min-width:801px){.quiz .responses{width:400px}}.quiz img{margin-left:20px;margin-top:12px}.quiz .responses button.btn{display:block;width:100%;padding:3px;margin-top:3px;color:transparent;transition:2500ms margin ease-in-out;font-size:16px;line-height:18px}@media (max-width:376px){.quiz .responses button.btn{font-size:15px;line-height:16px}}.quiz-fact-incorrect,.quiz-fact-correct{font-weight:400;text-align:center;width:100%;position:absolute;bottom:10px}@media (min-width:801px){.quiz-fact-incorrect,.quiz-fact-correct{bottom:50px}.quiz-fact-incorrect p,.quiz-fact-correct p{font-size:18px}}.quiz-fact-incorrect p.drink-copy,.quiz-fact-correct p.drink-copy{color:#cd2d38;padding-bottom:10px;font-weight:600}.quiz-fact-incorrect .fact-copy,.quiz-fact-correct .fact-copy{color:#fff;display:none}.quiz-fact-incorrect .fact-copy,.quiz-fact-correct .fact-copy,.quiz-fact-incorrect .drink-copy,.quiz-fact-correct .drink-copy{max-width:600px;margin:auto;padding:10px 20px}@media (min-width:801px){.quiz-fact-incorrect .fact-copy,.quiz-fact-correct .fact-copy,.quiz-fact-incorrect .drink-copy,.quiz-fact-correct .drink-copy{margin:auto}}.quiz-fact-incorrect .quiz-next-button,.quiz-fact-correct .quiz-next-button{display:none;width:40%;padding:6px 0 0 0}@media (min-width:801px){.quiz-fact-incorrect .quiz-next-button,.quiz-fact-correct .quiz-next-button{width:200px}}.quiz-fact-incorrect .quiz-next-button .timer-container,.quiz-fact-correct .quiz-next-button .timer-container{width:100%;height:4px;background-color:#80101b;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.quiz-fact-incorrect .quiz-next-button .timer-container .timer-bar,.quiz-fact-correct .quiz-next-button .timer-container .timer-bar{background-color:#cd2d38;width:1px;height:4px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.quiz-fact-correct p.drink-copy{color:#60ddff}.small-header{position:fixed;top:0;left:0;background-color:#cd2d38;height:44px;width:100%}.small-header img{display:block;margin:auto;height:30px;margin-top:7px}label{margin-bottom:0;font-weight:normal}.quiz,.quiz-fact-correct,.quiz-fact-incorrect{display:none}#prevStep,#nextStep{width:48%;display:inline-block;background-color:#ddd;padding:0;font-size:12px;color:#444;text-align:center;border:1px solid #999;border-radius:4px}