.luxbar-default {
    width: 100%;
    position: relative;
  }
  
  .luxbar-static {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {
      position: absolute; }
  
  .luxbar-fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;}
  
  .luxbar-fixed-bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  
  .luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {
    display: block;
    height: 2px;
    width: 26px;
    transition: 0.6s ease; }
  
  .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {
    background-color: transparent; }
    .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before, .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after {
      margin-top: 0; }
  
  .luxbar-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 80px; 
  }
  
  .luxbar-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .luxbar-menu-left .luxbar-navigation, .luxbar-menu-left .luxbar-header {
    justify-content: flex-start; }
  
  .luxbar-menu-right .luxbar-hamburger {
    margin-left: auto;
   }
  
  .luxbar-brand {
    font-size: 1.6em;
    padding: 18px 24px 18px 24px; }
  
  .luxbar-menu {
    min-height: 80px;
    transition: 0.6s ease;
    width: 100%; }
  
  .luxbar-navigation {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 0;
    margin: 0; }
  
  .luxbar-menu a,
  .luxbar-item a {
    text-decoration: none;
    color: #000;
    cursor: pointer; }
  
  .luxbar-item {
    height: 66px; }
    .luxbar-item a {
      padding: 26px 40px 18px 40px;
      display: block;
      color: #fff;
    text-transform: uppercase; }
  
  .luxbar-hamburger {
    padding: 18px 24px 18px 24px;
    position: relative;
    cursor: pointer; }
    .luxbar-hamburger span::before, .luxbar-hamburger span::after {
      content: '';
      position: absolute; }
    .luxbar-hamburger span::before {
      margin-top: -8px; }
    .luxbar-hamburger span::after {
      margin-top: 8px; }
  
  .luxbar-checkbox {
    display: none; }
    .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
      overflow: hidden;
      height: 58px; }
    .luxbar-checkbox:checked ~ .luxbar-menu {
      transition: height 0.6s ease;
      height: 100vh;
      overflow: auto; }
  
  .dropdown {
    position: relative;
    height: auto;
    min-height: 58px; }
    .dropdown:hover > ul {
      position: relative;
      display: block;
      min-width: 100%; }
    .dropdown > a::after {
      position: absolute;
      content: '';
      right: 10px;
      top: 25px;
      border-width: 5px 5px 0;
      border-color: transparent;
      border-style: solid; }
    .dropdown > ul {
      display: block;
      overflow-x: hidden;
      list-style: none;
      padding: 0; }
      .dropdown > ul .luxbar-item {
        min-width: 100%;
        height: 37px;
        padding: 5px 10px 5px 40px; }
        .dropdown > ul .luxbar-item a {
          min-height: 37px;
          line-height: 37px;
          padding: 0; }
  
  @media screen and (min-width: 768px) {
    .luxbar-navigation {
      flex-flow: row;
      justify-content: flex-end; }
  
    .luxbar-hamburger {
      display: none; }
  
    .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
      overflow: visible; }
    .luxbar-checkbox:checked ~ .luxbar-menu {
      height: 58px; }
  
    .luxbar-menu .luxbar-item {
      border-top: 0; }
  
    .luxbar-menu-right .luxbar-header {
      margin-right: auto; }
  
    .dropdown {
      height: 58px; }
      .dropdown:hover > ul {
        position: absolute;
        left: 0;
        top: 58px;
        padding: 0; }
      .dropdown > ul {
        display: none; }
        .dropdown > ul .luxbar-item {
          padding: 5px 10px; }
          .dropdown > ul .luxbar-item a {
            color: #000;
            white-space: nowrap; } }
  .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::before {
    transform: rotate(225deg); }
  .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::after {
    transform: rotate(-225deg); }
  
  .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::before {
    transform: rotate(45deg); }
  .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::after {
    transform: rotate(-45deg); }
  
  /******* color variables *******/
  /******* default dark *******/
  .luxbar-menu-dark,
  .luxbar-menu-dark .dropdown ul {
    background: linear-gradient(180deg, rgb(0, 0, 0, 1) 0%, #000000 100%);
    color: #000; }
  
    .luxbar-header {
      background-color: rgba(0,0,0,1) !important;
    }
  
  .luxbar-menu-dark .active,
  .luxbar-menu-dark .luxbar-item:hover {
    background-color: rgba(0, 0, 0, 1);
  color: #fff; }
  .luxbar-menu-dark .luxbar-hamburger span,
  .luxbar-menu-dark .luxbar-hamburger span::before,
  .luxbar-menu-dark .luxbar-hamburger span::after {
    background-color: #fff; }
  
  /******* default light *******/
  .luxbar-menu-light,
  .luxbar-menu-light .dropdown ul {
    background-color: #e0e0e0;
    color: #212121; }
  
  .luxbar-menu-light .active,
  .luxbar-menu-light .luxbar-item:hover {
    background-color: #bdbdbd; }
  .luxbar-menu-light .luxbar-hamburger span,
  .luxbar-menu-light .luxbar-hamburger span::before,
  .luxbar-menu-light .luxbar-hamburger span::after {
    background-color: #212121; }
  
  /******* default material-red *******/
  .luxbar-menu-material-red,
  .luxbar-menu-material-red .dropdown ul {
    background-color: #b71c1c;
    color: #fff; }
  
  .luxbar-menu-material-red .active,
  .luxbar-menu-material-red .luxbar-item:hover {
    background-color: #c62828; }
  .luxbar-menu-material-red .luxbar-hamburger span,
  .luxbar-menu-material-red .luxbar-hamburger span::before,
  .luxbar-menu-material-red .luxbar-hamburger span::after {
    background-color: #fff; }
  
  /******* default material-indigo *******/
  .luxbar-menu-material-indigo,
  .luxbar-menu-material-indigo .dropdown ul {
    background-color: #1a237e;
    color: #fff; }
  
  .luxbar-menu-material-indigo .active,
  .luxbar-menu-material-indigo .luxbar-item:hover {
    background-color: #283593; }
  .luxbar-menu-material-indigo .luxbar-hamburger span,
  .luxbar-menu-material-indigo .luxbar-hamburger span::before,
  .luxbar-menu-material-indigo .luxbar-hamburger span::after {
    background-color: #fff; }
  
  /******* default material-green *******/
  .luxbar-menu-material-green,
  .luxbar-menu-material-green .dropdown ul {
    background-color: #1b5e20;
    color: #fff; }
  
  .luxbar-menu-material-green .active,
  .luxbar-menu-material-green .luxbar-item:hover {
    background-color: #2e7d32; }
  .luxbar-menu-material-green .luxbar-hamburger span,
  .luxbar-menu-material-green .luxbar-hamburger span::before,
  .luxbar-menu-material-green .luxbar-hamburger span::after {
    background-color: #fff; }
  
  /******* default material-amber *******/
  .luxbar-menu-material-amber,
  .luxbar-menu-material-amber .dropdown ul {
    background-color: #ff6f00;
    color: #fff; }
  
  .luxbar-menu-material-amber .active,
  .luxbar-menu-material-amber .luxbar-item:hover {
    background-color: #ff8f00; }
  .luxbar-menu-material-amber .luxbar-hamburger span,
  .luxbar-menu-material-amber .luxbar-hamburger span::before,
  .luxbar-menu-material-amber .luxbar-hamburger span::after {
    background-color: #fff; }
  
  /******* default material-brown *******/
  .luxbar-menu-material-brown,
  .luxbar-menu-material-brown .dropdown ul {
    background-color: #3e2723;
    color: #fff; }
  
  .luxbar-menu-material-brown .active,
  .luxbar-menu-material-brown .luxbar-item:hover {
    background-color: #4e342e; }
  .luxbar-menu-material-brown .luxbar-hamburger span,
  .luxbar-menu-material-brown .luxbar-hamburger span::before,
  .luxbar-menu-material-brown .luxbar-hamburger span::after {
    background-color: #fff; }
  
  /******* default material-bluegrey *******/
  .luxbar-menu-material-bluegrey,
  .luxbar-menu-material-bluegrey .dropdown ul {
    background-color: #263238;
    color: #fff; }
  
  .luxbar-menu-material-bluegrey .active,
  .luxbar-menu-material-bluegrey .luxbar-item:hover {
    background-color: #37474f; }
  .luxbar-menu-material-bluegrey .luxbar-hamburger span,
  .luxbar-menu-material-bluegrey .luxbar-hamburger span::before,
  .luxbar-menu-material-bluegrey .luxbar-hamburger span::after {
    background-color: #fff; }
  
  /******* default material-cyan *******/
  .luxbar-menu-material-cyan,
  .luxbar-menu-material-cyan .dropdown ul {
    background-color: #006064;
    color: #fff; }
  
  .luxbar-menu-material-cyan .active,
  .luxbar-menu-material-cyan .luxbar-item:hover {
    background-color: #00838f; }
  .luxbar-menu-material-cyan .luxbar-hamburger span,
  .luxbar-menu-material-cyan .luxbar-hamburger span::before,
  .luxbar-menu-material-cyan .luxbar-hamburger span::after {
    background-color: #fff; }
  
  /*# sourceMappingURL=luxbar.css.map */