/*!
 * slideNavbar.css
 */
body {
 overflow-x:hidden
}

.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
}