ul.anamenu,
ul.submenu,
ul.menu {
    border: none;
    list-style: none;
    text-align: left;
}

#menu-nav li:hover > ul,
#menu-nav li li:hover > ul,
#menu-nav li li li:hover > ul {
    display: block;
}

.block ul.menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.block ul.menu li a {
    display: block;
    border-bottom: var(--color-112);
    padding: 8px 0 8px 24px;
    line-height: 120%;
    font-weight: bold;
    background: url(/sites/mtw10/themes/custom/iskelet/images/light/arrow_bullet.png) no-repeat 10px;
    text-decoration: none;
}

.block ul.menu ul li a {
    border: none;
    padding: 4px 0;
    font-size: 13px;
    color: var(--color-114);
    background: none;
}

.block.block-superfish ul.menu li a {
    background: none;
}



#navigation-container ul,
#navigation-container ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#navigation-container ul li {
    position: relative;
    list-style: none;
    border-right: var(--color-141);
    background: none;
}

#navigation-container ul li a {
    padding: 7px;
    text-decoration: none;
    line-height: 100%;
    display: block;
    font-weight: bold;
    outline: none;
    color: white;
    font-size: 16px;
}

#navigation-container ul a {
    display: block;
    position: relative;
}

#navigation-container ul li a:hover {
    color: var(--color-142);
    background-color: var(--color-143);
}

#navigation-container ul li:hover li a {
    font-weight: normal;
}

#navigation-container ul ul {
    position: absolute;
    top: -999em;
    width: auto;
    display: none;
    opacity: 0.88;
}

#navigation-container ul li:hover ul {
    display: block;
    left: 0;
    top: 28px;
    z-index: 999;
}

#navigation-container ul li ul li {
    width: 100%;
    white-space: nowrap;
}

#navigation-container ul li ul li.expanded {
    min-width: 170px;
    white-space: unset;
}

#navigation-container ul ul li a {
    line-height: 125%;
}

#navigation-container ul li:hover li ul {
    top: -999em;
}

#navigation-container ul li li:hover ul {
    left: 169px;
    top: 0;
}

#navigation-container ul li li:hover li ul {
    top: -999em;
}

#navigation-container ul li li li:hover ul {
    left: 169px;
    top: 0;
}

#navigation li li.expanded > a,
#navigation li li.menuparent > a {
    background: transparent url(/sites/mtw10/themes/custom/iskelet/images/light/arrow_bullet.png) no-repeat 97% 50%; 
}

#navigation-container li li.expanded:hover > a {
    background-color: var(--color-147);
    color: var(--color-148);
}

#header_right ul.menu,
#header-top ul.menu {
    margin: 0;
    display: block;
    overflow: hidden;
    text-align: right;
    padding: 5px 0 0 0;
}

#header-top ul.menu {
    text-align: left;
    padding: 0;
}

#header-top .region-header-top-left ul.menu {
    text-align: left;
}

#header-top .region-header-top-right ul.menu {
    text-align: right;
}

#header_right ul.menu li,
#header-top ul.menu li {
    display: inline;
    list-style-type: none;
    overflow: hidden;
    padding: 0 0 0 10px;
    margin: 0;
}

#header_right ul.menu li a,
#header-top ul.menu li a {
    background: none;
    display: inline;
    border: none;
    padding: 0;
    font-weight: bold;
}

#header_right ul.menu li.first,
#header-top ul.menu li.first {
    padding-left: 0;
    margin: 0;
}

#header_right ul.menu li.last,
#header-top ul.menu li.last {
    border-right: none;
    padding-right: 0;
    margin: 0;
}

#header_right ul.menu ul.menu,
#header-top ul.menu ul.menu {
    display: none;
}

.nav-toggle {
    width: 36px;
    height: 36px;
    background: var(--color-060);
}
ul.menu li {
    margin: 0;
}

.block ul.menu li {
    list-style: none;
}

.block ul.menu li a:hover {
    color: var(--color-113);
    background: url(../images/dark/arrow_bullet.png) no-repeat 10px;
}

.block ul.menu ul {
    margin: 0 0 0 1.3em;
}

.block ul.menu ul li a:hover {
    color: var(--color-115);
    background: none;
}
#navigation-container ul,
#navigation-container 
{
    width: 100%;
    box-shadow: var(--color-139);
    background-image: -webkit-linear-gradient(top, #ca0006 0%, #7c0003 100%);
}

#navigation-container ul li a.active,
#navigation-container ul li li a.active {
    color: var(--color-144);
    background-color: var(--color-145);
}

#navigation-container ul li:hover {
    visibility: inherit;
}

#navigation-container ul li.right-submenu ul li:hover ul {
    right: 169px;
    left: unset;
}

#navigation-container ul ul {
    filter: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

#navigation-container ul ul li {
    border: none;
    border-bottom: var(--color-146);
}


.menu-header {
    float: left;
}

#ek-menu-nav ul li.leaf,
#ek-menu-nav ul li {
    float: none;
}
.ek-nav-toggle {
    /* border:1px solid green; */
    float: right;
    display: none;
    position: relative;
    top: 0;
    right: 0;
    font-weight: normal;
    color: white;
    margin: 0;
    letter-spacing: 1px;
    text-align: center;
    background: url(mobile-menu.png) 6px 6px no-repeat;
    width: 28px;
    font-size: 0;
    height: 28px;
    z-index: 1000;
}

#ek-menu-container {
    float: right;
    margin: 0;
    padding: 0;
    border: none;
    font: inherit;
    vertical-align: baseline;
    overflow: hidden;
    display: block;
    z-index: 99;
}
#ek-menu-nav {
    border: 0;
    float: none;
    position: absolute;
    right: 0;
    z-index: 999;
}
#ek-menu-nav  li li.expanded > a,
#ek-menu-nav  li li.menuparent > a {
    background: transparent url(/sites/mtw10/themes/custom/iskelet/images/light/arrow_left.png) no-repeat 3% 50%;

}


#ek-menu-nav ul {
    display: none;
    width: 170px ;
    padding-right:5px
    filter: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    position: relative;
}

ul#ek-menu {
    position:absolute;
    top:28px;
    right:0;
    width:99px; }

ul#ek-menu ,
ul#ek-menu li,
ul#ek-menu {text-align:right; }

#ek-menu-nav ul li:hover ul {
    position: absolute;
    right: 98px;
    top: 0;
    left: unset;
    z-index: 999;
}


#user-menu li a {
    font-family: var(--font-011);
    /* font-size: 18px; */
    color: darkred;
}

#user-menu li:hover a {
    color: white;
    text-shadow: 0 0 5px black;
}

/*
#navigation li.expanded {
  position: relative;
}
*/
/* default: saga acilir 
#navigation li.expanded > .menu-header > ul.submenu {
  position: absolute;
  top: 100%;
  right: auto;
  left: 0;
}
*/
/* flip: sola acilir */

#navigation ul li:hover ul.flip-left
{
  right: 0;
  left: auto;
}
#navigation ul li:hover ul.flip-left  ul {
   right:170px;
   left:auto;
}
#navigation ul.flip-left li a{
    text-align:right; right:5px
}
#navigation ul.flip-left li.expanded > a {
    background: transparent url(../images/light/arrow_left.png) no-repeat 8% 50%;
}