.side-menu-wrapper {
    background: #00a4e2;
    padding: 40px 0 0 0px;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 99;
    transition: 0.5s;
    width: 250px;
    box-sizing: border-box;
  }
  .side-menu-wrapper .menu-close {
    padding: 0 20px;
    color: #FFF;
    display: block;
    margin: 0;
    font-size: 50px;
    text-decoration: none;
    line-height: normal;
  }
  .side-menu-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    height: 95%;
  }
  .side-menu-wrapper ul li {
    border-bottom: 1px solid #1c9aca;
    float: none;
  }
  .side-menu-wrapper ul li.active a{
    color: #FFF;
  }
  .side-menu-wrapper ul li:last-child {
    border-bottom: none;
  }
  .side-menu-wrapper ul li a {
    display: block;
    padding: 10px 20px;
    color: #FFF;
    transition: 0.3s;
    text-decoration: none;
  }
  .side-menu-wrapper ul li a:hover{
    color: #FFF;
  }
  .menu-overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity 1s;
  }
  






.nav { position:relative;font-size:12px;font-weight:900; margin-top:10px; width:100%;}
.nav-list { float:right;}
.nav-item {
    float:left;
    *display:inline;
    zoom:1;
    position:relative; padding:0px;
}
.nav-item.active a{ color:#00a4e2;}
.nav-item:last-child a{ padding-right:0px;}
.nav-item a {display:block; color:#646464; padding:5px 10px; text-transform:uppercase; font-weight:500;}
.nav-item.join a{ background:#00a4e2; padding:5px 10px; color:#FFF;}
.nav-item.join a:hover{ color:#FFF;}

.nav-item.welcome{ background:#00a4e2; padding:5px 10px; color:#FFF; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; letter-spacing:1px;}

.nav-item > a:hover {
    color:#00a4e2;
}
.nav-item:hover .nav-submenu {
    display:block;
}
/* Navigation submenu */
.nav-submenu {
    display:none;
    position:absolute;
    left:0;
    width:180px;
}
.nav-submenu-item a {
    background:#8B2770;
    border-bottom:1px solid #9A337E;
    display:block;
    padding:15px;
}
.nav-submenu-item a:hover {
    background:#932C77;
}