/* nav */
.nav-menu, .nav-menu ul, .nav-menu li, .nav-menu a {
    margin: 0;
    padding-right: 0;
    line-height: normal;
    list-style: none;
    display: block;
    position: relative;
}

    .nav-menu ul {
        opacity: 0;
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 999;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }

    .nav-menu li:hover > ul {
        /*left: 0;
        opacity: 1;
        z-index: 1000;*/
        left: auto;
        opacity: 1;
        z-index: 1000;
    }

    .nav-menu ul li:hover > ul {
        top: 0;
        left: auto;
        right: 100%;
    }

    .nav-menu li {
        cursor: default;
        float: left;
        white-space: nowrap;
    }

    .nav-menu ul li {
        float: none;
    }

    /* sub width */
    .nav-menu ul {
        min-width: 12em;
        -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
        box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
    }

/* center */
.nav-center {
    /*float: right;*/
    right: 40%;
}

    .nav-center > li {
        left: 50%;
    }

/* root */
.nav-menu a {
    padding: 0 15px;
    /*color: black;*/
    color: #e1ae15;
    font-weight: normal;
    font-size: 18px;
    line-height: 40px;
    text-decoration: none;
}

/* root: active */
.nav-menu > li > .nav-active {
    background-color: rgba(0,0,0,0.05);
}

/* root: hover/persistence */
.nav-menu a:hover, .nav-menu a:focus, .nav-menu li:hover a {
    /*background: #555;*/
    /*color: #FFF;*/
    /*background: red;*/
    color: white;
    margin-right: -10px;
}

/* 2 */
.nav-menu li li a, .nav-menu li:hover li a {
    padding: 8px 10px;
    background-color: darkgray;
    color: white;
    font-size: 14px;
    line-height: normal;
}

    /* 2: hover/persistence */
    .nav-menu li:hover li a:hover, .nav-menu li:hover li a:focus, .nav-menu li:hover li:hover a {
        background-color: skyblue;
    }

/* 3 */
.nav-menu li:hover li:hover li a {
    background: lightgray;
}

    /* 3: hover/persistence */
    .nav-menu li:hover li:hover li a:hover, .nav-menu li:hover li:hover li a:focus, .nav-menu li:hover li:hover li:hover a { /******kari nadarim*/
        background: skyblue;
    }

/* 4 */
.nav-menu li:hover li:hover li:hover li a {  /******kari nadarim*/
    background: #333;
}

    /* 4: hover */
    .nav-menu li:hover li:hover li:hover li a:hover, .nav-menu li:hover li:hover li:hover li a:focus { /******kari nadarim*/
        background: #222;
    }

/* vertical */
.nav-vertical {
    max-width: 220px;
}

    .nav-vertical ul {
        top: 0;
        left: -9999px;
    }

    .nav-vertical li {
        width: 100%;
        float: none;
    }

        .nav-vertical li:hover > ul {
            left: 100%;
        }