/* Static BlueLine AG design rules. Edit freely; no framework runtime. */

.layout-item:after,
.layout-item:before {
  display: block;
  position: absolute;
  transition: .3s;
  transition-timing-function: cubic-bezier(.58,.3,.005,1);
}
.layout-item:not(:hover):not(:focus):not(.layout-item-active):not(.highlighted):after,
.layout-item:not(:hover):not(:focus):not(.layout-item-active):not(.highlighted):before {
  opacity: 0;
}
.layout-item-active:after,
.layout-item-active:before,
.layout-item.highlighted:after,
.layout-item.highlighted:before,
.layout-item:focus:after,
.layout-item:focus:before,
.layout-item:hover:after,
.layout-item:hover:before {
  transform: scale(1);
}
.state--pointer-underline .layout-item:after,
.state--pointer-underline .layout-item:before {
  background-color: #3f444b;
  height: 3px;
  left: 0;
  width: 100%;
  z-index: 2;
}
.state--pointer-underline .layout-item:after {
  bottom: 0;
  content: "";
}
.layout-nav-menu--main .layout-nav-menu a {
  transition: .4s;
}
.layout-nav-menu--main .layout-nav-menu a,
.layout-nav-menu--main .layout-nav-menu a.highlighted,
.layout-nav-menu--main .layout-nav-menu a:focus,
.layout-nav-menu--main .layout-nav-menu a:hover {
  padding: 13px 20px;
}
.layout-nav-menu--main .layout-nav-menu ul {
  border-style: solid;
  border-width: 0;
  padding: 0;
  position: absolute;
  width: 12em;
}
.layout-nav-menu--main .layout-nav-menu--dropdown .sub-arrow i {
  transform: rotate(calc(-90deg * var(--direction-multiplier, 1)));
}
.layout-nav-menu--layout-horizontal {
  display: flex;
}
.layout-nav-menu--layout-horizontal .layout-nav-menu {
  display: flex;
  flex-wrap: wrap;
}
.layout-nav-menu--layout-horizontal .layout-nav-menu a {
  flex-grow: 1;
  white-space: nowrap;
}
.layout-nav-menu--layout-horizontal .layout-nav-menu>li {
  display: flex;
}
.layout-nav-menu--layout-horizontal .layout-nav-menu>li ul {
  top: 100% !important;
}
.layout-nav-menu--layout-horizontal .layout-nav-menu>li:not(:first-child)>a {
  margin-inline-start: var(--design-nav-menu-horizontal-menu-item-margin);
}
.layout-nav-menu--layout-horizontal .layout-nav-menu>li:not(:first-child)>ul {
  inset-inline-start: var(--design-nav-menu-horizontal-menu-item-margin) !important;
}
.layout-nav-menu--layout-horizontal .layout-nav-menu>li:not(:last-child)>a {
  margin-inline-end: var(--design-nav-menu-horizontal-menu-item-margin);
}
.layout-nav-menu--layout-horizontal .layout-nav-menu>li:not(:last-child):after {
  align-self: center;
  border-color: var(--design-nav-menu-divider-color,#000);
  border-left-style: var(--design-nav-menu-divider-style,solid);
  border-left-width: var(--design-nav-menu-divider-width,2px);
  content: var(--design-nav-menu-divider-content,none);
  height: var(--design-nav-menu-divider-height,35%);
}
.layout-nav-menu__align-end .layout-nav-menu {
  justify-content: flex-end;
  margin-inline-start: auto;
}
.layout-nav-menu__align-center .layout-nav-menu {
  justify-content: center;
  margin-inline-end: auto;
  margin-inline-start: auto;
}
.layout-widget-nav-menu:not(.layout-nav-menu--toggle) .layout-menu-toggle {
  display: none;
}
.layout-widget-nav-menu .layout-widget-container,
.layout-widget-nav-menu:not(:has(.layout-widget-container)):not([class*=layout-hidden-]) {
  display: flex;
  flex-direction: column;
}
.layout-nav-menu {
  position: relative;
  z-index: 2;
}
.layout-nav-menu:after {
  clear: both;
  content: " ";
  display: block;
  font: 0/0 serif;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.layout-nav-menu,
.layout-nav-menu li,
.layout-nav-menu ul {
  display: block;
  line-height: normal;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.layout-nav-menu ul {
  display: none;
}
.layout-nav-menu ul ul a,
.layout-nav-menu ul ul a:active,
.layout-nav-menu ul ul a:focus,
.layout-nav-menu ul ul a:hover {
  border-left: 16px solid transparent;
}
.layout-nav-menu ul ul ul a,
.layout-nav-menu ul ul ul a:active,
.layout-nav-menu ul ul ul a:focus,
.layout-nav-menu ul ul ul a:hover {
  border-left: 24px solid transparent;
}
.layout-nav-menu ul ul ul ul a,
.layout-nav-menu ul ul ul ul a:active,
.layout-nav-menu ul ul ul ul a:focus,
.layout-nav-menu ul ul ul ul a:hover {
  border-left: 32px solid transparent;
}
.layout-nav-menu ul ul ul ul ul a,
.layout-nav-menu ul ul ul ul ul a:active,
.layout-nav-menu ul ul ul ul ul a:focus,
.layout-nav-menu ul ul ul ul ul a:hover {
  border-left: 40px solid transparent;
}
.layout-nav-menu a,
.layout-nav-menu li {
  position: relative;
}
.layout-nav-menu li {
  border-width: 0;
}
.layout-nav-menu a {
  align-items: center;
  display: flex;
}
.layout-nav-menu a,
.layout-nav-menu a:focus,
.layout-nav-menu a:hover {
  line-height: 20px;
  padding: 10px 20px;
}
.layout-nav-menu .sub-arrow {
  align-items: center;
  display: flex;
  line-height: 1;
  margin-block-end: -10px;
  margin-block-start: -10px;
  padding: 10px;
  padding-inline-end: 0;
}
.layout-nav-menu .sub-arrow i {
  pointer-events: none;
}
.layout-nav-menu--dropdown .layout-item.layout-item-active,
.layout-nav-menu--dropdown .layout-item.highlighted,
.layout-nav-menu--dropdown .layout-item:focus,
.layout-nav-menu--dropdown .layout-item:hover,
.layout-sub-item.layout-item-active,
.layout-sub-item.highlighted,
.layout-sub-item:focus,
.layout-sub-item:hover {
  background-color: #3f444b;
  color: #fff;
}
.layout-menu-toggle {
  align-items: center;
  background-color: rgba(0,0,0,.05);
  border: 0 solid;
  border-radius: 3px;
  color: #33373d;
  cursor: pointer;
  display: flex;
  font-size: var(--nav-menu-icon-size,22px);
  justify-content: center;
  padding: .25em;
}
.layout-menu-toggle.layout-active .layout-menu-toggle__icon--open,
.layout-menu-toggle:not(.layout-active) .layout-menu-toggle__icon--close {
  display: none;
}
.layout-menu-toggle svg {
  fill: var(--nav-menu-icon-color,currentColor);
  height: auto;
  width: 1em;
}
span.layout-menu-toggle__icon--close,
span.layout-menu-toggle__icon--open {
  line-height: 1;
}
.layout-nav-menu--dropdown {
  background-color: #fff;
  font-size: 13px;
}
.layout-nav-menu--dropdown.layout-nav-menu__container {
  margin-top: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  transform-origin: top;
  transition: max-height .3s,transform .3s;
}
.layout-nav-menu--dropdown.layout-nav-menu__container .layout-sub-item {
  font-size: .85em;
}
.layout-nav-menu--dropdown a {
  color: #33373d;
}
ul.layout-nav-menu--dropdown a,
ul.layout-nav-menu--dropdown a:focus,
ul.layout-nav-menu--dropdown a:hover {
  border-inline-start: 8px solid transparent;
  text-shadow: none;
}
.layout-nav-menu__text-align-center .layout-nav-menu--dropdown .layout-nav-menu a {
  justify-content: center;
}
.layout-nav-menu--toggle {
  --menu-height: 100vh;
}
.layout-nav-menu--toggle .layout-menu-toggle:not(.layout-active)+.layout-nav-menu__container {
  max-height: 0;
  overflow: hidden;
  transform: scaleY(0);
}
.layout-nav-menu--toggle .layout-menu-toggle.layout-active+.layout-nav-menu__container {
  animation: hide-scroll .3s backwards;
  max-height: var(--menu-height);
  transform: scaleY(1);
}
@media (max-width:1024px) {
.layout-nav-menu--dropdown-tablet .layout-nav-menu--main {
  display: none;
}

}
@media (min-width:1025px) {
.layout-nav-menu--dropdown-tablet .layout-menu-toggle,
.layout-nav-menu--dropdown-tablet .layout-nav-menu--dropdown {
  display: none;
}
.layout-nav-menu--dropdown-tablet nav.layout-nav-menu--dropdown.layout-nav-menu__container {
  overflow-y: hidden;
}

}
@keyframes hide-scroll {
0%,to{overflow:hidden}
}