.content-wrap{height:100%;overflow:hidden;width:100%}.menu-wrap a{color:#b8b7ad}.menu-wrap a:focus,.menu-wrap a:hover{color:#c94e50}.content-wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch}.content{position:relative;background:#b4bad2}.content:before{height:100%;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:opacity .4s,-webkit-transform 0s .4s;transition:opacity .4s,transform 0s .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1);content:"";position:absolute;opacity:0;top:0;background:rgba(0,0,0,.3);left:0;width:100%;z-index:10}.menu-button{height:2.25em;padding:0;font-size:1.5em;border:none;right:0!important;text-indent:2.5em;color:transparent;position:absolute;margin:20px;background:transparent;width:2.5em;float:right;z-index:1000}.menu-button:before{right:.5em;content:"";position:absolute;bottom:.5em;top:.5em;background:linear-gradient(#e96656 20%,transparent 0,transparent 40%,#e96656 0,#e96656 60%,transparent 0,transparent 80%,#e96656 0);left:.5em}.menu-button:hover{opacity:.6}.close-button{height:1em;overflow:hidden;font-size:.75em;border:none;right:1em;text-indent:1em;color:transparent;position:absolute;top:1em;background:transparent;width:1em}.close-button:after,.close-button:before{height:100%;content:"";position:absolute;top:0;background:#bdc3c7;left:50%;width:3px}.close-button:hover:after,.close-button:hover:before{background:#e96656}.close-button:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close-button:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-wrap{-webkit-transform:translate3d(-320px,0,0);transform:translate3d(-320px,0,0);padding:2.5em 1.5em 0;font-size:1.15em;-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1);position:fixed;background:#333;width:300px;z-index:9999}.icon-list,.menu,.menu-wrap{height:100%}.icon-list a{color:#888!important}.icon-list a:hover{color:#fff!important}.icon-list{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.icon-list li,.icon-list ul{list-style:none}.icon-list>li>a{border-bottom:1px solid #888}.icon-list>li .sub-menu li:last-child a{margin-bottom:15px}.icon-list a{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);padding:.8em;display:block}.icon-list,.icon-list a{-webkit-transition:-webkit-transform 0s .4s;transition:transform 0s .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.icon-list a:nth-child(2){-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0)}.icon-list a:nth-child(3){-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}.icon-list a:nth-child(4){-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}.icon-list a:nth-child(5){-webkit-transform:translate3d(0,2500px,0);transform:translate3d(0,2500px,0)}.icon-list a:nth-child(6){-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}.icon-list a span{font-weight:700;margin-left:10px}.show-menu .icon-list,.show-menu .icon-list a,.show-menu .menu-wrap{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .8s;transition:transform .8s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.show-menu .icon-list a{-webkit-transition-duration:.9s;transition-duration:.9s}.show-menu .content:before{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .8s;transition:opacity .8s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1);opacity:1}