.site-overlay{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;transform:translate3d(100%,0,0);transition:opacity 0.4s,transform 0 .4s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.close-button{width:1.5em;height:1.5em;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:1em;font-size:.75em;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;transition:background .4s}
.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.close-button:hover::before,.close-button:hover::after{background:#ad0202}
.menu-wrap{position:fixed;overflow:auto;top:0;left:0;z-index:1001;width:300px;height:100%;background: #1e1e1e;box-shadow:0 0 20px rgba(0,0,0,.8);padding:40px 20px 20px;transform:translateX(-100vw);transition:transform .4s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.mobile-menu{transform:translateX(500px)}
.mobile-menu > ul{display:block;transform:translateX(-1000px)}
.mobile-menu,.mobile-menu > ul{transition:transform 0 .4s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.mobile-menu ul{list-style:none;margin:0;padding:0;font-size:18px;line-height:1.5em}
.mobile-menu ul ul{background:rgba(0,0,0,.15);font-size:16px;margin-top:5px;margin-bottom:-5px;border-top:1px solid rgba(255,255,255,.2)}
.mobile-menu li:first-child{border-top:none}
.mobile-menu li{padding:5px 0;border-top:1px solid rgba(255,255,255,.2)}
.mobile-menu li li{position:relative;border-top:1px solid rgba(255,255,255,.2)}
.mobile-menu li li::before{content:'\f105';font-family:'FontAwesome';position:absolute;color:rgba(255,255,255,.5);z-index:5;left:10px}
.mobile-menu a{padding:5px;display:block;color: #fff;text-decoration:none;transition:color .4s,background .4s;text-transform:none}
.mobile-menu a:hover{background:#ad0202;color:#fff}
.mobile-menu li li a{padding-left:25px}
.show-menu .menu-wrap{transform:translate3d(0,0,0);transition:transform .8s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.show-menu .mobile-menu,.show-menu .mobile-menu ul{transform:translate3d(0,0,0);transition:transform .8s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.show-menu .mobile-menu ul{transition-duration:.9s}
.show-menu .site-overlay{opacity:1;transition:opacity .8s;transition-timing-function:cubic-bezier(0.7,0,0.3,1);transform:translate3d(0,0,0)}