.aa-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: #132867;
  display: none;
  overflow-y: scroll; }
  .aa-menu-wrapper a.close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    line-height: 45px;
    color: #07add4;
    text-transform: uppercase;
    font-size: 18px;
    border: 0 solid #17307d;
    border-radius: 0;
    margin: 25px;
    width: 45px;
    height: 45px;
    text-align: center; }
    .aa-menu-wrapper a.close:before {
      content: "\f057";
      font-family: FontAwesome;
      font-size: 26px;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit; }

.aa-menu {
  list-style: none;
  clear: both;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 100%;
  height: 100%;
  min-height: 500px;
  z-index: 998;
  position: relative;
  margin-top: 80px; }
  .aa-menu li a {
    display: block;
    width: 100%;
    color: #e1e2e3 !important;
    font-family: "lato", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0em;
    text-transform: uppercase;
    border-bottom: 1px solid #17307d;
    line-height: 50px;
    padding-left: 21px; }
    .aa-menu li a:before {
      content: "";
      display: inline-block;
      width: 5px;
      height: 5px;
      background-color: #07add4;
      margin-right: 10px;
      margin-bottom: 3px; }
  .aa-menu li.active a {
    color: #e71634;
    font-weight: 700; }
  .aa-menu li:first-child {
    border-top: 1px solid #17307d; }
  .aa-menu li a.next {
    float: right;
    width: auto;
    padding-right: 21px;
    line-height: 50px;
    border-left: 1px solid #17307d;
    border-bottom: none;
    background-color: #17307d; }
    .aa-menu li a.next:before {
      content: " ";
      display: none; }
    .aa-menu li a.next:after {
      font-family: FontAwesome;
      font-size: 14px;
      content: " \f054"; }
  .aa-menu li a.back {
    display: block;
    color: #e1e2e3;
    border-top: 1px solid #17307d; }
    .aa-menu li a.back:before {
      content: " ";
      display: none; }
  .aa-menu li.label {
    background: #070f26;
    line-height: 36px;
    text-indent: 21px;
    color: white;
    text-transform: uppercase;
    font-size: 14px; }

/* 2nd level nav */
.js .aa-menu li ul {
  list-style: none;
  position: absolute;
  background-color: #132867;
  top: 0;
  bottom: 0;
  width: 100%;
  padding: 0;
  /* hidden by default */
  left: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.js .aa-menu {
  max-height: 0;
  overflow: hidden; }

.js .aa-menu.active {
  max-height: 30em;
  overflow: hidden; }

.js .aa-menu li ul.active {
  /* reveal on active state */
  left: 0; }