.menu-categories-wrapper{
background-color: #fff;
z-index:2;
color:#606060;
font-size: 16px;
font-weight: 300;
padding:0;
position:absolute;
top:57px;
width:100%;
max-height: 1000px;
transition: max-height 0.4s;
}
.menu-categories-wrapper.unvisible{
max-height:0px;;
}
.menu-categories-wrapper .categories-menu{
max-height: 1000px;
overflow: hidden;
transition: max-height 0.4s ease-in-out 0.2s
}
.menu-categories-wrapper.unvisible .categories-menu{
max-height: 0;
transition: max-height 0.3s ease-in-out 0s
}
.menu-categories-wrapper.shadow{
box-shadow: 0px 3px 7px -5px #000000;
}
.menu-categories-wrapper ul{
padding:0;
margin:0;
}
.menu-categories-wrapper ul li{
padding:0;
}
.menu-categories-wrapper ul li a{
color:#333;
width:100%;
border-bottom:1px solid #ebebeb;
padding:7px 15px;
display: table;
}
.menu-categories-wrapper ul li a:hover{
color:#000;
background-color: #f8f8f8;
}
.menu-categories-wrapper ul li:last-child a{
border-bottom:none;
}
.menu-categories-wrapper ul li a i.fa{
float:right;
margin-top:8px
}
.menu-categories-wrapper ul li a i.flaticon{
float:left;
margin-top:4px
}
.menu-categories-wrapper ul li a span{
float:left;
margin-top:4px
}
.menu-categories-wrapper ul > li > .submenu{
visibility: hidden;
opacity: 0;
height:0;
transition: visibility 0s, opacity 0.2s linear, left 0.2s linear;
box-shadow:0 0 7px -1px #666;
z-index:3;
}
.menu-categories-wrapper ul > li > .submenu.show{
background-color: #fff;
position:absolute;
padding:30px 15px;
visibility: visible;
opacity: 1;
height:auto;
z-index:3;
min-height:500px;
}
.menu-categories-wrapper ul > li > .submenu > ul{
columns:2;
width:55%;
}
.menu-categories-wrapper ul > li > .submenu > ul > li{
page-break-inside:avoid;
display:table;
padding:0px 15px 0px 15px;
z-index:2;
position:relative;
}
.menu-categories-wrapper ul > li > .submenu ul > li a{
border:none;
padding:1px;
font-size:15px;
}
.menu-categories-wrapper ul > li > .submenu ul > li a:hover{
background:transparent;
color:#000;
}
.menu-categories-wrapper ul > li > .submenu ul > li a.sub-cat-name{
font-weight:500;
font-size: 15px;
margin: 5px 0;
color:#5b5b5b;
}
.menu-categories-wrapper ul > li > .submenu ul > li a.sub-cat-name:hover{
color:#000;
}
.menu-banner{
max-width:390px;
position: absolute;
right:0;
top:0%;
}
.menu-banner .item{
max-width:390px;
border-bottom: none;
padding:0;
}
.menu-banner .item img{
max-width:390px;
}
.menu-banner .item:hover{
background-color: transparent;
}