.container,.content-wrap,body,html{overflow:hidden;width:100%;height:100%}.menu-wrap a{color:#b8b7ad}.menu-wrap a:focus,.menu-wrap a:hover{text-decoration:none}.content-wrap{overflow-y:none;-webkit-overflow-scrolling:touch}.content{position:relative}.content::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 .4s,-webkit-transform 0s .4s;transition:opacity .4s,transform 0s .4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.3,1);transition-timing-function:cubic-bezier(0.7,0,.3,1)}.menu-button{position:fixed;z-index:1000;margin:1em;padding:0;width:2.5em;height:2.25em;border:none;text-indent:2.5em;font-size:1.5em;color:transparent;background:0 0}.menu-button::before{position:absolute;top:.5em;right:.5em;bottom:.5em;left:.5em;background:linear-gradient(#373a47 15%,transparent 15%,transparent 40%,#373a47 40%,#373a47 55%,transparent 55%,transparent 80%,#373a47 80%,#373a47 95%,transparent 95%);content:''}.menu-button:hover{opacity:.6}.close-button{width:1em;height:1em;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:1em;font-size:.75em;border:none;background:0 0;color:transparent}.close-button::after,.close-button::before{content:'';position:absolute;width:3px;height:100%;top:0;left:50%;background:#bdc3c7}.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-wrap{position:absolute;z-index:1001;width:250px;height:100%;background:#373a47;padding:.3em 1em 0;font-size:1.1em;-webkit-transform:translate3d(-320px,0,0);transform:translate3d(-320px,0,0);-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.3,1);transition-timing-function:cubic-bezier(0.7,0,.3,1)}.icon-list,.menu{height:100%}.icon-list{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.icon-list a{display:block;padding:.1em;-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0)}.icon-list,.icon-list a{-webkit-transition:-webkit-transform 0s .4s;transition:transform 0s .4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.3,1);transition-timing-function:cubic-bezier(0.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:nth-child(7){-webkit-transform:translate3d(0,3500px,0);transform:translate3d(0,3500px,0)}.icon-list a:nth-child(8){-webkit-transform:translate3d(0,4000px,0);transform:translate3d(0,4000px,0)}.icon-list a:nth-child(9){-webkit-transform:translate3d(0,4500px,0);transform:translate3d(0,4500px,0)}.icon-list a:nth-child(10){-webkit-transform:translate3d(0,5000px,0);transform:translate3d(0,5000px,0)}.icon-list a:nth-child(11){-webkit-transform:translate3d(0,5500px,0);transform:translate3d(0,5500px,0)}.icon-list a span{margin-left:10px;font-weight:200}.show-menu .icon-list,.show-menu .icon-list a,.show-menu .menu-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .8s;transition:transform .8s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.3,1);transition-timing-function:cubic-bezier(0.7,0,.3,1)}.show-menu .icon-list a{-webkit-transition-duration:.9s;transition-duration:.7s}.show-menu .content::before{opacity:1;-webkit-transition:opacity .8s;transition:opacity .8s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.3,1);transition-timing-function:cubic-bezier(0.7,0,.3,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media (max-width:991px){.menu-wrap{width:150px;height:100%;background:#373a47;padding:.2em 1em 0;font-size:.8em;-webkit-transform:translate3d(-320px,0,0);transform:translate3d(-320px,0,0);-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.3,1);transition-timing-function:cubic-bezier(0.7,0,.3,1)}}