/* nav */
.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a { margin: 0; padding: 0; line-height: normal; list-style: none; display: block; position: relative; }
.nav-menu ul { display: none; position: absolute; top: 100%; left: 0; z-index: 999; }
.nav-menu ul ul { top: 0; left: 100%; }
.nav-menu li:hover > ul,.nav-menu li.sfHover > ul { display: block; }
.nav-menu li { float: left; white-space: nowrap; *white-space: normal; }
.nav-menu ul li { float: none; }

/* sub width */
.nav-menu ul { min-width: 12em; *width: 12em; box-shadow: 2px 2px 2px rgba(0,0,0,.25); }

/* centered */
.nav-menu { float: right; right: 50%; }
.nav-menu > li { left: 50%; }

/* root link */
.nav-menu a {
 padding: 0 10px;
 color: #0079B8;
 font-weight: normal;
 font-size: 15px;
 line-height: 40px;
 font-family: Roboto, Arial, sans-serif;
 text-decoration: none;
 text-transform: uppercase;
 zoom: 1;
}

/* Root Menu Hover Persistence */
.nav-menu a:hover,.nav-menu li:hover a,.nav-menu li.sfHover a {
 background: #0079B8;
 color: #FFF;
}

/* 2nd Menu */
.nav-menu li li a,.nav-menu li:hover li a,.nav-menu li.sfHover li a {
 padding: 8px 10px;
 background: #0079B8;
 color: #FFF;
 font-size: 13px;
 line-height: normal;
 font-family: Arial, sans-serif;
 text-transform: none;
}

/* 2nd Menu Hover Persistence */
.nav-menu li:hover li a:hover,.nav-menu li:hover li:hover a,.nav-menu li.sfHover li a:hover,.nav-menu li.sfHover li.sfHover a {
 background: #87319A;
 color: #FFF;
}

/* 3rd Menu */
.nav-menu li:hover li:hover li a,.nav-menu li.sfHover li.sfHover li a {
 background: #87319A;
 color: #FFF;
}

/* 3rd Menu Hover Persistence */
.nav-menu li:hover li:hover li a:hover,.nav-menu li:hover li:hover li:hover a,.nav-menu li.sfHover li.sfHover li a:hover,.nav-menu li.sfHover li.sfHover li.sfHover a {
 background: #652473;
}

/* 4th Menu */
.nav-menu li:hover li:hover li:hover li a,.nav-menu li.sfHover li.sfHover li.sfHover li a {
 background: #652473;
}

/* 4th Menu Hover */
.nav-menu li:hover li:hover li:hover li a:hover,.nav-menu li.sfHover li.sfHover li.sfHover li a:hover {
 background: #333;
}

/*
arrows
.sf-arrows .sf-with-ul { padding-right: 28px; *padding-right: 10px; }
.sf-arrows .sf-with-ul:after { margin-top: -2px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #FFF; opacity: 0.5; content: ''; position: absolute; top: 50%; right: 10px; }
.sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #FFF; }
.nav-vertical.sf-arrows > li > .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #FFF; }
*/

/* mobile */
.nav-mobile,.nav-mobile ul,.nav-mobile li,.nav-mobile a { margin: 0; padding: 0; list-style: none; display: block; }
.nav-mobile { border-top: 1px solid rgba(255,255,255,0.25); }
.nav-mobile a { border-bottom: 1px solid rgba(255,255,255,0.25); padding: 5px 10px; background: #222; color: #FFF; font-weight: normal; text-decoration: none; }
.nav-mobile ul a { padding-left: 30px; font-size: .9em; }
.nav-mobile ul ul a { padding-left: 60px; font-size: .9em; }






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */