*,html{margin:0;padding:0;border:0}html,body{position:relative;height:100%;-webkit-font-smoothing:antialiased}@media screen and (max-width: 1023px){html,body{height:auto}}body{background:#ddd url("../../img/body-bg.png");font-family:"proxima-nova","Helvetica Neue",sans-serif}::selection{background:#333;color:#fff}.site-container{width:100%;min-height:100%}@media screen and (max-width: 1023px){.site-container{min-height:auto}}.main-content{overflow:auto;padding-bottom:35px}@media screen and (max-width: 1023px){.main-content{padding:0}}.github-banner{position:absolute;top:0;right:0;z-index:999}@media screen and (max-width: 1023px){.github-banner{display:none}}.site-header{z-index:1000;position:absolute;top:50%;left:0;width:33%;height:210px;margin:-122px 3% 75px 2%}.site-header h1{margin-bottom:10px;font-family:"museo-slab",Rockwell,sans-serif;font-size:72px;font-weight:normal;line-height:62px;text-shadow:0 1px 0 rgba(255,255,255,0.75)}.site-header p{font-size:16px;color:#666;text-shadow:0 1px 0 rgba(255,255,255,0.5)}@media screen and (max-width: 1023px){.site-header{position:relative;top:auto;left:auto;width:100%;margin:20px auto;text-align:center}}.drink-container{z-index:750;position:absolute;top:50%;width:100%;margin-top:-280px}@media screen and (max-width: 1023px){.drink-container{display:block;position:relative;top:auto;left:auto;margin:20px auto}}#drink-type{position:relative;overflow:hidden;margin:10px auto}.drink-glass{z-index:600;position:absolute;top:0;left:0;width:100%;height:100%}.tasty-beverage{z-index:200;position:absolute;bottom:0;width:100%;-moz-transition:height 2.5s ease-in-out;-o-transition:height 2.5s ease-in-out;-webkit-transition:height 2.5s ease-in-out;transition:height 2.5s ease-in-out}.countdown-timer{z-index:1000;position:absolute;top:50%;right:0;width:100%;width:33%;height:82px;margin:-56px 0 75px 3%}.countdown-timer h2{height:0;text-indent:-9999px;direction:ltr}@media screen and (max-width: 1023px){.countdown-timer{overflow:auto;position:relative;top:auto;left:auto;width:100%;margin:20px auto}}.countdown-container{height:100%;display:none}@media screen and (min-width: 1023px){.countdown-container{margin-right:5%}}.countdown-segment{position:relative;float:left;width:31%;height:100%;margin:0 1%}.countdown-days{width:11.5%}.countdown-days .digit{width:98%}.countdown-label{position:absolute;bottom:0;width:100%;color:#666;font-size:16px;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.digit,.beer-oclock-notification{float:left;width:48%;height:40px;padding:10px 0;margin-right:2%;background:#333 url("../../img/footer-bg.png");color:#fff;font-family:"museo-slab",Rockwell,sans-serif;font-size:36px;font-weight:bold;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,0.5);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.beer-oclock-notification{width:100%;height:auto;background:#900;text-transform:uppercase;position:absolute;right:2%;display:none;-webkit-animation:alertflash 2s infinite linear;-moz-animation:alertflash 2s infinite linear;-ms-animation:alertflash 2s infinite linear;animation:alertflash 2s infinite linear}@media screen and (max-width: 1023px){.beer-oclock-notification{position:relative;right:auto;margin:20px auto;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}}.site-footer{z-index:2000;clear:both;position:relative;height:15px;padding:10px;margin-top:-35px;background:#333 url("../../img/footer-bg.png");font-size:13px;text-shadow:0 1px 0 rgba(0,0,0,0.25)}@media screen and (max-width: 1023px){.site-footer{margin-top:0}}@media screen and (max-width: 769px){.site-footer{height:auto}}.site-footer,.site-footer a{color:#fff;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.site-footer a{font-weight:bold}.site-footer a:hover{color:#fc0}.site-credits{float:left;font-size:inherit}@media screen and (max-width: 769px){.site-credits{float:none}}.site-options{float:right;text-align:right}@media screen and (max-width: 769px){.site-options{float:none;margin:0 0 10px 0;text-align:left}}.site-customise{margin-left:10px}@media screen and (max-width: 769px){.site-customise{margin-left:0;margin-right:10px}}.settings-panel{display:none;z-index:2500;position:absolute;bottom:0;width:100%;background:#333 url("../../img/footer-bg.png");color:#fff;text-shadow:0 1px 0 #000}.settings-panel h2{padding:0 4%;margin-bottom:5px;color:#fc0;font-family:"museo-slab",Rockwell,sans-serif}@media screen and (max-width: 769px){.settings-panel h2{padding:0 2.5%}}.settings-panel .checkbox{float:left;margin:5px 20px 5px 0}@media screen and (max-width: 769px){.settings-panel{padding-bottom:35px}}.settings-inner{padding:30px 0;overflow:hidden}.settings-options{position:absolute;top:20px;right:4%}@media screen and (max-width: 769px){.settings-options{top:auto;bottom:0;left:2.5%;margin:0 0 25px 0}}.settings-segment{float:left;width:25%;padding:10px 4%}.settings-segment h3{margin-bottom:10px}@media screen and (max-width: 769px){.settings-segment{width:95%;padding:10px 2.5%}}.drink-options{position:relative}.drink-options select{width:100% !important;height:100% !important}.time-selector .select-box select{float:left;width:auto}.settings-cancel{color:#fff;font-weight:bold;text-decoration:none}@media screen and (max-width: 769px){.settings-cancel{padding:5px;background:#fc0;color:#222;text-shadow:none}}.customSelect{width:100%;background:#eee url("../../img/select-arrow.png") no-repeat center right;padding:5px 0;border:1px solid #fff;color:#333;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;text-shadow:none}.customSelectInner{width:100% !important;padding:0 10px}.bubbles{overflow:hidden;position:relative;width:90%;height:100%;margin:0 auto}.bubble-container{opacity:0;position:absolute;bottom:10px;-webkit-animation:bubblerise 4s infinite ease-in;-moz-animation:bubblerise 4s infinite ease-in;-ms-animation:bubblerise 4s infinite ease-in;animation:bubblerise 4s infinite ease-in}.bubble-container:active .bubble{border-color:rgba(255,255,255,0.25);background:rgba(255,255,255,0.15)}.bubble{z-index:250;width:4px;height:4px;margin:0 auto;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.05);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-animation:bubblewobble .4s infinite linear;-moz-animation:bubblewobble .4s infinite linear;-ms-animation:bubblewobble .4s infinite linear;animation:bubblewobble .4s infinite linear}.uk-pint{width:255px;height:500px}.uk-pint .drink-glass{max-width:255px;max-height:500px;background:url("../../img/glasses/pint-overlay.png") no-repeat center bottom;background-size:100%}.uk-pint .glass-overlay{display:block;width:37px;height:52px;margin:0 auto 0 auto;padding-top:75px;background:url("../../img/pint-stamp.png") no-repeat center bottom;background-size:100%}.uk-pint .tasty-beverage{max-height:495px;-moz-border-radius:149px / 20px;-webkit-border-radius:149px 20px;border-radius:149px / 20px}.uk-pint .beverage-head{z-index:400;position:absolute;top:-1px;width:100%;height:12.5%;-moz-border-radius:149px / 20px;-webkit-border-radius:149px 20px;border-radius:149px / 20px}.beer-bottle{width:138px;height:500px}.beer-bottle .drink-glass{max-width:138px;max-height:500px;background:url("../../img/glasses/bottle-overlay.png") no-repeat center bottom;background-size:100%}.beer-bottle .glass-overlay{display:none}.beer-bottle .tasty-beverage{max-height:486px}.beer-bottle .beverage-head{display:none}.alcopop-bottle .drink-glass{background:url("../../img/glasses/alcopop-overlay.png") no-repeat center bottom}.hiball{width:228px;height:500px}.hiball .drink-glass{max-width:228px;max-height:500px;background:url("../../img/glasses/hiball-overlay.png") no-repeat center bottom;background-size:100%}.hiball .glass-overlay{display:none}.hiball .tasty-beverage{max-height:485px}.hiball .beverage-head{display:none}.drink-lager .tasty-beverage{background:#c48135;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ODEzNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2OWI0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c48135),color-stop(100%, #c69b45));background-image:-moz-linear-gradient(left, #c48135,#c69b45);background-image:-webkit-linear-gradient(left, #c48135,#c69b45);background-image:linear-gradient(to right, #c48135,#c69b45);left:1px}.drink-lager .beverage-head{background:#f2f2f2}.drink-lager-light .tasty-beverage{background:#ebbe32}.drink-lager-light .bubble{border-color:rgba(255,255,255,0.25);background:rgba(255,255,255,0.15)}.drink-ale .tasty-beverage{background:#71200b;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxMjAwYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3MzgwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #71200b),color-stop(100%, #77380b));background-image:-moz-linear-gradient(left, #71200b,#77380b);background-image:-webkit-linear-gradient(left, #71200b,#77380b);background-image:linear-gradient(to right, #71200b,#77380b)}.drink-ale .beverage-head{height:5%;background:#f3ebe1}.drink-stout .tasty-beverage{background:#605a4f;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNWE0ZiIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjMjMxOTA1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjMxOTA1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #605a4f),color-stop(33%, #231905),color-stop(100%, #231905));background-image:-moz-linear-gradient(top, #605a4f,#231905 33%,#231905 100%);background-image:-webkit-linear-gradient(top, #605a4f,#231905 33%,#231905 100%);background-image:linear-gradient(to bottom, #605a4f,#231905 33%,#231905 100%)}.drink-stout .beverage-head{background:#eee3da}.drink-gintonic .tasty-beverage{background:#e9eff5}.drink-gintonic .bubble{border-color:rgba(0,0,0,0.15);background:rgba(0,0,0,0.05)}.drink-cola .tasty-beverage{background:#180802}.drink-blue-alcopop .tasty-beverage{background:#389eed}.drink-blue-alcopop .bubble{border-color:rgba(255,255,255,0.25);background:rgba(255,255,255,0.15)}.drink-gintonic .beverage-head,.drink-cola .beverage-head{z-index:250;display:block;position:absolute;top:-32px;width:227px;height:163px;background:url("../../img/ice-lime.png");-webkit-animation:icefloat 3s infinite ease-in-out;-moz-animation:icefloat 3s infinite ease-in-out;-ms-animation:icefloat 3s infinite ease-in-out;animation:icefloat 3s infinite ease-in-out}.drink-gintonic .beverage-head{opacity:0.75}.drink-cola .beverage-head{opacity:0.2}@-webkit-keyframes bubblerise{0%{opacity:0;bottom:20px}5%{opacity:1;bottom:20px}99%{opacity:1}100%{opacity:0;bottom:100%}}@-moz-keyframes bubblerise{0%{opacity:0;bottom:20px}5%{opacity:1;bottom:20px}99%{opacity:1}100%{opacity:0;bottom:100%}}@-ms-keyframes bubblerise{0%{opacity:0;bottom:20px}5%{opacity:1;bottom:20px}99%{opacity:1}100%{opacity:0;bottom:100%}}@keyframes bubblerise{0%{opacity:0;bottom:20px}5%{opacity:1;bottom:20px}99%{opacity:1}100%{opacity:0;bottom:100%}}@-webkit-keyframes bubblewobble{0%{margin-left:0}50%{margin-left:2px}}@-moz-keyframes bubblewobble{0%{margin-left:0}50%{margin-left:2px}}@-ms-keyframes bubblewobble{0%{margin-left:0}50%{margin-left:2px}}@keyframes bubblewobble{0%{margin-left:0}50%{margin-left:2px}}@-webkit-keyframes icefloat{0%{margin-top:0}50%{margin-top:3px}}@-moz-keyframes icefloat{0%{margin-top:0}50%{margin-top:3px}}@-ms-keyframes icefloat{0%{margin-top:0}50%{margin-top:3px}}@keyframes icefloat{0%{margin-top:0}50%{margin-top:3px}}@-webkit-keyframes alertflash{0%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}20%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}45%{background:transparent;color:#900;text-shadow:0 2px 0 rgba(255,255,255,0.5)}55%{background:transparent;color:#900;text-shadow:0 2px 0 rgba(255,255,255,0.5)}80%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}}@-moz-keyframes alertflash{0%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}20%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}45%{background:transparent;color:#900;text-shadow:0 2px 0 rgba(255,255,255,0.5)}55%{background:transparent;color:#900;text-shadow:0 2px 0 rgba(255,255,255,0.5)}80%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}}@-ms-keyframes alertflash{0%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}20%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}45%{background:transparent;color:#900;text-shadow:0 2px 0 rgba(255,255,255,0.5)}55%{background:transparent;color:#900;text-shadow:0 2px 0 rgba(255,255,255,0.5)}80%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}}@keyframes alertflash{0%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}20%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}45%{background:transparent;color:#900;text-shadow:0 2px 0 rgba(255,255,255,0.5)}55%{background:transparent;color:#900;text-shadow:0 2px 0 rgba(255,255,255,0.5)}80%{background:#900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,0.5)}}