{# General styles #}
.mega-menu a{
  text-decoration:none;
}
.mega-menu__list-items,
.mega-menu__simple-list{
  list-style:none;
  padding:0;
}
.mega-menu__container{
  margin:0 auto;
  padding: 60px 20px;
}
.mega-menu__list-items{
  display:flex;
  margin-bottom:0;
}
{# END General styles #}

.mega-menu__item.level-0{
  padding:8px 12px 16px;
  margin:0 10px;
}
@media(min-width:993px){
  .mega-menu__item.level-0:last-child{
    padding:8px 0  8px 12px;
    margin:0 0 0 10px;
  }
  .dropdown__icon{
    display:none;
  }
}
{# Mega Menu Items level 1 #}
{##}
.mega-menu__megamenu-content{
  visibility:hidden;
  opacity:0;
  position:absolute;
  z-index:-1;
  top:100%;
  left:0;
  right:0;
  background-color:#fff;
  transition:all .5s ease;
  -webkit-box-shadow: 0 22px 34px rgba(0,0,0,0.1);
  box-shadow: 0 22px 34px rgba(0,0,0,0.1);
}
.mega-menu__megamenu-content img{
  width:290px;
}
.mega-menu__item.level-0:hover > .mega-menu__megamenu-content{
  visibility:visible;
  opacity:1;
  z-index:5;
}
.mega-menu__container{
  display: flex;
}
.mega-menu__image-content{
  flex-basis:27%;
  border-right: solid 1px #c6c6d0;
  padding-right:20px;
}
.mega-menu__container.with-img-content .mega-menu__list-items{
  flex-basis:70%;
  padding-left:20px;
}
.mega-menu__list-items.l-1{
  flex-wrap: wrap;
  column-gap:50px;
  row-gap:35px
}
.mega-menu__list-items.number-rows--3 .mega-menu__item.level-1{
  width:25%;
}
.mega-menu__list-items.number-rows--4 .mega-menu__item.level-1{
  width:18%;
}
.mega-menu__link-title,
.mega-menu__link-description{
  transition:all .3s ease;
}
.mega-menu__link-title{
  line-height:22px;
}
.mega-menu__link-description{
  line-height:18px;
}
.mega-menu__container.no-content .mega-menu__item.level-1{
  padding-right:50px;
}
.mega-menu__container.no-content .mega-menu__item.level-1{
  padding-right:50px;
}
.mega-menu .button .button__icon svg{
  height:10px;
  margin-left: 7px;
}
{# Content image #}
{##}
.mega-menu__image-content > a.button{
  padding:0;
}
.mega-menu__title-content{
  line-height:28px;
  margin-bottom:10px;
}
.mega-menu__description-content{
  line-height:22px;
}
@media(max-width:992px){
  .mega-menu__image-content,
  .mega-menu__link-description{ 
    display:none;
  }
  
  .mega-menu{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    overflow:hidden;
    display: none;
  }
  
  .header__navigation.open .mega-menu {
    display: block;
  }
  
  .mega-menu__list-items {
    display: block;
  }
  .mega-menu__megamenu-content {
    visibility: visible;
    opacity: 1;
    position: initial;
  }
  .mega-menu__nav{
    position:relative;
  }
  .mega-menu__list-items.l0{
    transform: translateX(100%);
    height: 100vh;
    z-index:6;
    transition:all .5s ease-out;
    padding: 70px 20px 200px;
    overflow-y:auto;
  }
  .header__mega-menu.open{
    position:fixed;
    left:0;
    right:0;
    z-index:10;
  }
  .header__navigation.open .mega-menu__list-items.l0{
    transform: translateX(0);
    transition:all .3s ease-out;
  }
  .mega-menu__item.level-0:first-of-type{
    border-top: 1px solid #dadada;
  }
  .mega-menu__item.level-0{
    border-bottom: 1px solid #dadada;
    margin: 0;
    display: block;
    padding: 25px 0;
    position:relative;
  }
  .mega-menu__item.level-0 > a,
  .mega-menu__item.level-0 > .dropdown__icon svg{
    transition: all .5s ease;
  }
  .mega-menu__link-l0{
    display:block;
  }
  .dropdown__icon{
    width:17px;
    position:absolute;
    right:0;
    top:30px;
    z-index:999;
  }
  .mega-menu__megamenu-content{
    max-height:0;
    overflow: hidden;
    transition: max-height 0.9s ease-in,padding-top 0.3s ease-in;
    padding-left:20px;
  }
  .mega-menu__item.open .mega-menu__megamenu-content{
    max-height:2000px;
    padding-top:28px;
  }
  .mega-menu__item.closed .mega-menu__megamenu-content{
    transition: max-height 0.5s, padding-top 0.8s ; 
  }
  .mega-menu__item.open .dropdown__icon svg{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill:var(--secondary);
  }
  .dropdown__icon{
    cursor:pointer;
  }
  .mega-menu__link-title{
    margin-bottom:25px;
    transition: all .4s ease;
  }
  .mega-menu__item.level-1:last-child .mega-menu__link-title{
    margin-bottom:0;
  }
  .mega-menu__simple-list a{
    display:block;
    margin-bottom:25px;
  }
  .mega-menu-item__with-simple-list{
    margin-bottom:50px;
  }
  .mega-menu__item.level-1:last-child .mega-menu__simple-list{
    margin-top:25px;
  }
}
@media(max-width:765px){
  .mega-menu a {
    text-transform: uppercase;
  }
  .mega-menu__list-items.number-rows--4 .mega-menu__item.level-1 {
    width: 100%;
  }
  .mega-menu-item__with-simple-list .mega-menu__link-title{
    text-transform:capitalize;
  }
  .mega-menu__item.open .dropdown__icon svg{
    fill:revert;
  }
}