/* CSS Custom */
.SideWrapper{
	position: fixed;
	top: 0;
	width: -webkit-fill-available;
	width: 100%;
	z-index: 100;
	left: 0;	 
}

.navMobile li a.divisionTop {
    border-top: 1px solid lightgrey;
}
.navMobile li a.divisionBottom {
    border-bottom: 1px solid lightgrey;
}

/* CSS brick */
#navbar .desktop a {
  color: #fff; }

.navMobile .mobile a{
  color: #1A2E35;
}

#navbar {
  z-index: 100;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  top: 0px;
  height: 50px;
  background: #4A5A7A; }

.menu {
  border: 0;
  max-height: 50px;
  float: left;
  width: 100%;
  text-align: center; }

.mobile-device .desktop {
  visibility: hidden;
  opacity: 0; }

.mobile-device #openMenu {
  display: block;
  position: absolute;
  }

.overlay {
  cursor: pointer;
  transition: opacity 300ms ease;
  position: fixed;
  top: 51px;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.47843137254901963);
  opacity: 0;
  visibility: hidden;
  z-index: 300; }

.desktop {
  font-size: 0;
  min-height: 50px;
  background: none;
  padding-left: 10px;
  padding-right: 10px;
  float: none; }
  .desktop li {
    border: 0;
    margin-left: 1px;
    margin-right: 1px;
    height: 70px;
    display: inline-block;
    list-style: none;
    padding: 0;
    position: relative; }
#navbar .desktop li a {
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
      font-weight: 700;
      display: flex;
      align-items: center;
      text-decoration: none;
      font-size: 18px;
      padding: 0 16px;
      height: 50px; }
#navbar .desktop li a:hover {
        color: rgba(33, 39, 45, 0.93);
        background-color: #fff; }
#navbar .desktop li a:hover + .submenu,
#navbar .desktop li a + .submenu:hover {
    visibility: visible;
    opacity: 0.95;
    transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1); }
  .desktop .submenu {
    position: absolute;
    display: block;
    margin-top: 0;
    padding: 0;
    min-height: 100px;
    width: 200px;
    height: initial;
    visibility: hidden;
    text-align: left;
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transition: transform 300ms ease, opacity 300ms ease;
    -moz-transition: transform 300ms ease, opacity 300ms ease;
    -ms-transition: transform 300ms ease, opacity 300ms ease;
    -o-transition: transform 300ms ease, opacity 300ms ease;
    transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0); }
    .desktop .submenu li {
      border: 0;
      font-size: 0;
      line-height: 1;
      text-align: left;
      width: 200px;
      height: initial;
      margin: 0 auto; }
      .desktop .submenu li a {
        color: #3c00ff;
        background-color: #fff;
        min-height: 55px;
        height: auto;
        border: 0;
        text-align: left; }
        .desktop .submenu li a:hover {
          color: #fff;
          background-color: #3c00ff;
          -webkit-transition: all 300ms ease;
          transition: all 300ms ease; }
    .desktop .submenu .submenu {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      top: 0;
      width: 200px; }
      .desktop .submenu .submenu li {
        width: 200px; }

#openMenu {
  transition: all 300ms ease;
  color: #fff;
  font-size: 25px;
  cursor: pointer;
  z-index: 401;
  position: fixed;
  top: 7px;
  right: 20px;
  display: none; }
  #openMenu:active {
    opacity: 0.9;
    transform: scale(0.9); }

.mobile {
  z-index: 400;
  padding-left: 0;
  background: white;
  text-align: left;
  height: 100vh;
  margin: 0 auto;
  overflow-y: scroll;
  -webkit-transition: left 300ms ease;
  transition: left 300ms ease;
  top: 50px;
  width: 300px;
  position: fixed;
  left: -300px; }
  .mobile li {
    display: block; }
  .mobile li a {
    transition: all 300ms ease;
    font-weight: 500;
    padding: 12px 24px;
    display: block;
    text-decoration: none; }
  .mobile li a:hover {
    color: rgba(33, 39, 45, 0.93);
    background-color: #fff; }
.navMobile-header {
    background-color: #1B6CAB;
    width: 100%;
    min-height: 130px;
}

.navMobile-body {
    display: block;
    overflow: auto;
    height: calc(100vh - 182px);
}

.mobile li img {
    height: 21px;
    width: 21px;
    vertical-align: middle;
    display: inline;
}

.mobile li span {
    vertical-align: middle;
    color: #1A2E35;
    padding-left: 18px;
    font-family: 'Muli', sans-serif;
}

.navMobile li.division {
    border-bottom: 1px solid lightgrey;
}

.open {
  display: block;
  left: 0px; }