.content-wrap{-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.content{position:relative;background:#b4bad2}.content::before{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.3);content:'';opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:opacity 0.4s,-webkit-transform 0 .4s;transition:opacity 0.4s,transform 0 .4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}.menu-button::before{content:'\f007';font-family:'FontAwesome';float:right;line-height:91px;font-size:17px;color:#777;text-align:center;background:none;border:none}.close-button{width:1em;height:1em;position:absolute;left:1em;top:2em;overflow:hidden;text-indent:1em;font-size:15px;border:none;background:transparent;color:transparent}.close-button::before,.close-button::after{content:'';position:absolute;width:3px;height:100%;top:0;left:50%;background:#FFF}.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-wrap{position:fixed;z-index:1001;width:305px;height:100%;background:#343434;padding:2.5em 1.5em 0;right:0;-webkit-transform:translate3d(305px,0,0);transform:translate3d(305px,0,0);-webkit-transition:-webkit-transform .3s;transition:transform .3s;top:0;z-index:111}.menu,.icon-list{height:100%}.icon-list{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.icon-list a{display:block;padding:.8em;-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0)}.icon-list,.icon-list a{-webkit-transition:-webkit-transform 0 .4s;transition:transform 0 .4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,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{margin-left:10px;font-weight:700}.show-menu .menu-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.show-menu .content-wrap{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:translate3d(-305px,0,0);transform:translate3d(-305px,0,0)}.show-menu .content::before{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}