*{box-sizing:border-box}html,body{color:#333;font-family:'Open Sans',sans-serif;margin:0;padding:1px!important;height:100%;width:100%}h1,h2,h3,h4,h5{margin:0 0 .5em;font-weight:300}p{margin:.8em 0}p.important{background:rgba(255,221,221,.5);border:1px solid;color:#b44;display:inline-block;padding:.8em 1em}strong{opacity:.9}label{cursor:pointer}.grey{font-size:.8em;opacity:.8}.update{color:red;margin-top:3em}button,.button{background:#4682B4;border:1px solid #315a7d;color:#fff;cursor:pointer;display:inline-block;font-family:'Open Sans',sans-serif;font-size:1.5em;font-weight:700;margin:.5em 0 0;padding:.5em 1em .6em;text-decoration:none;transition:background .3s,color .3s}button:hover,.button:hover{background:#38678f}button.secondary,.button.secondary{background:#c7d9e8;border-color:#90b4d2;color:#4682B4}button.secondary:hover,.button.secondary:hover{background:#a2c0d9;color:#315a7d}button.tertiary,.button.tertiary{background:#ccc;border-color:#aaa;color:#666;font-size:1em}button.tertiary:hover,.button.tertiary:hover{background:#aaa;border-color:#888;color:#000}button.small,.button.small{font-size:1em}#footer{position:fixed;bottom:0;left:0;right:0;background:#eee;text-align:center;border-top:1px solid #ccc;padding:.5em .5em 0}#footer .addthis_toolbox{display:inline-block;min-width:350px}#footer .credit{float:right}@media (max-width:500px){#footer .credit{float:none}#footer .addthis_toolbox{display:block;min-width:0}}#animal{display:none;position:absolute;background:url(/images/cow-sprite.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;transition:width .5s,height .5s,left .5s,top .5s;height:233px;width:320px;top:30%;left:calc(50% - 320px/2);z-index:1}#animal.small{height:58px;width:80px}#animal.moo{background-position:0 -233px}#animal[data-animal="goat"]{background-image:url(/images/goat-sprite.png)}#animal[data-animal="fox"],#animal.moo[data-animal="fox"]{background-image:url(/images/fox-sprite.png)}[id^=modal-],.noscript{display:none;background:#eee;border:1px solid #ddd;margin:10%;padding:2em;position:relative}@media (max-width:500px){[id^=modal-],.noscript{margin:5%;text-align:center}}[id^=modal-] #quote,.noscript #quote{opacity:.5;text-align:center;position:absolute;left:24em;top:1em;right:1em;-webkit-transform:rotate(8deg);transform:rotate(8deg)}[id^=modal-] #quote:before,[id^=modal-] #quote:after,.noscript #quote:before,.noscript #quote:after{content:'"'}@media (max-width:800px){[id^=modal-] #quote,.noscript #quote{display:none}}@media (min-width:1000px){[id^=modal-] #quote,.noscript #quote{left:auto;max-width:26em}}[id^=modal-] .beer,.noscript .beer{margin-top:0;position:absolute;top:1em;right:1em}@media (max-width:600px){[id^=modal-] .beer,.noscript .beer{display:none}}.noscript{display:block;font-size:2em}#stats{position:absolute;top:1em;right:1em;z-index:1}#stats .feedback,#stats .total{border-bottom:1px solid #eee;color:#ccc;font-size:.8em;margin-right:.4em;padding-bottom:.2em;text-align:right}#stats .feedback a{color:inherit;text-decoration:inherit}#stats .feedback a:hover{color:#666;text-decoration:underline}#stats .total:before{content:'Cows found globally: '}#stats .points{color:#ccc;font-size:4em;font-weight:300;margin-top:0;text-align:right}#stats .points:before{content:'Your Points';display:block;font-size:.2em;margin-bottom:-1.5em;margin-right:.4em}#stats .more .key{display:inline-block;font-weight:700;text-transform:capitalize;width:5em}@media (max-width:570px){.modalOpen #stats{display:none}}#loader.loading{background:#fff;border:1px solid #ccc;height:20px}#loader.loading #loader-inner{background:#bbb;height:100%}.note{font-size:.8em;margin:2em 0 0}