html, body {overflow-x: hidden !important;position: relative;}#dm-menu{height:100vh}#et-main-area>.container{position:relative;background:#b4bad2}#et-main-area>.container::before{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.3);content:'';opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:opacity .3s,-webkit-transform 0s .3s;transition:opacity .3s,transform 0s .3s}.menu-button{position:fixed;z-index:99999999999999999999;-webkit-transition:-webkit-transform .3s;transition:transform .3s;right:0;cursor:pointer}.menu-wrap{position:fixed;font-weight:700;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;z-index:99999999;right:0}.menu-top{line-height:58px}.menu-top .profile{display:inline-block;padding:8px 10px;line-height:42px}.menu-top .profile img{float:left;margin-right:1em}.icon-list{display:inline-block;font-size:1.25em}.icon-list a{margin:0 1em 0 0;padding:0}@media screen and (max-width:32em){.icon-list{padding-left:1em}}.menu-side a{display:block;padding:1.2em;border-bottom:1px solid rgba(0,0,0,.1)}.menu-side a:first-child{border-top:1px solid rgba(0,0,0,.1)}.menu-wrap{-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}.show-menu .menu-wrap{opacity:1;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.show-menu #et-main-area,.show-menu .menu-button{-webkit-transform:translate3d(-300px,60px,0);transform:translate3d(-300px,60px,0)}.show-menu #et-main-area>.container::before{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
