.center {
text-align:center;
}

#nodmenu {
width:100%;
margin:0 auto;
background:#fff;
padding:5px 0;
box-shadow:0 5px 0 #dedede;
}

#nodmenu ul {
list-style:none;
text-align:center;
margin:0;
padding:0;
}

#nodmenu ul li {
display:inline-block;
float:left;
}

#nodmenu ul li a {
display:block;
padding:10px;
text-decoration:none;
font-size:105%;
color:#888;
font-weight:800;
text-transform:uppercase;
margin:0 10px;
}

#nodmenu ul li a,#nodmenu ul li a:after,#nodmenu ul li a:before {
transition:all .5s;
}

#nodmenu ul li a:hover {
color:#555;
}

#nodmenu.shift ul li a {
position:relative;
z-index:1;
}

#nodmenu.shift ul li a:hover {
color:#fff;
}

#nodmenu.shift ul li a:after {
display:block;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
width:100%;
height:1px;
content:'.';
color:transparent;
background:red;
visibility:none;
opacity:0;
z-index:-1;
}

#nodmenu.shift ul li:nth-child(1n+5) a:after {
background:#0fa495;
}

#nodmenu.shift ul li a:hover:after {
opacity:1;
visibility:visible;
height:100%;
}