@charset "utf-8";

.mhb-grid{position:relative;width:100%}
.mhb-placeholder{display:none;height:80px}

/* .mhb-view */

.mhb-grid:not(.is-sticky) .mhb-view.sticky{display:none!important}

.mhb-view{position:relative;z-index:200}
.mhb-view.on-top,
.is-sticky .mhb-view{position:fixed;left:0;top:0;width:100%}

.admin-bar .mhb-view.on-top,
.admin-bar .is-sticky .mhb-view{top:32px}

/* .mhb-row */

.mhb-row-wrapper{display:flex;justify-content:space-between;position:static;min-height:80px}
.mhb-row-wrapper:after{display:none!important}

.mhb-view.full_width .mhb-row-wrapper{max-width:100%!important}

.action-bar .mhb-row-wrapper{min-height:40px}

/* .mhb-col */
.mhb-col{display:flex;align-items:center}

/* Items ------------------------------------- */

/* .mhb-item */
.mhb-item{margin:0 20px}

/* .mhb-logo */
.mhb-logo{}
.mhb-logo h1{margin:0;font-size:0;line-height:0}
.mhb-logo .overflow.mhb-item-inner{height:80px}

/* .mhb-menu */
.mhb-menu{position:relative;height:100%}
.mhb-menu .menu{z-index:201}
.mhb-menu .menu li a{color:#333;text-decoration:none}
.mhb-menu .menu li a:hover,
.mhb-menu .menu li.current-menu-item > a,
.mhb-menu .menu li.current-menu-ancestor > a,
.mhb-menu .menu li.current-page-item > a,
.mhb-menu .menu li.current-page-ancestor > a{color:#0095eb}

  /* 1st level */
  .mhb-menu .menu > li{float:left;position:relative;z-index:202}
  .mhb-menu .menu > li > a{display:block;padding:10px 0}
  .mhb-menu .menu > li > a > span{display:block;padding:0 20px}

  /* 2nd level */
  .mhb-menu .menu li ul{position:absolute;left:0;top:100%;background-color:#F2F2F2;display:none}
  /* .mhb-menu .menu li:hover > ul{display:block} */
  .mhb-menu .menu li ul li{position:relative;width:200px;padding:0}
  .mhb-menu .menu li ul li a{display:block;padding:10px 20px;border-bottom:1px solid rgba(0,0,0,.05)}
  .mhb-menu .menu li ul li:last-child a{border-bottom-width:0}
  .mhb-menu .menu li ul li a:hover{background-color:rgba(0,0,0,.05)}

  /* 3rd level */
  .mhb-menu .menu li ul li ul{left:200px;top:0}

  /* options */
  .mhb-menu .menu.borders > li > a > span{border-right:1px solid rgba(0,0,0,.05)}
  .mhb-menu .menu.borders > li:last-child > a > span{border-right-width:0}

  .mhb-menu .menu.last li:nth-last-child(-n+2) ul{left:auto;right:0}
  .mhb-menu .menu.last li:nth-last-child(-n+2) ul li ul{left:auto;right:200px}

  .mhb-menu .menu.arrows li.menu-item-has-children > a:after{font-family:'mfn-icons';content:'\e869';position:absolute;right:10px;top:50%;margin-top:-13px}
  .mhb-menu .menu.arrows > li.menu-item-has-children > a > span{padding-right:30px}
  .mhb-menu .menu.arrows li ul li.menu-item-has-children > a:after{content:'\e917'}

  /* menu toggle */
  .mhb-menu .mobile-menu-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;display:none;}


/* .mhb-menu_icon */
.mhb-menu_icon a{padding:10px;font-size:22px}

/* .mhb-button */
.mhb-button{line-height:0}

/* .mhb-extras */
.mhb-extras > *{float:left;line-height:40px;margin:0 5px}

.mhb-extras a{color:#333}

.mhb-extras .search{font-size:22px;color:#333}
.mhb-extras .search .search-icon{font-size:22px}
.mhb-extras .search .search-icon i:before{margin:0}

.mhb-extras .search form{position:relative}
.mhb-extras .search form i{position:absolute;left:0;top:0;font-size:22px;color:#333}
.mhb-extras .search form input{width:100%;box-sizing:border-box;margin:0;padding-left:35px;border-width:0 0 1px 0;background-color:transparent;box-shadow:unset;border-color:#ddd}
.mhb-extras .search form input:focus{background-color:transparent!important;border-color:#ddd}

.mhb-extras .search.icon form{position:absolute;left:0;top:100%;width:100%;box-sizing:border-box;padding:20px;background-color:#eee;display:none;z-index:201}
.mhb-extras .search.icon form i{left:20px;top:20px}

.mhb-extras #header_cart{font-size:22px}
.mhb-extras #header_cart span{position:relative;right:9px;top:-10px;display:inline-block;width:17px;height:17px;line-height:17px;text-align:center;font-size:11px;background-color:#333;color:#fff;border-radius:3px;}

.mhb-extras .wpml-languages{position:relative}
.mhb-extras .wpml-languages a{text-decoration:none}

.mhb-extras .wpml-languages.list ul li{float:left;margin-right:5px}
.mhb-extras .wpml-languages.dropdown ul{position:absolute;left:-15px;padding:0 15px;background:rgba(255,255,255,.5);display:none;z-index:201}
.mhb-extras .wpml-languages.dropdown:hover ul{display:block}

/* .mhb-social */
.mhb-social a{color:#333}
.mhb-social ul li{float:left;margin:0 2px}
.mhb-social ul li a{font-size:18px}

/* .mhb-icon */
.mhb-icon a{padding:5px;font-size:18px;color:#333}

/* .mhb-text */
.mhb-text{line-height:130%}

/* .mhb-image */
.mhb-image{line-height:0}
.mhb-image img{max-height:80px}

/* Responsive -------------------------------- */

@media only screen and (min-width: 960px){

  .mhb-view.tablet,
  .mhb-view.mobile{display:none}

  /* sticky */

    /* auto | custom */
    .is-sticky .mhb-view.desktop.sticky{display:block}
    .is-sticky:not([data-desktop$="off"]) .mhb-placeholder{display:block}

    /* custom */
    .is-sticky[data-desktop$="custom"] .mhb-view.default{display:none}

    /* off */
    .is-sticky[data-desktop$="off"] .mhb-view.default{position:relative}

  /* items */

  .mhb-menu .menu{display:block!important}
}

@media only screen and (min-width: 768px) and (max-width: 959px){

  .mhb-view.desktop,
  .mhb-view.mobile{display:none}
  .mhb-view.tablet{display:block}

  /* auto */
  .mhb-grid[data-tablet^="auto"] .desktop.default{display:block}

  /* sticky */

    /* auto | custom */
    .is-sticky .mhb-view.tablet.sticky{display:block}
    .is-sticky:not([data-tablet$="off"]) .mhb-placeholder{display:block}

    /* custom */
    .is-sticky[data-tablet$="custom"] .mhb-view.default{display:none}

    /* off */
    .is-sticky[data-tablet$="off"] .mhb-view.default{position:relative}

  /* items */

  .mhb-menu .mobile .menu{display:block!important}

  .mhb-menu .tabletMobile .menu{display:none;box-shadow:2px 2px 2px rgba(0,0,0,0.05)}
  .mhb-menu .tabletMobile .mobile-menu-toggle{display:block}

  .mhb-menu .tabletMobile .menu{position:absolute;top:100%;right:0;width:200px;background:#fff}
  .mhb-menu .tabletMobile .menu li{width:100%}
  .mhb-menu .tabletMobile .menu li a{padding:0 25px}
  .mhb-menu .tabletMobile .menu li a span{padding:0;line-height:44px!important;border-right:0!important}

  .mhb-menu .tabletMobile .menu li .menu-toggle{position:absolute;right:0;top:0;display:block;width:44px;line-height:44px;text-align:center;cursor:pointer}
  .mhb-menu .tabletMobile .menu li .menu-toggle:after{font-family:'mfn-icons';content:'\e964'}
  .mhb-menu .tabletMobile .menu li.hover > .menu-toggle:after{content:'\e965'}

  .mhb-menu .tabletMobile .menu li ul{position:static}
  .mhb-menu .tabletMobile .menu li ul li a{padding:0 25px 0 35px;border-bottom-width:0}
  .mhb-menu .tabletMobile .menu li ul li ul li a{padding-left:45px}

  .mhb-col.left .mhb-menu .tabletMobile .menu{left:0;right:auto}
  .mhb-col.center .mhb-menu .tabletMobile .menu{left:-100px}
}

@media only screen and (max-width: 767px){

  .mhb-view.desktop,
  .mhb-view.tablet{display:none}
  .mhb-view.mobile{display:block}

  /* TODO only logo and menu in auto mode !!! */

  /* auto */
  .mhb-grid[data-mobile^="auto"] .desktop.default{display:block}

  .mhb-grid[data-mobile^="auto"] .mhb-item:not(.mhb-logo):not(.mhb-menu):not(.mhb-menu_icon){display:none}

  /* sticky */

    /* auto | custom */
    .is-sticky .mhb-view.mobile.sticky{display:block}
    .is-sticky:not([data-mobile$="off"]) .mhb-placeholder{display:block}

    /* custom */
    .is-sticky[data-mobile$="custom"] .mhb-view.default{display:none}

    /* off */
    .is-sticky[data-mobile$="off"] .mhb-view.default{position:relative}

  /* items */

  .mhb-menu .menu{display:none;box-shadow:2px 2px 2px rgba(0,0,0,0.05)}
  .mhb-menu .mobile-menu-toggle{display:block}

  .mhb-menu .menu{position:absolute;top:100%;right:0;width:200px;background:#fff}
  .mhb-menu .menu li{width:100%}
  .mhb-menu .menu li a{padding:0 25px}
  .mhb-menu .menu li a span{padding:0;line-height:44px!important;border-right:0!important}

  .mhb-menu .menu li .menu-toggle{position:absolute;right:0;top:0;display:block;width:44px;line-height:44px;text-align:center;cursor:pointer}
  .mhb-menu .menu li .menu-toggle:after{font-family:'mfn-icons';content:'\e964'}
  .mhb-menu .menu li.hover > .menu-toggle:after{content:'\e965'}

  .mhb-menu .menu li ul{position:static}
  .mhb-menu .menu li ul li a{padding:0 25px 0 35px;border-bottom-width:0}
  .mhb-menu .menu li ul li ul li a{padding-left:45px}

  .mhb-col.left .mhb-menu .menu{left:0;right:auto}
  .mhb-col.center .mhb-menu .menu{left:-100px}
}

@media only screen and (max-width: 783px){

  .admin-bar .mhb-view.on-top,
  .admin-bar .is-sticky .mhb-view{top:46px}

}

/* Fallback IE styles */
/* center RELATIVE */
/*
.mhb-row{width:100%}
.mhb-col{display:table-cell;width:1%;white-space:nowrap;padding:20px 10px}
.mhb-item{display:inline-block;min-width:50px;height:50px;margin:0 10px;background:rgba(0,0,0,.3)}
.mhb-col.left{text-align:left;background:rgba(255,255,0,.3)}
.mhb-col.center{text-align:center;background:rgba(255,0,255,.3)}
.mhb-col.right{text-align:right;background:rgba(0,255,255,.3)}
*/
