*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html{height:100%;}
body{position:relative;min-height:100%;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#313131;font-family:'Lato', sans-serif;}
header{overflow:hidden;}
#container{position:relative;padding:20px 40px;text-align:justify;}
.offside{padding:20px 0;width:250px;background-color:#01ABB7;}
.offside-button{width:100%;max-width:350px;padding:10px;margin:0 auto 10px auto;background:#FFE200;color:#000;text-align:center;cursor:pointer;}
.offside-button:hover{background:#FFD900;}
.site-overlay{z-index:999;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#FFF;visibility:hidden;opacity:0;cursor:pointer;-webkit-transition:visibility 0s ease, opacity .2s ease;-moz-transition:visibility 0s ease, opacity .2s ease;-o-transition:visibility 0s ease, opacity .2s ease;transition:visibility 0s ease, opacity .2s ease;}
.icon{background-color:rgba(0, 0, 0, 0);background-image:none;border:1px solid rgba(0, 0, 0, 0);display:block;margin-left:15px;margin-right:15px;padding:17px 0;position:relative;}
.icon .icon-bar{display:block;width:22px;height:2px;border-radius:1px;background-color:#313131;}
.icon:hover .icon-bar{background-color:#000000;}
.icon:focus{outline:0;}
.icon--hamburger .icon-bar + .icon-bar{margin-top:4px;}
.icon--cross{padding:20px;}
.icon--cross > .icon-bar + .icon-bar{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.icon--cross > .icon-bar{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-2px;}
.h--left{float:left;}
.h--right{float:right;}
.offside-js--is-open .site-overlay{visibility:visible;opacity:.7;-webkit-transition-delay:delay 0s;-o-transition-delay:delay 0s;transition-delay:delay 0s;}