#mainnav {
    float:right;
    clear:right;
    margin-top:15px;
}
#mainnav ul,
#mainnav li {
    margin:0;
    padding:0;
}
#mainnav a,
#mainnav span.active {
    display:block;
    margin:3px;
    padding:10px 20px;
    color:#1d1d1b;
}
#mainnav a:hover {
    color:#008bcb;
}
#mainnav a,
#mainnav span {
    display:inline-block;
    text-decoration:none;
}
#mainnav .level_1 > li {
    float:left;
    display:inline-block;
}
#mainnav .level_1 > li > a {
    position:relative;
}
#mainnav .level_1 > li.active > a:before,
#mainnav .level_1 > li.trail > a:before {
    width:3px;
    height:3px;
    left:-3px;
    top:-3px;
    position:absolute;
    float:left;
    display:block;
    border-top:1px solid #008bcb;
    border-left:1px solid #008bcb;
    content:"";
}
#mainnav .level_1 > li.active > a:after,
#mainnav .level_1 > li.trail > a:after {
    width:3px;
    height:3px;
    bottom:-3px;
    left:-3px;
    position:absolute;
    float:left;
    display:block;
    border-bottom:1px solid #008bcb;
    border-left:1px solid #008bcb;
    content:"";
}
#mainnav .level_1 > li.active > a > span:before,
#mainnav .level_1 > li.trail > a > span:before {
    width:3px;
    height:3px;
    right:-3px;
    top:-3px;
    position:absolute;
    float:left;
    display:block;
    border-top:1px solid #008bcb;
    border-right:1px solid #008bcb;
    content:"";
}
#mainnav .level_1 > li.active > a > span:after,
#mainnav .level_1 > li.trail > a > span:after {
    width:3px;
    height:3px;
    bottom:-3px;
    right:-3px;
    position:absolute;
    float:left;
    display:block;
    border-right:1px solid #008bcb;
    border-bottom:1px solid #008bcb;
    content:"";
}
#mainnav .level_1 > .active > a,
#mainnav .level_1 > li:hover > a,
#mainnav .level_1 > .trail > a {
    position:relative;
    margin-bottom:35px;
    background-color:#eee;
}
#mainnav .level_1 > li > span,
#mainnav .level_1 > li.trail > span {
    display:block;
    padding:20px;
}
#mainnav .level_1 > li > a,
#mainnav .level_1 > li > span {
    display:block;
    font-size:16px;
    font-weight:normal;
    text-transform:uppercase;
}
#mainnav .level_2 {
    min-width:230px;
    display:none;
    margin-left:3px;
}
#mainnav .level_2 a {
    width:100%;
    margin:0;
    padding:10px 20px;
    box-sizing:border-box;
}
#mainnav .level_2 .icon {
    float:right;
    margin-left:15px;
    padding:0;
}
#mainnav .level_2 > li {
    position:relative;
}
#mainnav li:hover ul.level_2,
#mainnav li ul.level_2:hover {
    position:absolute;
    display:block;
    margin-bottom:30px;
    background-color:#fff;
    z-index:2;
}