#main-nav {
    background-color:rgba(1,119,134,1);
    z-index: 010;
}
#main-menu{box-sizing:border-box;position:relative;z-index:99;-webkit-tap-highlight-color:rgba(0,0,0,0);}
#main-menu,#main-menu ul,#main-menu li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
#main-menu ul{display:none;}
#main-menuli,#main-menu a{position:relative;}
#main-menu a{display:block;}
#main-menu a.disabled{cursor:default;}
#main-menu::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
#main-menu *,#main-menu *::before,#main-menu *::after{box-sizing:inherit;}

#side-menu {
  display: none;
  background: none;
  border: none;
  color: white;
  padding: 15px;
  cursor: pointer;
}

/* ===== MENU ===== */
#main-menu {
  list-style: none;
    background-color:rgba(1,119,134,1);
  margin: 0;
  padding: 0;
  font-size: 22px;
  display: flex;
  z-index: 999999;
  text-align: center;
}

#main-menu li {
  position: relative;
  float: left;
  display: block;
  width: calc(100% / 4);
}
#main-menu > li > a {
  padding: 25px 10px;
  color: white;
  text-decoration: none;
}
#main-menu a:hover {
    background-color:rgba(1,119,134,1);
}

/* ===== DROPDOWN ===== */
#main-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
    background-color:rgba(1,119,134,0.9);
  list-style: none;
  padding: 0;
}

#main-menu ul li {
  width: 100%;
}
#main-menu ul li:hover {
    background-color:rgb(255,255,255);
}
#main-menu ul li a {
  padding: 5px 10px;
  display: block;
  font-size:15px;
 color: white;
  text-decoration: none;
}
#main-menu ul > li > a span{
  color:#999999;
  font-size:14px;
  padding-left:5px;
}
#main-menu li.open > ul {
  display: block;
}
#main-menu hr {
  border: 0px;
  background-color:rgba(255,255,255,.5);
  height: 10px;
  width: 80%;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {

  #side-menu {
   /* display: block;*/
  }

  #main-menu {
    display: none;
    flex-direction: column;
  }
  #main-menu li {
    width: 100%;
  }
  #main-menu.active {
    display: flex;
  }

  #main-menu ul {
    position: static;
  }
}