.header{margin:0 auto;position:fixed;width:100%;z-index:3}.header,.header ul{background-color:#fff}.header ul{list-style:none;margin:0;overflow:hidden;padding:0}.header li a{color:#444;display:block;padding:20px 10px;text-decoration:none}.header li{color:#444;font-size:12px}.header .menu-btn:hover,.header li a:hover{background-color:#f4f4f4}.header .logo{display:block;float:left;height:34px;margin:10px 30px;padding:0;width:105px}.header li.menu-login a{background-color:#cb0023;color:#fff}.header li.menu-login a:hover{background-color:#b30c25;color:#fff}.header li a.current{color:#cb0023}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:480px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media (min-width:48em){.header li{float:left}.header li a{padding:20px 10px}.header .menu{clear:none;float:right;max-height:none}.header .menu-icon{display:none}}@media (max-width:480px){.header .logo{margin:10px 15px}.header li a{padding:15px}}