.navbar-inverse-mobile {
  background-color:#2051cf;
  border-color:transparent;
}

.animate {
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.navbar-mobile-t {
  max-height:13%;
  -webkit-transform:translate(0px, calc(-100% + 69px));
  transform:translate(0px, calc(-100% + 69px));
  width:100%;
  position:absolute;
  bottom:-21px;
}

.navbar .container:not(.navbar-more) {
  padding:0px;
}

.navbar-more-overlay {
  background-color:rgba(102, 102, 102, 0.55);
  display:none;
  height:100%;
  left:0px;
  position:fixed;
  top:0px;
  width:100%;
  z-index:1029;
}

.navbar-nav.mobile-bar {
  list-style:none;
  -ms-box-orient:horizontal;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-moz-flex;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-around;
  justify-content:space-around;
  -webkit-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-align-items:stretch;
  align-items:stretch;
  margin:0px 0px;
}

.navbar-nav.mobile-bar > li {
  -webkit-flex-grow:1;
  flex-grow:1;
  text-align:center;
}

.navbar-nav.mobile-bar > li > a > span.menu-icon {
  display:block;
  font-size:1.8em;
}

.navbar-more {
  background-color:rgb(255, 255, 255);
  height:calc(100% - 69px);
  overflow:auto;
  display:none;
}

@media (min-width: 768px) {
  .navbar {
    height:auto;
    -webkit-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
  }
}

@media (min-width: 768px) {
  .navbar-nav.mobile-bar {
    display:block;
    max-height:64px;
    margin:0px -15px;
  }
}

@media (min-width: 768px) {
  .navbar-nav.mobile-bar > li > a > span.menu-icon {
    display:none;
  }
}

.navbar {
  border:none;
  -webkit-box-shadow:0 0 0 rgba(0,0,0,0.3) !important;
  box-shadow:0 0 0 rgba(0,0,0,0.3) !important;
}