.menubutton.open:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular); }

a.hasmegamenu:after, a.expand:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light); }

.header__bottom {
  z-index: 30; }
  .header__bottom > .container {
    padding: 0px; }

a.favorites-mobile {
  border: 0px;
  position: absolute;
  right: 69px; }
  a.favorites-mobile:before {
    margin: 0px; }
  a.favorites-mobile .favorites-title {
    display: none; }
  a.favorites-mobile .favoritescount {
    display: none; }

div.menu-basket-mobile {
  position: absolute;
  right: 10px; }
  div.menu-basket-mobile div.basketblock {
    display: block;
    top: 0px;
    width: 60px;
    height: 56px; }
    div.menu-basket-mobile div.basketblock .producttypecount {
      display: none; }
    div.menu-basket-mobile div.basketblock .basketinfo_links:before {
      left: -16px;
      top: 14px; }
    div.menu-basket-mobile div.basketblock .basketinfo_links:hover {
      background: transparent; }

.loggedinas .header__top .menu-service .login:before {
  position: absolute;
  content: '';
  width: 120%;
  margin-left: -10%;
  height: 100%;
  background: #ff8300;
  z-index: -1; }

.menubutton.open:before {
  content: "\f00d";
  font-size: 23px; }

.megamenu-background {
  background: #fff;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: #ececec; }
  .megamenu-background .container {
    height: 100%; }

.megamenu_field_title {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: normal; }

.nav_buttons {
  display: none; }

span.megamenu_icon {
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center; }
  span.megamenu_icon.megamenu_icon_active {
    margin-right: 5px; }

.megamenu_link {
  display: flex;
  align-items: center; }

img.megamenu_icon {
  max-width: 100%;
  max-height: 100%;
  display: block; }

.megamenu_type_image img {
  max-width: 100%; }

a.hasmegamenu:after, a.expand:after {
  content: '\f105';
  transform: rotate(90deg);
  margin-left: 5px; }
a.hasmegamenu.sub:after, a.expand.sub:after {
  position: absolute;
  right: 20px;
  transform: rotate(0deg); }

.megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5 {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
  font-weight: normal; }
.megamenu a {
  color: #000; }
  .megamenu a:hover {
    text-decoration: underline; }
.megamenu ul li {
  margin-bottom: 3px; }

.megamenu, .expand .submenu {
  font-size: 14px; }
  .megamenu a, .expand .submenu a {
    text-decoration: none; }

nav ul.menu > li > a {
  white-space: nowrap; }

.menu > li.expand {
  position: relative; }
  .menu > li.expand ul.submenu, .menu > li.expand ul.subsubmenu {
    position: absolute;
    top: 100%;
    left: 0px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #ececec;
    height: auto;
    padding: 0px;
    opacity: 0;
    transform: translateY(-30px);
    transition: 0.3s ease-in-out;
    /*pointer-events: none;*/
    min-width: 150px; }
    .menu > li.expand ul.submenu a, .menu > li.expand ul.subsubmenu a {
      width: 100%;
      justify-content: flex-start; }
  .menu > li.expand ul.subsubmenu {
    left: 100%;
    top: 0px;
    transform: translateX(-30px); }
  .menu > li.expand.open ul.submenu {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0px); }
  .menu > li.expand ul > li.expand {
    position: relative; }
    .menu > li.expand ul > li.expand.open ul.subsubmenu {
      pointer-events: auto;
      opacity: 1;
      transform: translateX(0px);
      border-color: #ccc; }

.nav_buttons .nav-back, .nav_buttons .nav-close {
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  top: 8px; }
.nav_buttons .nav-back {
  position: absolute;
  left: 30px;
  display: none; }
.nav_buttons .nav-close {
  position: absolute;
  right: 20px; }
.nav_buttons.open .nav-back {
  display: inline-block; }

nav {
  height: 50px;
  position: relative;
  z-index: 20; }
  nav a {
    color: #000; }
  nav > .container {
    height: 100%;
    padding: 0px;
    border: 0px !important; }
  nav .menu {
    width: 100%;
    height: 100%; }
    nav .menu ul {
      display: flex; }
      nav .menu ul li {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px; }
        nav .menu ul li div.megamenu {
          display: none; }
        nav .menu ul li a {
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 10px; }
        nav .menu ul li .submenu, nav .menu ul li .subsubmenu {
          border-left: 1px solid transparent; }
          nav .menu ul li .submenu a, nav .menu ul li .subsubmenu a {
            color: #000;
            font-size: 14px;
            padding: 10px;
            font-weight: normal;
            white-space: nowrap; }

@media screen and (min-width: 1023px) {
  nav {
    display: block; }
    nav .menu ul li {
      position: relative; }
      nav .menu ul li.hidesubheadmenu {
        display: none; }
      nav .menu ul li.expand:hover .submenu {
        opacity: 1;
        transform: translateY(0px);
        top: 100%; }
      nav .menu ul li .submenuhover, nav .menu ul li .subsubmenuhover {
        opacity: 1;
        padding-top: 10px; }
      nav .menu ul li .submenu a:not(.currentmenuclicked):hover, nav .menu ul li .subsubmenu a:not(.currentmenuclicked):hover {
        background: #f4f4f4; }

  .menu > li.expand ul.submenu.submenu-bordermenu {
    left: unset;
    right: 0px; }

  .menu > li.expand ul.subsubmenu.submenu-bordermenu {
    left: unset;
    right: 100%;
    transform: translateX(30px); } }
.megamenu-wrapper {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 15; }
  .megamenu-wrapper .megamenu-background {
    height: 0px;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 60;
    transition: all .3s ease-in-out; }
  .megamenu-wrapper .megamenu-mainbackground {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 50;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out; }
    .megamenu-wrapper .megamenu-mainbackground.open {
      opacity: 1; }
  .megamenu-wrapper .megamenu {
    width: 100%;
    position: absolute;
    left: 0px;
    display: flex;
    z-index: 100;
    top: 0px;
    transform: translateY(-30px);
    pointer-events: none;
    transition: all .3s ease-in-out;
    opacity: 0; }
    .megamenu-wrapper .megamenu.megamenu-hover {
      opacity: 1;
      transform: translateY(0px);
      pointer-events: auto; }

.megamenu_columns {
  max-width: 100%;
  margin: auto;
  display: flex; }
  .megamenu_columns.container {
    padding: 0px 40px;
    border: 0px;
    align-items: flex-start; }

.header__top > .container {
  padding: 0px; }

.megamenu_column {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px 0px; }
  .megamenu_column > div:nth-of-type(n+2) {
    margin-top: 10px; }

.megamenu_field ul {
  display: flex;
  flex-direction: column; }
.megamenu_field iframe {
  max-width: 100%; }

.menu-active-background {
  display: none; }

@media screen and (max-width: 1023px) {
  body nav #menu1 .menu > li:hover, body nav #menu1 .menu > li.current, body nav #menu1 .menu > li ul.submenu li a:hover {
    color: inherit; }

  .megamenu_field_title_empty_block {
    display: none; }

  /*    .tpl_page_home{
          header{
              height: 87px;
          }
  
          .header__top{
              display: none;
          }
      }*/
  .megamenu_field_title {
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #fff;
    font-size: 14px; }

  .megamenu_field {
    font-size: 13px; }

  nav .menu ul li .submenu a, nav .menu ul li .subsubmenu a {
    white-space: normal; }

  body.megamenu_active nav {
    width: 100%;
    max-width: 0px;
    overflow: hidden;
    min-width: 0px; }
    body.megamenu_active nav.open {
      max-height: 100vh;
      overflow-y: auto;
      max-width: 100%; }

  a.hasmegamenu:after, a.expand:after {
    transform: rotate(0deg);
    position: absolute;
    right: 20px; }

  li.megamenu-open > a.hasmegamenu:after {
    transform: rotate(90deg); }

  li.hasmegamenu, li.expand {
    display: flex;
    flex-direction: column; }

  nav .menu > ul li.expand > ul.submenu, nav .menu > ul li.expand > ul.subsubmenu {
    position: relative;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: none;
    left: 0px; }
    nav .menu > ul li.expand > ul.submenu li a, nav .menu > ul li.expand > ul.subsubmenu li a {
      color: #fff; }
  nav .menu > ul li.expand .submenu {
    background: rgba(0, 0, 0, 0.1); }
    nav .menu > ul li.expand .submenu > li a {
      padding-left: 30px;
      font-size: 13px; }
  nav .menu > ul li.expand .subsubmenu {
    background: rgba(0, 0, 0, 0.2); }
    nav .menu > ul li.expand .subsubmenu > li a {
      padding-left: 45px;
      font-size: 12px; }
  nav .menu > ul li.expand.open > a:after {
    transform: rotate(90deg); }
  nav .menu > ul li.expand.open > ul.submenu, nav .menu > ul li.expand.open > ul.subsubmenu {
    max-height: none;
    border: 0px; }

  header {
    z-index: 70; }

  .menu-active-background {
    display: block;
    width: 0px;
    height: 0px;
    background: transparent;
    pointer-events: none;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 50;
    opacity: 0;
    transition: opacity .3s ease-in-out; }
    .menu-active-background.open {
      background: #000;
      opacity: 0.3;
      width: 100%;
      height: 100%;
      pointer-events: auto; }

  nav .container .nav_buttons {
    display: flex;
    flex-flow: nowrap row;
    justify-content: space-between;
    width: 100%;
    height: 35px; }

  nav {
    position: absolute;
    left: 100%;
    transition: .3s ease-in-out;
    transform: translateX(0%);
    min-width: 250px;
    height: auto; }
    nav > .container {
      height: auto;
      flex-direction: column;
      max-width: 100%; }
    nav .menu ul li {
      justify-content: flex-start; }
      nav .menu ul li a {
        width: 100%;
        justify-content: flex-start;
        position: relative;
        padding: 10px 15px; }
        nav .menu ul li a:before {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          left: 0px;
          bottom: 0px;
          height: 1px;
          background: rgba(0, 0, 0, 0.1); }
      nav .menu ul li p a {
        padding: 0px;
        width: auto;
        display: inline-block; }
    nav.open {
      left: 100%;
      transform: translateX(-100%);
      z-index: 100; }

  #menu1 ul.menu {
    display: flex;
    flex-direction: column; }

  .megamenu-wrapper {
    display: none; }

  nav .menu ul li div.megamenu {
    display: flex;
    max-height: 0px;
    width: 100%;
    overflow: hidden; }
    nav .menu ul li div.megamenu ul li {
      margin: 0px; }
    nav .menu ul li div.megamenu.megamenu-hover {
      max-height: none;
      background: rgba(0, 0, 0, 0.1); }
    nav .menu ul li div.megamenu .megamenu_columns {
      flex-direction: column;
      width: 100%;
      padding: 15px;
      align-items: flex-start; }
      nav .menu ul li div.megamenu .megamenu_columns > .container {
        padding: 0px; }
    nav .menu ul li div.megamenu .megamenu_column {
      padding: 0px;
      width: 100%; }
    nav .menu ul li div.megamenu h1, nav .menu ul li div.megamenu h2, nav .menu ul li div.megamenu h3, nav .menu ul li div.megamenu h4, nav .menu ul li div.megamenu h5 {
      padding-left: 30px;
      margin-top: 10px; }
    nav .menu ul li div.megamenu a.megamenu_link {
      padding-left: 0px;
      font-size: 13px;
      color: #fff; } }

/*# sourceMappingURL=menu.css.map */