html, body {
  height:100%;
}

body.navbar-more-show {
  overflow:hidden;
}

.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-more-show > .navbar-more-overlay {
  display:block;
}

.navbar-more-show > .navbar {
  -webkit-transform:translate(0px, 0px);
  transform:translate(0px, 0px);
}

.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;
}

.navbar-more .navbar-form {
  border-width:0px;
}

.navbar-more .navbar-nav > li > a {
  color:rgb(64, 64, 64);
}

.navbar-more > .navbar-nav > li > a > span.menu-icon {
  margin-left:10px;
  margin-right:10px;
}

@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;
  }
}