.nav-menu{background:#47a3da;position:fixed}.nav-menu h3{color:#afdefa;font-size:1.9em;padding:20px;margin:0;font-weight:300;background:#0d77b6}.nav-menu a{display:block;color:#fff;font-size:1.1em;font-weight:300}.nav-menu a:hover{background:#258ecd}.nav-menu a:active{background:#afdefa;color:#47a3da}.nav-menu-vertical{width:240px;height:100%;top:0;z-index:1000;overflow-y:scroll}.nav-menu-vertical a{border-bottom:1px solid #258ecd;padding:1em}.nav-menu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden}.nav-menu-horizontal h3{height:100%;width:20%;float:left}.nav-menu-horizontal a{float:left;width:20%;padding:.8em;border-left:1px solid #258ecd}.nav-menu-left{left:-240px}.nav-menu-right{right:-240px}.nav-menu-left.menu-open{left:0}.nav-menu-right.menu-open{right:0}.nav-menu-top{top:-150px}.nav-menu-bottom{bottom:-150px}.nav-menu-top.menu-open{top:0}.nav-menu-bottom.menu-open{bottom:0}.push-body{overflow-x:hidden;position:relative;left:0}.push-body-toright{left:240px}.push-body-toleft{left:-240px}.nav-menu,.push-body{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}@media screen and (max-width:55.1875em){.nav-menu-horizontal{font-size:75%;height:110px}.nav-menu-top{top:-110px}.nav-menu-bottom{bottom:-110px}}@media screen and (max-height:26.375em){.nav-menu-vertical{font-size:90%;width:190px}.nav-menu-left,.push-body-toleft{left:-190px}.nav-menu-right{right:-190px}.push-body-toright{left:190px}}