/* menu */ #nav {position:fixed; right:-300px; top:77px; background:rgba(0,0,0,0.95); display:none; z-index:500; transition:0.5s;} #nav li ul {display:none;} #nav {width:300px; padding:20px 0; color:#ddd; margin:0; list-style:none; overflow:hidden; z-index:100;} #nav li {display:block; padding:0 20px;} #nav li span {display:block; background:url(../images/menu-sub-icon.png) no-repeat right center; font:700 16px/35px 'Lato', arial, sans-serif; cursor:pointer;} #nav > li > a {display:block; font:700 15px/40px 'Lato', arial, sans-serif; text-decoration:none; color:#eee;} #nav ul {padding:0; margin:0; list-style:none;} #nav li ul li {padding:0 0 0 10px;} #nav li ul li a {display:block; font:400 15px/30px 'Lato', arial, sans-serif; text-decoration:none; color:#ddd;} #nav li a:hover {color:#fff;} #menu {display:inline-block; width:23px; height:14px; border-top:3px solid #fff; border-bottom:3px solid #fff; position:relative; top:6px; margin-left:10px; cursor:pointer; -webkit-transition:0.25s; transition:0.25s; } #menu:before {display:block; content:""; position:absolute; top:6px; left:0; width:23px; height:3px; background:#fff; -webkit-transition:0.25s; transition:0.25s; } #menu:after {display:block; content:""; position:absolute; top:6px; left:0; width:23px; height:3px; background:#fff; -webkit-transition:0.25s; transition:0.25s; } #menu.toggle {border-color:transparent; transform:rotate(180deg) } #menu.toggle:before { transform:rotate(45deg) } #menu.toggle:after { transform:rotate(-45deg) }