@charset "UTF-8";@import "https://use.typekit.net/rde4yza.css";@import "https://fonts.googleapis.com/css?family=Special+Elite";html,body{height:100%}body{font-family:rift, "Helvetica", sans-serif;font-style:normal;font-weight:300;text-transform:uppercase;font-size:1.2rem;overflow:hidden}h1{display:none}h2{font-family:'bebas_neuebold', "Helvetica", sans-serif;font-size:5rem;font-weight:bold;margin:0}h2.bigger{font-size:8rem}h3{font-size:2.5rem;font-weight:bold;letter-spacing:0.2rem}h4{font-weight:bold;letter-spacing:0.2rem}a{color:#48b1c1}.container{padding:0;margin:auto;max-width:1440px;text-align:center;min-width:300px}.container-fluid{padding:0;text-align:center;min-width:320px}.row{margin-left:0;margin-right:0}section{position:absolute;top:0;right:0;bottom:0;left:0;background:#FFF;overflow:scroll}.animated{opacity:0}#pageIntro{z-index:10}#pageQuestions{z-index:9}#pageResults{z-index:8}.pink-bg{background:#fad2df}.yellow-bg{background:#f4bd58}.blue-bg{background:#48b1c1}.white-bg{background:#FFF}.loader{display:none}.loader img{width:50px;margin:0 6px}.black-streaks-bg{width:100%;background:url(../images/icons/black-streaks.png) no-repeat center center;background-size:contain}.blue-streaks-bg{width:100%;background:url(../images/icons/blue-streaks.png) no-repeat center center;background-size:contain;margin-top:-25px}.ribbon{position:relative;display:inline-block;padding:0 8%}.ribbon-left,.ribbon-right{display:inline-block;width:42px;height:13px}.ribbon-left,.ribbon-right{position:absolute;display:block;top:8px;width:42px;height:13px}.ribbon-left{left:0;background:url(../images/ribbon-left.svg) no-repeat left top}.ribbon-right{right:0;background:url(../images/ribbon-right.svg) no-repeat right top}.btn-primary{color:#fff;background-color:#e73a4c;border-color:#e73a4c;border-radius:0;-webkit-border-radius:0;font-size:1.4em;padding:.375rem 2rem}.btn-primary:hover{color:#1d1d1b;background-color:#47b0c1;border-color:#47b0c1}.errorMsg{color:#e73a4c}.header-panel,.header-panel>div{background:#1d1d1b;color:#FFF}.bottom-bar{background:#1d1d1b;position:absolute;bottom:0;width:100%}.circle{border:2px solid #FFF;border-radius:30px;-webkit-border-radius:30px;height:30px;width:30px;display:table}.circle p{vertical-align:middle;display:table-cell}.question-box{border:2px solid #1d1d1b;position:relative;max-width:60%;margin:0 auto;min-height:72px;display:table;font-weight:600}.question-box p{display:table-cell;vertical-align:middle;text-align:center}.animated-icon{animation-duration:0.5s}.form-control{border:1px solid #1d1d1b;border-radius:0;-webkit-appearance:none;-webkit-border-radius:0;background:none}.form-control:focus{border-color:inherit;-webkit-box-shadow:0 0 6px rgba(72,177,193,0.7);box-shadow:0 0 6px rgba(72,177,193,0.7);background:none}.input-group{max-width:60%;margin:0 auto}.input-group-text{background:none;border:1px solid #1d1d1b;border-radius:0;-webkit-border-radius:0;border-right:none;font-size:1.25rem}.error-input{border-color:#e73a4c}.select-caret{position:absolute;top:14px;right:10px}.counter{font-family:'Special Elite', cursive;position:absolute;left:0;right:0}#coffeescounter{top:60%;font-size:280%}#cigscounter{top:60%;font-size:370%}#piggy{max-width:75%}.piggy-container{position:relative}.pound-coin{position:absolute;top:0;left:0;width:15%}#coin1{top:50%;left:30%}#coin2{top:52%;left:40%}#coin3{top:51%;left:51%}#coin4{top:44%;left:37%}#coin5{top:42%;left:47%}#social-menu{text-align:center;padding:20px 0}#social-menu a{font-size:1.2em;color:#fff;background:#3fafa4;border-radius:100%;-webkit-border-radius:100%;display:inline-block;margin:0 5px}#social-menu h5{font-size:0.9em}#social-menu #fb-icon{background:#3C5D96;padding:10px 21px}#social-menu #tw-icon{background:#63AEEB;padding:10px 16px}.logo{max-width:250px;width:100%}.up-line{position:absolute;left:0;right:0;top:10px;margin:0 auto;height:100px;transform:translate(-50%,50%)}.down-line{position:absolute;left:0;right:0;top:4px;margin:0 auto;height:100px;transform:translate(-50%,-100%)}.right-line{position:absolute;left:4px;top:50%;transform:translate(-100%,-50%);width:260px;z-index:0}.left-line{position:absolute;right:4px;top:50%;transform:translate(100%,-50%);width:260px;z-index:0}.index-0{z-index:0}.index-1{z-index:1}.index-2{z-index:2}.index-3{z-index:3}.index-4{z-index:4}.index-5{z-index:5}.delay-1{animation-delay:0.25s}.delay-2{animation-delay:0.5s}.delay-3{animation-delay:0.75s}.delay-4{animation-delay:1s}.delay-5{animation-delay:1.25s}.delay-6{animation-delay:1.5s}.delay-7{animation-delay:1.75s}.delay-8{animation-delay:2s}.delay-9{animation-delay:2.25s}.delay-10{animation-delay:2.5s}@media only screen and (max-width: 1024px){#coffeescounter{top:60%;font-size:230%}#cigscounter{top:60%;font-size:300%}}@media only screen and (max-width: 768px){h3{font-size:2rem}#coffeescounter{top:60%;font-size:230%}#cigscounter{top:60%;font-size:300%}.question-box{max-width:100%}.input-group{max-width:100%}.ribbon{padding:0 10%}}@media only screen and (max-width: 425px){.row{padding:0 10px}h2{font-size:4rem}h2.bigger{font-size:6rem}h3{font-size:1.5rem;letter-spacing:0.12rem}h4{font-size:1.3rem;letter-spacing:0.05rem}#coffeescounter{top:60%;font-size:250%}#cigscounter{top:60%;font-size:350%}.input-group{max-width:100%}.blue-streaks-bg{background:none;margin-top:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:0;padding-left:0}.ribbon{padding:0 11%}}@media only screen and (max-width: 375px){#coffeescounter{top:60%;font-size:230%}#cigscounter{top:60%;font-size:300%}}@media only screen and (max-width: 320px){#coffeescounter{top:60%;font-size:200%}#cigscounter{top:60%;font-size:250%}.ribbon{padding:0 15%}}