body{overflow-x:hidden}.menu{width:360px;height:100%;background:#333;background-color:rgba(0,0,0,0.8);position:fixed;top:0;right:-360px;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .3s cubic-bezier(0.32,1.25,0.375,1.15);transition:all .3s cubic-bezier(0.32,1.25,0.375,1.15);z-index:10}.menu.show-nav{-webkit-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px);-webkit-transform:translateX(-360px) tranlateZ(0);-ms-transform:translateX(-360px) tranlateZ(0);transform:translateX(-360px) tranlateZ(0);-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0)}.menu ul{margin:0;padding:0}.menu ul li{position:relative;list-style:none;width:90%;margin:0 auto;padding:20px 10px;text-align:center;border-top:1px solid #333;box-shadow:0 -1px 1px -1px #746559}.menu ul li:first-child{margin-top:20px;border:0;box-shadow:none}.menu ul li a,.menu ul li span{position:relative;font-weight:360;padding:8px 10px;color:rgba(255,255,255,0.7);color:#fff;text-decoration:none;text-transform:uppercase;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.menu ul li a:after,.menu ul li span:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#f38b00;visibility:hidden;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s cubic-bezier(0.32,1.25,0.375,1.15);transition:all .3s cubic-bezier(0.32,1.25,0.375,1.15)}.no-touch .menu ul li a:hover:after,.no-touch .menu ul li span:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);visibility:visible}.menu p{color:rgba(255,255,255,0.7);position:absolute;top:86%;left:20px;font-size:.875em;text-align:center}.menu p a{color:rgba(243,139,0,0.6);text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}.menu p a:hover{color:#f38b00;text-decoration:underline}.nav-toggle{position:fixed;top:30px;right:30px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .4s cubic-bezier(0.32,1.25,0.375,1.15);transition:all .4s cubic-bezier(0.32,1.25,0.375,1.15);z-index:11}.nav-toggle span{color:#4c4c4c;color:rgba(0,0,0,0.7);padding:5px;font-size:1.875em}.no-touch .nav-toggle span:hover{color:#000}.nav-toggle span.fa-times{color:#fff}.nav-toggle span.fa-times:hover{color:#fff}.nav-toggle.show-nav{top:12px;right:12px}