.luxbar-default {
  width:100%;
  position:relative;
  box-shadow:0 1px 3px rgba(0,0,0,0
.12),0 1px 2px rgba(0,0,0,0
.24)}

.luxbar-static {
  box-shadow:0 1px 3px rgba(0,0,0,0
.12),0 1px 2px rgba(0,0,0,0
.24);
  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;
  box-shadow:0 1px 3px rgba(0,0,0,0
.12),0 1px 2px rgba(0,0,0,0
.24)}

.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:4.5rem;
  padding-left: 1.5rem;
  padding-right: 3.5rem;}

.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:1.0rem 1.25rem;}

.luxbar-menu {
  min-height:4.5rem;
  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:inherit;
  cursor:pointer}

.luxbar-item {
  height:4.5rem;
  width: 20.5rem;
  text-align: center;}

.luxbar-item a {
  padding:1.0rem 1.0rem;
  display:block}

.luxbar-hamburger {
  padding:0.75rem 1.0rem;
  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:4.5rem}

.luxbar-checkbox:checked ~ 
.luxbar-menu {
  transition:height 0
.6s ease;
  height:100vh;
  overflow:auto}

.dropdown {
  position:relative;
  height:auto;
  min-height:4.5rem}

.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:29px;
  padding:5px 10px 5px 40px}

.dropdown>ul 
.luxbar-item a {
  min-height:29px;
  line-height:29px;
  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:4.5rem}

.luxbar-menu 
.luxbar-item {
  border-top:0}

.luxbar-menu-right 
.luxbar-header {
  margin-right:auto}

.dropdown {
  height:4.5rem}

.dropdown:hover>ul {
  position:absolute;
  left:0;
  top:4.5rem;
  padding:0}

.dropdown>ul {
  display:none}

.dropdown>ul 
.luxbar-item {
  padding:5px 10px}

.dropdown>ul 
.luxbar-item a {
  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)}

.luxbar-menu-dark,
.luxbar-menu-dark 
.dropdown ul {
  background-color:#212121;
  color:#fff}

.luxbar-menu-dark 
.active,
.luxbar-menu-dark 
.luxbar-item:hover {
  background-color:#424242}

.luxbar-menu-dark 
.luxbar-hamburger span,
.luxbar-menu-dark 
.luxbar-hamburger span::before,
.luxbar-menu-dark 
.luxbar-hamburger span::after {
  background-color:#fff}

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

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

.luxbar-menu-material-indigo,
.luxbar-menu-material-indigo 
.dropdown ul {
  background-color:#1a237e;
  color:#fff}

.luxbar-menu-material-indigo 
.active{
  background-color:#9fa6d2}
.luxbar-menu-material-indigo 
.luxbar-item:hover {
  background-color:#505997}

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

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

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

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

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

.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
.min
.css
.map */