.nav-button,.nav-close {
    position: fixed;
    top: 0;
    width: 2.4rem;
    height: 4.4rem;
    overflow: hidden;
    z-index: 902;
    cursor: pointer;
    text-decoration: none;
    line-height: 4.4rem;
    background: #26201C;
    color: #A69A94
}

.nav-button:before,.nav-close:before {
    display: block;
    text-align: center
}

.nav-button {
    display: block;
    right: 1rem;
    font-size: 1.7rem
}

.nav-button:before {
    content: "\E003"
}

.nav-close {
    display: none;
    right: 4rem;
    font-size: 1.9rem
}

.nav-close:before {
    content: "\E002"
}

.nav {
    padding-top: 60px;
    line-height: 39px;
    /* background: #26201C; */
    color: #A69A94;
    background: rgb(89,89,89);
    background: -moz-linear-gradient(270deg, rgba(88,88,88,1) 0%, rgba(52,52,52,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(88,88,88,1)), color-stop(100%, rgba(52,52,52,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(88,88,88,1) 0%, rgba(52,52,52,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(88,88,88,1) 0%, rgba(52,52,52,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(88,88,88,1) 0%, rgba(52,52,52,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(88,88,88,1) 0%, rgba(52,52,52,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#343434',GradientType=0 ); /* ie6-9 */
}

.nav ul {
    /* border-radius: 6px; */
    /* background: #383838; */
}

.nav ul ul {
    background: #383838;
}

.nav ul ul ul {
    background: #382f29
}

.nav ul ul ul ul {
    background: #40362f
}

.nav ul ul ul ul ul {
    background: #493e36
}

.nav li {
    border-top: 1px solid #636363;
    cursor: pointer;
}

.nav li.nav-active>a,.nav li:hover>a {
    color: #383838;
    background-color: #ebebeb;
}

.nav .nav-submenu>ul {
    margin-left: 10px
}

.nav .nav-submenu>a {
    /* padding-right: 30px!important; */
}

.nav a,.nav a:active,.nav a:hover,.nav a:visited {
    /* border-radius: 6px; */
    padding: 0 15px 1px;
    color: white;
    text-decoration: none;
}

.nav-lock-scroll .hamburger-inner, .nav-lock-scroll .hamburger-inner:after, .nav-lock-scroll .hamburger-inner:before  {
    background: white;
}

@media only screen and (min-width: 960px) {

    .nav-button {
        display: none
    }

    .nav {
        padding: 0!important;
        border-radius: 6px;
    }

    .nav>ul>li {
        border-top: none
    }

    .nav li>ul {
        /* box-shadow: 0 0 5px 0 rgba(0,0,0,.75) */
    }

    .nav ul ul ul {
        border-radius: 0 6px 6px
    }

    .nav ul ul ul li:first-child {
        border-top: none
    }

    .nav .nav-left>ul {
        border-radius: 6px 0 6px 6px
    }

    .nav .nav-submenu li {
        min-width: 110px
    }

    .nav .nav-submenu>ul {
        margin: 0
    }

}