html, body{width: 100%;height: 100%}.menu-wrap a{color: #b8b7ad}.menu-wrap a:hover,.menu-wrap a:focus{color: #c94e50}.menu-button{position:absolute;z-index: 1000;padding: 0;width: 36px;height: 33px;border: none;text-indent: 2.5em;color: transparent;margin: 60px 70px;background: rgba(123,29,95,.6)}.menu-button::before{position: absolute;top: 0.5em;right: 0.5em;bottom: 0.5em;left: 0.5em;content: '';background: url(../images/pull-menu.png) center center}.menu-button:hover{opacity: 0.6}.close-button{width: 24px;height: 24px;position: absolute;right: 0;top: 0;overflow: hidden;text-indent: 1em;font-size: 0.75em;border: none;background: #000;color: transparent}.close-button::before,.close-button::after{content: '';position: absolute;width: 3px;height: 55%;top: 22%;left: 48%;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: 300px;background: #fff;padding: 60px 30px;font-size: 1.15em;left: -300px}.menu, .icon-list{height: 100%}.icon-list a span{margin-left: 10px;font-weight: 700}.show-menu .menu-wrap{left: 60px}.show-menu .icon-list,.show-menu .icon-list a{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: -webkit-transform 0.8s;transition: transform 0.8s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function: cubic-bezier(0.7,0,0.3,1)}.show-menu .icon-list a{-webkit-transition-duration: 0.9s;transition-duration: 0.9s}.show-menu .content::before{opacity: 1;-webkit-transition: opacity 0.8s;transition: opacity 0.8s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function: cubic-bezier(0.7,0,0.3,1);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}