.hamburgerMenuButton{display:block;height:40px;width:40px;position:fixed;top:20px;right:20px;z-index:9}.hamburgerMenuButton:hover{cursor:pointer}.hamburgerMenuButton div{height:2px;width:60%;background-color:#333;-webkit-box-shadow:2px 2px 2px #fff;box-shadow:2px 2px 2px #fff;position:absolute;top:50%;left:20%;-webkit-transition:ease-out .5s;transition:ease-out .5s}.hamburgerMenuButton div:nth-of-type(1){-webkit-transform:translate(0, -8px);transform:translate(0, -8px)}.hamburgerMenuButton div:nth-of-type(3){-webkit-transform:translate(0, 8px);transform:translate(0, 8px)}.hamburgerNav{border:2px double blue;-webkit-transform:translateX(110%);transform:translateX(110%);-webkit-transform:scale(0);transform:scale(0);position:fixed;top:15%;left:5%;font-size:1em;width:85%;padding-top:50px;padding-top:30px;padding-bottom:30px;z-index:4;z-index:9;max-height:100vh;overflow:auto;background-color:#557a9b;-webkit-box-shadow:6px 6px 12px #c6c6c6;box-shadow:6px 6px 12px #c6c6c6;border-radius:30px;-webkit-transition-duration:1s;transition-duration:1s}.hamburgerNav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:10% !important;height:100%}.paddingLeft3{padding-left:5% !important}.paddingLeft0{padding-left:0 !important}.hamburgerNav li{margin-top:0px;height:1.6em;width:100%}#hamburgerNav a{display:inline-block;line-height:1.5em;position:relative;overflow:hidden;text-decoration:none;font-weight:bold}#hamburgerNav a:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#333;background-color:#fff;-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 500ms;transition:-webkit-transform 500ms;transition:transform 500ms;transition:transform 500ms, -webkit-transform 500ms;-webkit-transition:-webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) .4s;transition:-webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) .4s;transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) .4s;transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) .4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) .4s;content:""}#hamburgerNav a:hover:after{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.hamburgerMenuButton.active{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}.hamburgerMenuButton.active div:nth-of-type(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburgerMenuButton.active div:nth-of-type(2){opacity:0;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}.hamburgerMenuButton.active div:nth-of-type(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburgerNav.active{-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transform:scale(1);transform:scale(1)}.mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;visibility:hidden;z-index:3;-webkit-transition:.5s;transition:.5s}.mask.active{opacity:.5;visibility:visible}