/* body {
  min-height: 2000px;
  padding-top: 70px;
} */

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent
}

@media (min-width: 768px) {
  .navbar {
      border-radius:4px
  }
}

@media (min-width: 768px) {
  .navbar-header {
      float:left
  }
}

.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-overflow-scrolling: touch;
}

.navbar .navbar-collapse {
  overflow-y: hidden;
}
.navbar .navbar-collapse.in, .navbar .navbar-collapse.collapse {
  width: 100%;
}
body.phone.portrait .navbar .navbar-collapse.in li, body.phone.portrait .navbar .navbar-collapse.collapse li{
  width: 100%;
}

@media (min-width: 768px) {
  .navbar-collapse {
      width:auto;
      border-top: 0;
      box-shadow: none
  }

  .navbar-collapse.collapse {
      display: block!important;
      height: auto!important;
      padding-bottom: 0;
      overflow: visible!important
  }

  .navbar-collapse.in {
      overflow-y: visible
  }

  .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
      padding-left: 0;
      padding-right: 0
  }
}

.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px
}

@media (min-width: 768px) {
  .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
      margin-right:0;
      margin-left: 0
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}

@media (min-width: 768px) {
  .navbar-static-top {
      border-radius:0
  }
}

.navbar-fixed-top,.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1200;
}

@media (min-width: 768px) {
  .navbar-fixed-top,.navbar-fixed-bottom {
      border-radius:0
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}

.navbar-brand {
  float: left;
  padding: 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px
}

.navbar-brand:hover,.navbar-brand:focus {
  text-decoration: none
}

@media (min-width: 768px) {
  .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
      margin-left:-15px
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.navbar-toggle:focus {
  outline: 0
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px
}

@media (min-width: 768px) {
  .navbar-toggle {
      display:none
  }
}

.navbar-nav {
  /* margin: 7.5px -15px */
  margin: 0;
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
      position:static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none
  }

  .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 15px 5px 25px
  }

  .navbar-nav .open .dropdown-menu>li>a {
      line-height: 20px
  }

  .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
      background-image: none
  }
}

@media (min-width: 768px) {
  .navbar-nav {
      float:left;
      margin: 0
  }

  .navbar-nav>li {
      float: left
  }

  .navbar-nav>li>a {
      padding-top: 15px;
      padding-bottom: 15px
  }

  .navbar-nav.navbar-right:last-child {
      margin-right: -15px
  }
}

@media (min-width: 768px) {
  .navbar-left {
      float:left!important
  }

  .navbar-right {
      float: right!important
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  margin-top: 8px;
  margin-bottom: 8px
}

@media (min-width: 768px) {
  .navbar-form .form-group {
      display:inline-block;
      margin-bottom: 0;
      vertical-align: middle
  }

  .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
  }

  .navbar-form .input-group>.form-control {
      width: 100%
  }

  .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle
  }

  .navbar-form .radio,.navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0;
      vertical-align: middle
  }

  .navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox] {
      float: none;
      margin-left: 0
  }

  .navbar-form .has-feedback .form-control-feedback {
      top: 0
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
      margin-bottom:5px
  }
}

@media (min-width: 768px) {
  .navbar-form {
      width:auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none
  }

  .navbar-form.navbar-right:last-child {
      margin-right: -15px
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px
}

@media (min-width: 768px) {
  .navbar-text {
      float:left;
      margin-left: 15px;
      margin-right: 15px
  }

  .navbar-text.navbar-right:last-child {
      margin-right: 0
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7
}

.navbar-default .navbar-brand {
  color: #777
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
  text-shadow: none;
}

.navbar-default .navbar-text {
  color: #777
}

.navbar-default .navbar-nav>li>a {
  color: #777
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
  color: #fff;
  background-color: #333;
  text-shadow: none;
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
  color: #ccc;
  background-color: transparent
}

.navbar-default .navbar-toggle {
  border-color: #ddd
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
  background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
  border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
  background-color: #e7e7e7;
  color: #555
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
      color:#777
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
      color: #333;
      background-color: transparent
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
      color: #555;
      background-color: #e7e7e7
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
      color: #ccc;
      background-color: transparent
  }
}

.navbar-default .navbar-link {
  color: #777
}

.navbar-default .navbar-link:hover {
  color: #333
}

.navbar-inverse {
  background-color: #222;
  border-color: #080808
}

.navbar-inverse .navbar-brand {
  color: #999
}

.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent
}

.navbar-inverse .navbar-text {
  color: #999
}

.navbar-inverse .navbar-nav>li>a {
  color: #999
}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
  color: #fff;
  background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
  color: #fff;
  background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus {
  color: #444;
  background-color: transparent
}

.navbar-inverse .navbar-toggle {
  border-color: #333
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
  background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
  border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #080808;
  color: #fff
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
      border-color:#080808
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #080808
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
      color: #999
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
      color: #fff;
      background-color: transparent
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
      color: #fff;
      background-color: #080808
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
      color: #444;
      background-color: transparent
  }
}

.navbar-inverse .navbar-link {
  color: #999
}

.navbar-inverse .navbar-link:hover {
  color: #fff
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}