.wbu-angle-up{
  transition:.3s ease
}
.wbu-angle-up:after{
  transition:.3s ease;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 384 512'%3E%3Cpath fill='%23fff' d='M352 352c-8.188 0-16.38-3.125-22.62-9.375L192 205.3 54.6 342.7c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25-6.2 6.2-14.4 9.3-22.6 9.3z'/%3E%3C/svg%3E")
}
.wbu-angle-right:after,.wbu-angle-up:after{
  content:"";
  position:absolute;
  height:2.2rem;
  width:2.3rem;
  transform:translate(-50%,-50%);
  background-position:50%;
  background-repeat:no-repeat
}
.wbu-angle-right:after{
  transition:transform .3s ease,background-image .3s ease;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 66.91 122.88' fill='%23fff'%3E%3Cpath d='M1.95 111.2a6.875 6.875 0 00.14 9.73 6.875 6.875 0 009.73-.14L64.94 66l-4.93-4.79 4.95 4.8c2.65-2.74 2.59-7.11-.15-9.76-.08-.08-.16-.15-.24-.22L11.81 2.09c-2.65-2.73-7-2.79-9.73-.14-2.72 2.65-2.78 7-.13 9.73l48.46 49.55L1.95 111.2z'/%3E%3C/svg%3E")
}
.burger__button{
  border:none;
  display:flex;
  padding:0;
  width:4rem;
  background-color: purple
}
.burger__button .line{
  fill:none;
  stroke:#000;
  stroke-width:6;
  transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)
}
.hbk-mega-menu{
  z-index:99;
  position:relative;
  max-height:100vh
}
.hbk-mega-menu--burgers{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background-color:#281c2d;
  color:#fff;
  margin-bottom:2rem
}
.hbk-mega-menu--burgers .burger__button .line{
  stroke:#fff
}
.hbk-mega-menu--items .item-link:after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  top:auto;
  border-bottom:1px solid #e9e9e9
}
.hbk-mega-menu--items .svg-close:hover,
.hbk-mega-menu--items .svg-close:hover path{
  stroke:#8155ba
}
@media only screen and (min-width:992px){
  .hbk-mega-menu ul{
    padding:0;
    margin:0
  }
  .hbk-mega-menu--items{
    position:unset;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    max-width:100%;
    padding:0;
    max-height:none;
    margin-left:0;
    width:auto;
    height:auto;
    overflow:visible
  }
  .hbk-mega-menu--items .item{
    justify-content:center;
    text-align:center;
    min-width:0
  }
  .hbk-mega-menu--items .item .item{
    text-align:left
  }
  .hbk-mega-menu--items .item-link{
    width:auto
  }
  .hbk-mega-menu--items .item-link:after{
    display:none
  }
  .hbk-mega-menu--items .item.mega-item.open~.overlay-desktop,.hbk-mega-menu--items .item.mega-item:hover~.overlay-desktop{
    opacity:1;
    margin-top:0;
    transition-delay:0s;
    transition-duration:0s;
    z-index:-1;
    display:block
  }
  .hbk-mega-menu--items__sub .item{
    text-align:left
  }
  .hbk-mega-menu--items__sub .item .item-link{
    padding-inline:2rem
  }
  .hbk-mega-menu .mega-item{
    position:unset
  }
  .hbk-mega-menu .mega-item .hbk-mega-menu--block{
    padding:1.6rem;
    box-shadow:0 8px 24px -5px #ccc;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    bottom:auto
  }
  .hbk-mega-menu .mega-item:hover>.hbk-mega-menu--block{
    max-height:700px;
    opacity:1;
    z-index:0
  }
  .hbk-mega-menu .mega-item:hover>.hbk-mega-menu--block{
    z-index:3
  }
  .hbk-mega-menu.style-tab-primary .item .hbk-mega-menu--block,
  .hbk-mega-menu.style-tab-primary .item .hbk-mega-menu--items__sub{
    border-top:4px solid #8155ba
  }
  .hbk-mega-menu.style-tab-primary .item.open>.item-link,
  .hbk-mega-menu.style-tab-primary .item:hover>.item-link{
    background-color:#8155ba;
    color:#fff;
    fill:#fff
  }
  .hbk-mega-menu.style-tab-primary .item.open>.svg-arrow,
  .hbk-mega-menu.style-tab-primary .item:hover>.svg-arrow{
    margin-left:-3rem;
    color:#fff;
    fill:#fff
  }
  .hbk-mega-menu.style-merseille{
    padding:0 3rem
  }
  .hbk-mega-menu--burgers .burger__button{
    display:none
  }
}
.hbk-mega-menu .mega-item .hbk-mega-menu--block{
  background-color:#fff;
  opacity:0;
  z-index:0;
  left:0;
  position:relative;
  z-index:-1;
  max-height:0;
  overflow:hidden;
  overflow-y:auto;
  box-shadow:0 8px 10px -5px #ccc;
  text-align:left;
  transition-property:all;
  transition-duration:.7s;
  transition-timing-function:ease-in-out
}
.hbk-mega-menu .overlay{
  position:fixed;
  cursor:pointer;
  opacity:0;
  z-index:0;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(40,28,45,.15);
  transition-property:all;
  transition-duration:.1s;
  transition-timing-function:ease-in-out;
  transition-delay:0s;
  margin-left:100%;
  display:none
}
.hbk-mega-menu .overlay:hover,.hbk-mega-menu .overlay:hover path{
  stroke:#8155ba
}
.hbk-mega-menu .overlay-desktop{
  margin:0;
  bottom:auto;
  height:100vh;
  display:none;
  position:absolute
}
.hbk-mega-menu.style-merseille{
  display:flex;
  justify-content:space-between;
  padding:0 1.5rem
}
.hbk-mega-menu--burgers{
  background:transparent;
  margin-bottom:0
}
.hbk-mega-menu--burgers svg,.hbk-mega-menu--burgers svg path{
  stroke:#281c2d
}
.hbk-mega-menu--burgers .block-form-search{
  position:fixed;
  top:40%;
  left:50%;
  transform:translateX(-50%);
  z-index:1001;
  width:100%;
  max-width:600px;
  padding:2rem;
  opacity:0;
  transition-property:all;
  transition-duration:.6s;
  transition-timing-function:ease-in-out;
  transition-duration:.2s;
  margin-top:calc(-100% - 150px)
}
.hbk-mega-menu--burgers .block-form-search form .form-actions{
  align-self:center
}
.hbk-mega-menu--burgers .block-form-search .form-type-search{
  flex-grow:2
}
.hbk-mega-menu--burgers .block-form-search .blm-submit{
  padding-top:0;
  padding-bottom:0;
  padding-right:0
}
.hbk-mega-menu--burgers .block-form-search .blm-submit .hbk--icon-search{
  fill:#fff;
  width:4rem;
  height:4rem
}
.hbk-mega-menu--burgers .block-form-search .blm-key-search{
  font-style:italic;
  color:#fff;
  background:transparent;
  outline:none;
  box-shadow:none;
  border:none;
  border-bottom:2px solid #fff;
  padding-left:0
}
.hbk-mega-menu--burgers .block-form-search .blm-key-search:focus{
  outline:none
}
.hbk-mega-menu--burgers .block-form-search .blm-key-search::placeholder{
  color:hsla(0,0%,100%,.6)
}
@media only screen and (min-width:992px){
  .hbk-mega-menu.style-merseille .hbk-mega-menu--items{
    max-width:1200px;
    width:calc(100% - 4rem)
  }
  .hbk-mega-menu.style-merseille .hbk-mega-menu--items>.item:before{
    background-color:#8155ba;
  }
  .hbk-mega-menu.style-merseille .hbk-mega-menu--items>.item.is-active>.item-link,
  .hbk-mega-menu.style-merseille .hbk-mega-menu--items>.item.open>.item-link{
    color:#8155ba
  }
  .hbk-mega-menu.style-merseille .hbk-mega-menu--items>.item.is-active>.svg-arrow,
  .hbk-mega-menu.style-merseille .hbk-mega-menu--items>.item.open>.svg-arrow,
  .hbk-mega-menu.style-merseille .hbk-mega-menu--items>.item:hover>.svg-arrow{
    fill:#8155ba
  }
  .hbk-mega-menu.style-merseille{
    justify-content:end
  }
}
.hbk-mega-menu.style-merseille .hbk-mega-menu--items>.item>.item-link{
  font-weight:700;
  flex-grow:0;
  padding-inline:2rem
}
.hbk-mega-menu.style-merseille .overlay-search{
  z-index:1000;
  cursor:default;
  background:transparent;
  opacity:0;
  display:block;
  margin:0;
  transition-duration:.4s;
  height:0
}
.hbk-mega-menu.style-merseille .overlay-search .svg-close path{
  fill:#fff!important;
  stroke:#fff!important
}
.hbk-mega-menu.style-merseille.open-search .overlay-search{
  z-index:1000;
  display:block;
  background:#281c2d;
  opacity:1;
  height:100vh
}
.hbk-mega-menu.style-merseille.open-search .block-form-search{
  opacity:1;
  transition-duration:.3s;
  margin-top:0
}
.hbk-mega-menu.style-merseille{
  z-index:unset;
  padding:0
}
.hbk-mega-menu.style-merseille:hover{
  z-index:999
}
.hbk-mega-menu.style-merseille .hbk-mega-menu--items .item-link.is-active,.hbk-mega-menu.style-merseille .hbk-mega-menu--items .item-link:hover{
  color:#8155ba
}
.hbk-mega-menu.style-merseille .hbk-mega-menu--items .hbk-mega-menu--items__sub .item .item-link{
  padding:1rem 2rem;
  white-space: nowrap;
}