@keyframes changeLetter{0%{content:"Loading"}33%{content:"Loading."}66%{content:"Loading.."}100%{content:"Loading..."}}body{background-image:url("/images/party-pro/bg.png")}body header{background-color:transparent;box-shadow:none}@media (min-width:768px){body header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.3)}}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:#000;font-size:20px;margin:15px 15px 15px 15px;font-family:"proxima-nova",sans-serif;font-style:normal;font-weight:300;line-height:1.4;text-align:center}@media (min-width:768px){body p{font-size:30px;line-height:35px;margin:40px 50px}}body p.bold{font-weight:600}body header a.logo{display:block;max-width:125px;padding:10px;margin:auto}@media (max-width:376px){body header a.logo{max-width:140px}}body header a.logo img{width:100%}body .btn-primary[disabled],body .btn-primary{background:linear-gradient(to bottom, #cf2a31, #80101a);text-transform:uppercase;margin:auto;border:none;display:block;width:250px;margin-top:10px;font-size:20px;font-weight:700;letter-spacing:1.6px;line-height:23px;border-radius:6px;padding:15px 10px}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:768px){body .btn-primary[disabled],body .btn-primary{width:250px}}body .btn-primary[disabled].next-button,body .btn-primary.next-button{display:none}body .btn-primary[disabled].next-button,body .btn-primary.next-button,body .btn-primary[disabled].loading-button,body .btn-primary.loading-button{font-size:35px;width:80%;border-radius:3px;padding:25px 10px}body .main-header{margin-top:7vh;text-align:center}body .main-header img{width:80%;max-width:493px}@media (min-width:768px){body .main-header img{width:70%}}@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{display:none;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:80%}body .quiz-frame{display:none}body .restart{display:block;text-align:center}body .restart p{font-size:20px}#card{min-height:75px}#card .share-button i{color:white;font-size:45px}@media (max-width:376px){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;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:transparent;display:none}@media (min-width:801px){.desktop-padding{display:block}}.canvasContainer{position:relative}@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;margin:auto}.quiz{position:absolute;top:0;width:100%;background-image:url('/images/party-pro/bg.png');background-repeat:repeat;height:100vh}.quiz .question-image{background-image:url('/images/party-pro/partyPro_Q1.png');background-repeat:no-repeat;background-position:50% 100%;background-size:cover;height:45vh;width:100%}@media (max-width:768px){.quiz .question-image{height:40vh}}@media (min-width:1024px){.quiz .question-image{margin-top:10vh;background-size:contain}}.quiz.question-1 .question-image{background-image:url('/images/party-pro/partyPro_Q2.png')}.quiz.question-2 .question-image{background-image:url('/images/party-pro/partyPro_Q3.png')}.quiz.question-3 .question-image{background-image:url('/images/party-pro/partyPro_Q4.png')}.quiz .question-container{max-width:700px;margin:auto}.quiz .question,.quiz .responses{display:block;width:90%;margin:auto;text-align:center;margin-top:10px;max-width:700px}.quiz .question{color:black;background-color:white;border-radius:5px;width:90%;padding:1em 3em;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.3);margin-top:-5vh;font-size:14px}@media (min-width:768px){.quiz .question{font-size:22px;width:100%;padding:1em 6em}}.quiz .responses .btn-container{padding-left:3px;padding-right:3px}.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 .responses button.options{background:linear-gradient(to bottom, #cf2a31, #80101a);min-height:155px}@media (max-width:425px){.quiz .responses button.options{min-height:190px}}@media (min-width:768px){.quiz .responses button.options{min-height:256px}}@media (min-width:1024px){.quiz .responses button.options{min-height:183px}}.quiz .responses button.options p{font-weight:bold;color:white;white-space:normal}@media (min-width:768px){.quiz .responses button.options p{margin:35px -10px}}@media (min-width:1024px){.quiz .responses button.options p{transform:translateX(-2vw)}}.quiz img{margin-top:12px;max-height:100px;display:inline-block}@media (max-width:425px){.quiz img{max-height:55px}}@media (min-width:768px) and (max-width:1023px){.quiz img[src*="NOTHIN"]{transform:translateY(20px)}}@media (min-width:1024px){.quiz img[src*="NOTHIN"]{margin-top:35px}}.go-back{position:fixed;top:0;left:0;z-index:10}.go-back:focus,.go-back:hover{text-decoration:none}.go-back p{color:white}@media (min-width:768px){.go-back p{margin:10px;font-size:20px}}@media (min-width:1024px){.go-back p{color:#cd2d38}}.question-0 .go-back{display:none}nav.navbar{position:fixed;top:0;right:0;z-index:5}.navbar-default{background-color:transparent;border-color:transparent}.navbar-default .navbar-toggle{border-color:transparent}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:transparent}.navbar-default .navbar-toggle .icon-bar{background-color:white}@media (min-width:992px){.navbar-default .navbar-toggle .icon-bar{background-color:#cd2d38}}.navbar-default .navbar-nav>li>a{color:#cd2d38;text-align:center}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{background-color:rgba(0,0,0,0.1)}.navbar-toggle .icon-bar{transition:300ms ease-in-out;background-color:#fff;position:relative;width:24px;height:3px}.navbar-toggle .icon-bar:last-child{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:-5px}.navbar-toggle .icon-bar:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:8px}.navbar-toggle .icon-bar:nth-child(3){opacity:0}.navbar-toggle.collapsed .icon-bar{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);top:0;opacity:1}.navbar-collapse{background-color:white}.quiz-slide-correct{background-image:url('/images/party-pro/CY-Pizza-Drip.png');background-position:50% 100%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw;position:absolute;top:-100vh;left:0}.quiz-slide-correct.slide-0{background-image:url('/images/party-pro/CY-Pizza-Drip.png')}.quiz-slide-correct.slide-1{background-image:url('/images/party-pro/CY-Water-Rise.png');top:100vh;background-position-y:1px}.quiz-slide-correct.slide-2{background-image:url('/images/party-pro/CY-Sauce.png')}.quiz-slide-correct.slide-3{background-image:url('/images/party-pro/CY-Green.png')}.quiz-slide-incorrect{background-image:url('/images/party-pro/CY-Beer-Rise.png');background-repeat:no-repeat;background-position:50% 100%;background-size:cover;height:100vh;width:100vw;position:absolute;top:-100vh;left:0;background-position-y:1px}.quiz-slide-incorrect.slide-0,.quiz-slide-incorrect.slide-1,.quiz-slide-incorrect.slide-2{background-image:url('/images/party-pro/CY-Beer-Rise.png');top:100vh;background-position-y:1px}.quiz-slide-incorrect.slide-3{background-image:url('/images/party-pro/CY-Red.png')}.quiz-progress{background-color:white;border-top:5px white solid;padding:0;overflow:hidden;height:20px;margin-top:20px;position:absolute;bottom:0;z-index:10;width:100%}.quiz-progress .quiz-p{display:inline-block;background-color:white;height:100%;width:25%;border:0;padding:0;float:left}.quiz-progress.progress-0 .first{background-color:#80101b}.quiz-progress.progress-1 .first,.quiz-progress.progress-1 .second{background-color:#80101b}.quiz-progress.progress-2 .first,.quiz-progress.progress-2 .second,.quiz-progress.progress-2 .third{background-color:#80101b}.quiz-progress.progress-3 .first,.quiz-progress.progress-3 .second,.quiz-progress.progress-3 .third,.quiz-progress.progress-3 .forth{background-color:#80101b}.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-correct p.drink-copy{color:#60ddff}.small-header{position:fixed;top:0;left:0;background-color:#cd2d38;height:44px;width:100%;display:none}.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}