*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hmr-Menu{position:fixed;top:0;left:0;width:100%;height:0;border-width:0;border-style:solid;border-color:#333;background-color:rgba(0,0,0,0);-webkit-backface-visibility:hidden;-webkit-transition:border-width 0.3s, background-color 0.3s, height 0s 0.3s;transition:border-width 0.3s, background-color 0.3s, height 0s 0.3s}.hmr-Menu.openIt{height:100%;z-index:1001;border-width:30px 30px 30px 90px;background-color:rgba(0,0,0,0.3);-webkit-transition:border-width 0.3s, background-color 0.3s;transition:border-width 0.3s, background-color 0.3s}.MenuOverlay{position:absolute;width:100%}.openIt .MenuOverlay{height:100%}.menuTrigger{position:fixed;top:15px;left:20px;display:block;width:50px;height:50px;cursor:pointer}.menuTrigger span{position:absolute;top:50%;left:0;display:block;width:100%;height:4px;margin-top:-2px;background-color:#487ee0;font-size:0px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color 0.3s;transition:background-color 0.3s}.openIt .menuTrigger span{background-color:transparent}.menuTrigger span:before, .menuTrigger span:after{position:absolute;left:0;width:100%;height:100%;background:#487ee0;content:'';-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.menuTrigger span:before{-webkit-transform:translateY(-250%);transform:translateY(-250%)}.menuTrigger span:after{-webkit-transform:translateY(250%);transform:translateY(250%)}.openIt .menuTrigger span:before{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.openIt .menuTrigger span:after{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}.hmr-Menu ul{position:fixed;top:75px;left:0;margin:0;padding:0;width:90px;list-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hmr-Menu ul li, .hmr-Menu ul li a, .hmr-Menu ul li a i{display:flex;width:100%;text-align:center;justify-content:center;color:#fff;text-decoration:none}.hmr-Menu ul li{padding:16px 0;opacity:0;visibility:hidden;-webkit-transition:-webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;transition:transform 0.3s, opacity 0.2s, visibility 0s 0.3s}.hmr-Menu ul li:first-child{-webkit-transform:translate3d(-100%,200%,0);transform:translate3d(-100%,200%,0)}.hmr-Menu ul li:nth-child(2){-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}.hmr-Menu ul li:nth-child(3){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.hmr-Menu ul li:nth-child(4){-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}.hmr-Menu ul li:nth-child(5){-webkit-transform:translate3d(-100%,-200%,0);transform:translate3d(-100%,-200%,0)}.hmr-Menu.openIt ul li{visibility:visible;opacity:1;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s 0.1s;transition:transform 0.3s, opacity 0.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hmr-Menu ul li a i{font-size:36px}.hmr-Menu ul li a:hover, .hmr-Menu ul li a:focus, .hmr-Menu ul li a i:hover{color:#487ee0}@media screen and (max-height: 500px){.hmr-Menu ul li a i{font-size:28px}}