ul.sidenav {
 list-style: none;
 margin: 0px;
 padding: 0px;
}

.sidenav a {
 text-decoration: none;
 color: #414141;
}

.sidenav .level2 a.fa.fa-circle:before {
 font-size: 8px;
 margin-right: 7px;
 position: relative;
 top: -3px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidenav .toggle {
 display: none;
}

.sidenav li.level1 {
    margin-bottom: 10px;
}

ul.sidenav .level1 a {
 font-size: 20px;
    position: relative;
-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
 color: #8E2537;
 font-weight: bold;
text-transform: uppercase;
}

.sidenav .level1 a:hover {
 opacity: 0.7;
}

.sidenav .level2 a span.fa.fa-caret-right {
    position: absolute;
    top: 50%;
    left: -12px;
    font-size: 20px;
    margin-top: -10px;
 color: #ffffff;
}

.sidenav .level3 a span.fa.fa-caret-right {
    position: absolute;
    top: 50%;
    left: -12px;
    font-size: 20px;
    margin-top: -10px;
    color: #ffffff;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidenav .level3 a:hover span.fa.fa-caret-right, .sidenav .level3.active a span.fa.fa-caret-right {
 color: #8E2537;
}

.sidenav .level2 a:hover span.fa.fa-caret-right, .sidenav .level2.active a span.fa.fa-caret-right {
 color: #8E2537;
}

.sidenav .level2 a {
 margin-top: 10px;
 margin-left: 5px;
 font-size: 15px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
 position: relative;
display: inline-block;
}

.sidenav .level2 a span {
-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
 display: inline-block;
}

.sidenav .level2 a:hover, .sidenav .level2.active a {
 color: #335633;
}

.sidenav .level2.active a {
 font-weight: bold;
}

.sidenav li.level2 {
    margin-bottom: 5px;
    padding-left: 10px;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 5px;
    margin-right: 50px;
}

.sidenav .level2 a.fa.fa-circle:hover:before {
 margin-right: 14px;
}

.sidenav .level3 a {
 margin-top: 5px;
 margin-left: 25px;
 font-size: 14px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
 position: relative;
display: block;
}

@media screen and (max-width: 830px) {

 .sidenav .level2,  .sidenav .level3 { display: none; }

 .sidenav .level2.active { display: block; }

 .sidenav .level1.hideMobile { display: none; }

 .sidenav .toggle { display: block; float: right; font-size: 23px; padding: 2px 4px 2px; color: #333333; }

 ul.sidenav { padding: 10px 0px 0px 0px; }

 .sidenav li.level2.show, .sidenav li.level3.show { display: block; }

}

@media screen and (min-width: 831px) {

 .sidenav .level2 { display: block !important; }

}