.officeLayoutMobileMenu{position:fixed;top:0;left:-75%;width:75%;height:100%;background:#181818;z-index:1001;-webkit-transition:left .3s ease-out .3s;-moz-transition:left .3s ease-out .3s;-o-transition:left .3s ease-out .3s;transition:left .3s ease-out .3s}.officeLayoutMobileMenu.external-state .internal,.officeLayoutMobileMenu.internal-state .external{display:none!important}.officeLayoutMobileMenuActive{left:0}.officeLayoutMobileMenu .menuContent{height:100%;overflow-y:auto;overflow-x:hidden}.officeLayoutMobileMenu .officeLayoutMenuSection{border-top:1px solid #333;list-style:none;margin:0;padding:0}.officeLayoutMobileMenu .officeLayoutMenuSection:first-child{border-top:0}.officeLayoutMobileMenu .officeLayoutMenuSection .officeLayoutMenuTreeNode{margin-bottom:2em}.officeLayoutMobileMenu .officeLayoutMenuSection .officeLayoutMenuTreeNode>span{display:block;margin:1em .5em;color:#fff;font-weight:bold}.officeLayoutMobileMenu .officeLayoutMenuSection .officeLayoutMenuItem,.officeLayoutMobileMenu .officeLayoutMenuSection .officeLayoutMenuItem a{color:#899}.officeLayoutMobileMenu .officeLayoutMenuSection .officeLayoutMenuItem{padding:15px 10px}.officeLayoutMobileMenu .officeLayoutMenuSection li:hover{background:#333}.officeLayoutMobileMenu .officeLayoutMenuSection .officeLayoutMenuItem a{vertical-align:middle;margin-left:5px;text-decoration:none}.officeLayoutMobileMenu .icon{box-sizing:border-box;display:block;position:absolute;top:0;right:-4em;font-size:12px;width:4em;height:4em;padding:1em;background:#181818;cursor:pointer;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.officeLayoutMobileMenu .icon span{display:block;position:relative;margin-top:.9em}.officeLayoutMobileMenu .icon span,.officeLayoutMobileMenu .icon span:before,.officeLayoutMobileMenu .icon span:after{background-color:#fff;width:100%;height:.2em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.officeLayoutMobileMenu .icon span:before,.officeLayoutMobileMenu .icon span:after{content:" ";position:absolute}.officeLayoutMobileMenu .icon span:before{top:-0.55em}.officeLayoutMobileMenu .icon span:after{top:.55em}.officeLayoutMobileMenuActive .icon{opacity:1}.officeLayoutMobileMenuActive .icon span{background:transparent}.officeLayoutMobileMenuActive .icon span:before{-webkit-transform:rotate(45deg) translate(0.5em,0.4em);-moz-transform:rotate(45deg) translate(0.5em,0.4em);-ms-transform:rotate(45deg) translate(0.5em,0.4em);-o-transform:rotate(45deg) translate(0.5em,0.4em);transform:rotate(45deg) translate(0.5em,0.4em)}.officeLayoutMobileMenuActive .icon span:after{-webkit-transform:rotate(-45deg) translate(0.4em,-0.3em);-moz-transform:rotate(-45deg) translate(0.4em,-0.3em);-ms-transform:rotate(-45deg) translate(0.4em,-0.3em);-o-transform:rotate(-45deg) translate(0.4em,-0.3em);transform:rotate(-45deg) translate(0.4em,-0.3em)}