#overlay-menu{display:none;position:fixed;z-index:5000;width:100%;height:100%;top:0;left:0;color:#fff;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translate(60px,0);-moz-transform:translate(60px,0);-o-transform:translate(60px,0);transform:translate(60px,0);-o-transition:transform 0.3s,opacity 0.3s,visibility 0.3s;-moz-transition:transform 0.3s,opacity 0.3s,visibility 0.3s;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s,visibility 0.3s;transition:transform 0.3s,opacity 0.3s,visibility 0.3s}#overlay-menu.active{opacity:1;visibility:visible;-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);transform:translate(0)}.admin-bar #overlay-menu{top:32px;height:calc(100% - 32px)}#overlay-menu>.container{height:100%}#overlay-menu>.container>div{position:relative;height:calc(100% - 80px);top:40px;pointer-events:none;overflow:auto}#overlay-menu.active>.container>div{pointer-events:all}@media screen and (max-width:782px){.admin-bar #overlay-menu{top:46px;height:calc(100% - 46px)}}@media all and (max-width:600px){#wpadminbar{z-index:2000!important}.admin-bar #overlay-menu{top:0;height:100%}}.overlay-menu{display:none;position:relative}.overlay-menu.over{font-size:30px;pointer-events:all}.overlay-menu .main-content{width:12em;padding:30px 30px;margin-left:auto;margin-right:0;font-size:1.5em;background-color:#222;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.overlay-menu .logo{display:inline-block;margin-bottom:1em}.overlay-menu .logo img,.overlay-menu .logo svg{width:auto;height:1.8em}.overlay-menu .close-btn{position:absolute;right:20px;top:20px}.overlay-menu .nav-menu{line-height:1}.overlay-menu .nav-menu ul>li{display:block;position:relative;max-width:8.5em;margin-left:auto;text-align:right}.overlay-menu .nav-menu ul>li:first-child{margin-top:0}.overlay-menu .nav-menu ul>li:nth-child(2),.overlay-menu .nav-menu ul>li:nth-child(7){border-bottom:1px solid #fff;padding-bottom:.6em;margin-bottom:.5em}.overlay-menu .nav-menu ul>li:nth-child(3):before{content:"work:";display:block;color:#666}.overlay-menu .nav-menu ul>li a{display:inline-block;font-size:1.4em;text-transform:uppercase}.overlay-menu .nav-menu ul>li.current-menu-item>a,.overlay-menu .nav-menu ul>li.current_page_item>a,.overlay-menu .nav-menu ul>li.current-page-ancestor>a,.overlay-menu .nav-menu ul>li.current-menu-parent>a,.single-case-study .overlay-menu .nav-menu ul>li.menu-item-167>a{color:#bbb}.overlay-menu .nav-menu ul>li .sub-menu{display:none;position:relative;padding:8px 0;background:#eee}.overlay-menu .nav-menu ul>li .sub-menu>li a{padding-top:0;padding-bottom:0;font-size:.9em}@media all and (max-width:1600px),(max-height:1000px){.overlay-menu .main-content{font-size:1em}}@media all and (max-width:800px){#overlay-menu>.container{padding-left:0;padding-right:0}#overlay-menu>.container>div{height:100%;top:0}.overlay-menu .main-content{width:100%;padding-left:20px;padding-right:20px}}@media all and (max-width:600px){.overlay-menu .close-btn{right:20px;top:20px}.overlay-menu .main-content{font-size:.9em}}@media all and (max-height:700px){.overlay-menu .close-btn{right:20px;top:20px}.overlay-menu .main-content{font-size:.8em}.overlay-menu h2{font-size:2em}.overlay-menu .nav-menu ul{margin-top:2em}}@media all and (max-height:600px){.overlay-menu .main-content{font-size:.55em}}@media all and (max-height:400px){#overlay-menu>.container{max-width:none;padding-left:0;padding-right:0}#overlay-menu>.container>div{height:100%;top:0}.overlay-menu .main-content{width:100%}}