nav,nav ul{display:flex}nav ul li a::before,nav ul li a:active::before{background-color:#000}.nav,.nav li,.nav.mobile,nav ul li a{position:relative}.horiznav li ul,.nav .topmenu ul{display:none;position:absolute}nav{justify-content:center}nav ul{margin:0 auto}.nav.mobile{display:none;margin-top:10px;font-size:2em}nav ul li{float:left;list-style:none;background-color:#fef2e4;transition:.5s}nav ul li.active,nav ul li:hover{color:#000}nav>ul>li:last-child{margin-right:0}nav ul li a{display:block;padding:10px 0;margin:0 10px;letter-spacing:1px;font-size:12px;line-height:16px;font-weight:900;text-transform:uppercase;transition:color .1s,background-color .1s,padding .2s ease-in;color:#000}a:active,a:focus,nav ul li a:hover{color:#999;text-decoration:none}nav ul li a::before{content:'';display:block;position:absolute;bottom:3px;left:0;height:3px;width:100%;transform-origin:right top;transform:scale(0,1);transition:color .1s,transform .2s ease-out}a:focus::before,nav ul li a:hover::before{transform-origin:left top;transform:scale(1,1)}.horiznav ul,ul.horiznav{padding:0;height:40px}.horiznav li ul{top:40px;left:0;background:#fff}.nav{font-weight:200;z-index:1000}.nav ul{margin:0;padding:0}.nav li{float:left;white-space:nowrap;cursor:pointer;-webkit-transition:background-color .3s ease-in;-moz-transition:background-color .3s ease-in;-ms-transition:background-color .3s ease-in;-o-transition:background-color .3s ease-in;transition:background-color .3s ease-in}.nav ul li.topmenu{display:inline-table;padding:.3em 1em}.nav li:hover>ul{display:table}.nav ul.submenu{top:100%;left:0;padding-top:.5em;padding-bottom:.5em;border:1px solid #ccc}.nav ul.submenu .submenu{top:-.5em;left:100%;font-size:1em}.nav li.divider{margin:.5rem auto .3rem;padding:0;border-top:1px solid #343434;cursor:default}.nav li.divider:hover{background-color:transparent}