.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 { background: #ffffff; color: #001d60; padding: 0 14px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); } .cssmenu ul ul { display: none; } .cssmenu > ul > li.active > ul { display: block; } .align-right { float: right; } .cssmenu > ul > li > a { padding: 12px 17px; border-left: none; border-right: none; border-top: 1px solid #dee0e3; border-bottom: none; cursor: pointer; z-index: 2; font-size: 15px; text-decoration: none; color: #001d60; background: #ffffff; } .cssmenu > ul > li:first-of-type > a { border-top: none; } .cssmenu > ul > li > a:hover, .cssmenu > ul > li.active > a, .cssmenu > ul > li.open > a { color: #d3002c; background: #ffffff; } .cssmenu > ul > li.open > a { } .holder { width: 0; height: 0; position: absolute; top: 0; right: 0; } .holder::after, .holder::before { display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .holder::after { top: 17px; border-top: 2px solid #000000; border-left: 2px solid #000000; } .cssmenu > ul > li > a:hover > span::after, .cssmenu > ul > li.active > a > span::after, .cssmenu > ul > li.open > a > span::after { border-color: #eeeeee; } .holder::before { top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit; } @media (min-width:992px) { .cssmenu ul ul>li>a:before { display: block; content: ' '; background: #001d60; border-radius: 50%; position: absolute; left: 26px; height: 6px; width: 6px; top: 50%; margin-top: -3px; } } .cssmenu ul ul>li>a { cursor: pointer; border-left: none; border-right: none; padding: 10px 20px; z-index: 1; text-decoration: none; font-size: 13px; color: #001d60; background: #ffffff; } .cssmenu ul ul li > a:hover, .cssmenu ul ul li > a:focus, .cssmenu ul ul li.open > a, .cssmenu ul ul li.open > a:focus, .cssmenu ul ul li.open > a:hover, .cssmenu ul ul li.active > a { background: #ffffff; color: #d3002c; border-left: none; border-right: none; } .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: 25px; } .cssmenu ul ul ul>li>a:before { left: 38px; } .cssmenu ul ul ul ul>li>a:before { left: 53px; } .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 > ul > li:last-child > a { border-bottom: 0; } .cssmenu ul ul li.has-sub > a::after { display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index: 10; top: 11.5px; border-top: 2px solid #000000; border-left: 2px solid #000000; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .cssmenu ul ul li.active > a::after, .cssmenu ul ul li.open > a::after, .cssmenu ul ul li > a:hover::after { border-color: #000000; }