#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu { box-shadow: 0 0 30px rgba(0,0,0,0.1); } #cssmenu ul ul { display: none; } #cssmenu > ul > li.active > ul { display: block; } .align-right { float: right; } #cssmenu > ul > li > a { padding: 15px 20px; cursor: pointer; z-index: 2; font-size: 14px; text-decoration: none; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #d5d5d5; } #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a { background-color: #7d7e76; color: #ffffff; border-bottom-color: #7d7e76; } #cssmenu > ul > li.open > a { } #cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a { border: none; } #cssmenu > ul li > a > .holder { position: absolute; top: 0; bottom: 0; right: 0; } #cssmenu > ul li > a > .holder::after {font-family: 'ElegantIcons';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased; content: '\4c'; font-size: 14px; line-height: 14px; display: block; color: #e82332; position: absolute; top: 50%; margin-top: -7px; right: 13px; } #cssmenu > ul > li > a:hover > .holder::after, #cssmenu > ul > li.active > a > .holder::after, #cssmenu > ul > li.open > a > .holder::after { color: #ffffff; } #cssmenu > ul li.open > a > .holder::after { content: '\4b'; } #cssmenu ul ul li a { cursor: pointer; padding: 10px 10px 10px 40px; z-index: 1; text-decoration: none; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { background-color: #ffffff; color: #e82332; text-decoration: underline; } #cssmenu ul ul li:first-child > a { box-shadow: none; } #cssmenu ul ul ul li:first-child > a { } #cssmenu ul ul ul li a { padding-left: 45px; } #cssmenu ul ul ul ul li a { padding-left: 55px; } #cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a { border-bottom: 0; } #cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a { background-color: #ffffff; text-decoration: underline; color: #e82332; } #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { background-color: #ffffff; } #cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after { } #cssmenu ul ul>li.has-sub>a::after, #cssmenu ul ul ul>li.has-sub>a::after { position: absolute; top: 50%; left: 12px; margin-top: -15px; font-family: 'ElegantIcons';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased; font-size: 20px; line-height: 30px; content: '\35'; display: block; } #cssmenu ul ul ul>li.has-sub>a::after { left: 22px; } #cssmenu ul ul ul ul>li>a::after { display: none; } #cssmenu>ul>li.open { border-bottom: 1px solid #d5d5d5; } #cssmenu>ul>li:last-of-type.open { border-bottom: none; }