.mab-slide-menu-wrapper {
  width: 100%; }

.mab-slide-menu-nav {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: inline-block;
  background: #fff; }
  .mab-slide-menu-nav ul {
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: 0;
    list-style: none;
    transition: transform .3s ease-in-out; }

.mab-slide-menu-nav a,
.mab-slide-menu-nav a:hover {
  text-decoration: none; }

.mab-slide-menu-nav .sub-menu {
  width: 100%;
  position: absolute;
  background: #fff; }

.mab-slide-menu-nav .mab-slide-menu__menu,
.mab-slide-menu-nav .sub-menu {
  transition: transform .3s ease-in-out;
  margin: 0;
  padding: 0; }

.mab-slide-menu-nav .menu-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid; }

.mab-slide-menu-nav .mab-slide-menu-back {
  -ms-flex-direction: row;
  flex-direction: row; }

.mab-slide-menu-nav .mab-slide-menu-back > .mab-slide-menu-arrow {
  border-right: 1px solid rgba(172, 170, 170, 0.2); }

.mab-slide-menu-nav .mab-slide-menu-arrow,
.mab-slide-menu-nav .menu-item {
  border-color: rgba(172, 170, 170, 0.2); }

.mab-slide-menu-nav .mab-menu-item-back,
.mab-slide-menu-nav a {
  display: inline-block;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #333; }

.mab-slide-menu-nav .mab-slide-menu-arrow,
.mab-slide-menu-nav a {
  transition: all .2s ease-in-out;
  padding: 10px 12px;
  transition-property: all;
  transition-timing-function: linear;
  transition-duration: 0.3s; }

.mab-slide-menu-nav .mab-slide-menu-arrow {
  padding: 10px 24px;
  cursor: pointer; }
  .mab-slide-menu-nav .mab-slide-menu-arrow svg {
    fill: currentColor; }

.mab-slide-menu-nav .menu-item:not(.menu-item-has-children):not(.mab-slide-menu-back) .mab-slide-menu-arrow {
  display: none; }

.mab-slide-menu-nav .menu-item.menu-item-has-children > .mab-slide-menu-arrow {
  border-left: 1px solid rgba(172, 170, 170, 0.2); }

.mab-slide-menu-nav .sub-menu,
.sub-menu {
  transition: transform .3s ease-in-out; }

.mab-slide-menu-nav .sub-menu:not(.mab-slide-menu-is-active) {
  opacity: 0;
  transition: transform .3s ease-in-out, opacity .3s ease; }

.mab-slide-menu-nav.mab-slide-menu-direction-left .sub-menu {
  top: 0;
  left: 100%; }

.mab-slide-menu-nav.mab-slide-menu-direction-right .sub-menu {
  top: 0;
  left: -100%; }

.mab-slide-menu-nav.mab-slide-menu-direction-top .sub-menu {
  top: 100%;
  left: 0; }

.mab-slide-menu-nav.mab-slide-menu-direction-bottom .sub-menu {
  top: -100%;
  left: 0; }

.mab-slide-menu-nav.mab-slide-menu-effect-overlay.mab-slide-menu-direction-left .sub-menu.mab-slide-menu-is-active {
  transform: translateX(-100%); }

.mab-slide-menu-nav.mab-slide-menu-effect-overlay.mab-slide-menu-direction-right .sub-menu.mab-slide-menu-is-active {
  transform: translateX(100%); }

.mab-slide-menu-nav.mab-slide-menu-effect-overlay.mab-slide-menu-direction-top .sub-menu.mab-slide-menu-is-active {
  transform: translateY(-100%); }

.mab-slide-menu-nav.mab-slide-menu-effect-overlay.mab-slide-menu-direction-bottom .sub-menu.mab-slide-menu-is-active {
  transform: translateY(100%); }

.mab-slide-menu-nav.mab-slide-menu-effect-push .sub-menu.mab-slide-menu-is-active {
  z-index: 999; }

.mab-slide-menu-nav.mab-slide-menu-effect-push.mab-slide-menu-direction-left .mab-slide-menu-is-active-parent {
  transform: translateX(-100%); }

.mab-slide-menu-nav.mab-slide-menu-effect-push.mab-slide-menu-direction-right .mab-slide-menu-is-active-parent {
  transform: translateX(100%); }

.mab-slide-menu-nav.mab-slide-menu-effect-push.mab-slide-menu-direction-top .mab-slide-menu-is-active-parent {
  transform: translateY(-100%); }

.mab-slide-menu-nav.mab-slide-menu-effect-push.mab-slide-menu-direction-bottom .mab-slide-menu-is-active-parent {
  transform: translateY(100%); }

.mab-slide-menu-nav.mab-slide-menu-effect-push.mab-slide-menu-direction-bottom,
.mab-slide-menu-nav.mab-slide-menu-effect-push.mab-slide-menu-direction-top {
  overflow-y: hidden; }

.mab-slide-menu-is-active-parent > li:not(.mab-slide-menu-item-is-active) {
  opacity: 0; }

.frame .mab-slide-menu-wrapper {
  padding: 1px; }