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