.toggle-menu{height:120px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;position:relative;cursor:pointer;width:80px;display:inline-block;z-index:1000}.toggle-menu.abs{right:10px;position:absolute;top:10px}.toggle-menu i{height:4px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;position:absolute;background:#4d4d4d;left:0;width:40px;display:block}.toggle-menu i:first-child{top:16px}.toggle-menu i:nth-child(2){top:24px}.toggle-menu i:nth-child(3){top:32px}.toggle-menu.active{position:fixed}.toggle-menu.active i:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:25px}.toggle-menu.active i:nth-child(2){background:none}.toggle-menu.active i:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:25px}#menu-wrapper{height:100%;right:-100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;position:fixed;flex-direction:column;top:0;background-color:#fff;width:350px;display:flex;z-index:999}#menu-wrapper.full{width:100%}#menu-wrapper.opened{right:0}#menu-wrapper .menu-footer{margin-top:auto}#menu-bg{height:100%;position:fixed;top:0;left:0;width:100%;display:none;z-index:998}#menu-bg.opened{background-color:rgba(0,0,0,.5);display:block}