.nav, .nav ul, .nav li { list-style: none; }
.nav ul { padding: 0; margin: 0px}
.nav { padding: 0px; margin: 0px; }
.nav > li { margin: 4px 0; }
.nav > li li { margin: 2px 0; }
.nav a { color: #333; display: block; outline: none; text-decoration: none; }
.nav li > a > span { float: right; font-size: 19px; font-weight: bolder; }
.nav li > a:hover > span {  }
.nav li > a > span:after { content: '\f0d7';  font-family: 'FontAwesome'; }
.nav li.open > a > span:after { content: '\f0d8'; font-family: 'FontAwesome';  }

.nav a:hover, .nav li.active > a {  }
.nav > li.active > a { }
.nav li a { font-size: 12px; line-height: 18px; padding: 2px 10px; }
.nav > li > a { font-size: 14px; line-height: 20px; padding: 4px 10px; }