html body,body {
  background-color: #f2f2f2;
}
h1 {
  border-bottom: 2px #148400 solid;
}
.panel-heading {
    cursor: pointer;
}
@media (max-width: 767px) {
  .container.sfluid {
    width: inherit;
  }
  .table-responsive table {
    font-size: 12px;
  }
}
li.media {
  border-left: 1px #148400 solid;
  padding-left: 5px;
  text-align: justify;
}
.container-middle {
  display: table;
  table-layout: fixed;
}

.middle {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  width: 100%;
}
.carousel-caption.caption-custom {
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
.carousel-caption.caption-custom div {
  height: 100%;
}
.item-image {
  width: 100%;
  height: 180px;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 767px ) {
  .middle h2,.middle p {
    margin-top: 0;
    margin-bottom: 1px;
  }
}
@media (min-width: 768px ) {
  .item-image {
    height: 320px;
  }
}
.center-brand {
  position: absolute;
  left: 50%;
  margin-left: -80px !important;
  display: block;
}
/* NAVBAR */
  .navbar-usplat {
    min-height: 30px;
    height: 30px;
    margin-bottom: 0;
  }
  .navbar-usplat .navbar-brand {
    padding: 5px 15px;
    height: 30px;
  }
  @media (min-width: 768px) {
   .navbar-usplat .navbar-nav > li > a {
      padding-top: 5px;
      padding-bottom: 5px;
    }
  }
  .navbar-usplat .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .navbar-db .navbar-nav > li > a {
    color: #ffffff;
  }
  .navbar-db .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
      color: #ffffff;
      background-color: #095a08;
  }
  .navbar-db {
    background-color: #148400;
    border: none;
  }
  .navbar-db .nav > li > a:hover, .nav > li > a:focus {
    background-color: #000;
  }
  .fill { 
    min-height: 100%;
    height: 100%;
  }
  .navbar-db .navbar-toggle {
    border-color: #095a08;
  }
  .navbar-db .navbar-toggle .icon-bar {
    background-color: #FFF;
  }
  .navmenu-usplat, .navbar-usplat .navbar-offcanvas {
    background-color: #148400;
    border-color: #115405;
  }
  .navmenu-usplat .navmenu-nav>.active>a, .navbar-usplat .navbar-offcanvas .navmenu-nav>.active>a, .navmenu-usplat .navmenu-nav>.active>a:hover, .navbar-usplat .navbar-offcanvas .navmenu-nav>.active>a:hover, .navmenu-usplat .navmenu-nav>.active>a:focus, .navbar-usplat .navbar-offcanvas .navmenu-nav>.active>a:focus {
    color: #FFF;
    background-color: #095a08;
  }
  .navmenu-usplat .navmenu-nav>li>a, .navbar-usplat .navbar-offcanvas .navmenu-nav>li>a {
      color: #FFF;
  }
  .navmenu-usplat .navmenu-nav>hr {
    border-top: 1px solid #095a08;
  }
  @media (max-width: 767px) {
    .nav-justified.no-stack > li {
      display: table-cell;
      width: 1%;
    }
    .nav-justified.no-stack > li > a {
      margin-bottom: 0;
    }
  }
/* NAVBAR V2*/
.navmenu-usplat .navbar-header>button.navbar-toggle {
  border: 1px solid #115405;
  border-radius: 5px;
  margin-left: 15px;
}
 {

}
.navmenu-usplat .navbar-nav > li > a,
.navmenu-usplat .navbar-nav > li > a:hover,
.navmenu-usplat .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navmenu-usplat .navbar-nav > li.active > a,
.navmenu-usplat .navbar-nav > li.active > a:hover,
.navmenu-usplat .navbar-nav > li.active > a:focus {
  background-color: #095a08;
}
.navmenu-usplat .navbar-nav > hr {
  border-top: 1px solid #115405;
}
@media screen and (max-width: 991px) {
  .navbar-nav {
    margin:0;
  }
  /* General styles for all menus */
  .cbp-spmenu {
    background: #148400;
    position: fixed;
    padding:0;
    margin:0 !important;
    overflow-x:hidden;
    overflow-y:visible;
    display:block;
  }
  .cbp-spmenu h3 {
    color: #FFF;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #148400;
  }
  .cbp-spmenu a {
    display: block;
  }
  /* Orientation-dependent styles for the content of the menu */
  .cbp-spmenu-vertical {
    width: 260px;
    height: 100%;
    top: 0;
    z-index: 1000;
  }
  .cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
  }
  .cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
  }
  .cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #115405;
  }
  /* Vertical menu that slides from the left or right */
  .cbp-spmenu-left {
    left: -260px;
  }
  .cbp-spmenu-right {
    right: -260px;
  }
  .cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
  }
  .cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
  }
  /* Horizontal menu that slides from the top or bottom */
  .cbp-spmenu-top {
    top: -150px;
  }
  .cbp-spmenu-bottom {
    bottom: -150px;
  }
  .cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
  }
  .cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
  }
  /* Push classes applied to the body */
  .cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
  }
  .cbp-spmenu-push-toright {
    left: 260px;
  }
  .cbp-spmenu-push-toleft {
    left: -260px;
  }
  /* Transitions */
  .cbp-spmenu,
  .cbp-spmenu-push {
    -webkit-transition: all 1.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
  background-color: #FFF;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}
/* PILLS 
.nav-pills.nav-usplat > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #148400 !important;
}
*/
@media (max-width: 992px) {
  #navmenu-mobile li {
      float: unset;
      width: 100%;
      height: 40px;
  }

  #navmenu-mobile ul {
      width: 100%;
      float: unset;
  }
}