#primary-nav {}
#primary-nav ul { list-style: none; position: relative; float: right; margin: 0; padding: 0 }
#primary-nav ul a { display: block; text-decoration: none; color: #504c4c; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 17.5px; padding: 0 9px; text-align: center; }
#primary-nav ul li a { border: 1px solid #504c4c; }
#primary-nav ul li a:hover { color: #e8e2ca; background: #504c4c; text-decoration: none }
#primary-nav ul li { position: relative; float: left; margin: 0; padding: 0 10px; text-transform: uppercase }
#primary-nav ul > li:first-child { padding-left: 0 }
#primary-nav ul > li:last-child { padding-right: 0 }
#primary-nav ul > li.mobile-only { display:none; }
#primary-nav ul li.current-menu-item { background: #ddd }
#primary-nav ul ul { display: none; position: absolute; top: 100%; left: 0; background: #fff; padding: 0 }
#primary-nav ul ul li { float: none; width:300px;padding:0 }
#primary-nav ul ul a { line-height: 120%; padding: 5px 15px; border:0;text-align:left }
#primary-nav ul ul ul { top: 0; left: 100% }
#primary-nav ul li:hover > ul { display: block }

.top-menu { padding-bottom: 10px; text-align: right; }
.top-menu > a { color: #504c4c; font-family: 'Roboto Condensed', sans-serif;font-weight:bold; font-size: 24px; vertical-align: middle; }
.top-menu > a:hover{ color:#f50404; }
.top-menu ul { display: inline-block; list-style: none; position: relative; margin: 0 10px 0 0; padding: 0; vertical-align: middle; width: auto; }
.top-menu ul li a { display: block; text-decoration: none; color: #504c4c; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; text-transform:uppercase; }
.top-menu ul li a:hover { color: #f50404; }
.top-menu > ul > li > a:after { color: #f50404; content: '|'; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; line-height: 20px; padding: 0 10px; vertical-align: top; }
.top-menu > ul > li:last-child > a:after { content: none; }
.top-menu ul li { position: relative; float: left; margin: 0; text-transform: uppercase }
.top-menu ul li.current-menu-item { background: #ddd }
.top-menu ul ul { display: none; position: absolute; top: 100%; left: 0; background: #fff; padding: 0;z-index:10 }
.top-menu ul ul li { float: none; width:150px; padding: 0 }
.top-menu ul ul a { line-height: 120%; padding: 5px 15px; border: 0; text-align: left }
.top-menu ul ul ul { top: 0; left: 100% }
.top-menu ul li:hover > ul { display: block }