.title-bar {
    text-align: right;
    background-color: transparent;
    width: 10rem;
    float: right;
    font-size: 1.0rem;
    color: #0a0a0a;
    text-transform: uppercase;
    z-index: 50;
    position: absolute;
    top: 0;
    right: 5px;
}

.top-bar, .top-bar ul {
    background-color: rgb(255, 255, 255);
}

.menu-icon::after {
    background: #333333 none repeat scroll 0 0;
    box-shadow: 0 7px 0 #333333, 0 14px 0 #333333;
    height: 3px;
}

/* --- Navigation MOBILE --- */

#mobileMenu {
    display: block;
}

#mobileMenu .top-bar {
    background-color: rgb(63, 62, 63);
}

#mobileMainNav {
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
}

    @media only screen and (min-width: 64em) {
        #mobileMainNav {
            display: none !important;
        }
    }

    #mobileMainNav ul {
        background-color: rgba(255, 255, 255, 0.7);
        margin-left: 0;
        padding: 0 0 0 0;
    }

    #mobileMainNav ul ul {
        background-color: rgb(230, 230, 230);
    }

    #mobileMainNav ul ul ul {
        background-color: rgb(205, 205, 205);
    }

    #mobileMainNav a,
    #mobileMainNav a:visited {
        color: #000000;
    }

    #mobileMainNav a:active,
    #mobileMainNav a:focus,
    #mobileMainNav a:hover {
        color: rgb(169, 201, 56);
    }


.is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent rgb(63, 62, 63);
}
.js-drilldown-back > a::before {
    border-color: transparent rgb(63, 62, 63) transparent transparent;
}

.is-submenu-parent-item {
    font-weight: 600;
}

#mobileMenu .is-drilldown li {
    font-size: 1.0rem;
    line-height: 2.5rem;
}

.js-drilldown-back {
    text-align: center;
}

.js-drilldown-back a {
    font-size: 1.0rem;
}

.is-drilldown {
    width: 100% !important;
    max-width: 100% !important;
}

.subpageMenuGrey {

}

    .subpageMenuGrey li {
        margin: 0;
        padding: 0;
        list-style: none;
        box-sizing: content-box;
    }

    .subpageMenuGrey li a:before {
        content: "» ";
    }

    .subpageMenuGrey li a {
        background: #ffffff;
        border-bottom: 1px solid #e6e6e6;
        color: rgb(169, 201, 56);
        display: block;
        margin: 0;
        padding: 8px 12px;
        text-decoration: none;
        font-weight: 300;
        box-sizing: content-box;
    }

    .subpageMenuGrey li a:hover {
        background: #f8f8f8;
    }

    /*
    .subpageMenuGrey li:last-child a {
        border-bottom: none;
    }
    */

ul.mainNav {
    margin-top: 1rem;
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 0.3rem;
}
    ul.mainNav li {
        ist-style-type: none;
        margin-bottom: 0.1rem;
    }

    ul.mainNav li a,
    ul.mainNav li a:visited {
        font-size: 1.3rem;
        color: rgb(35, 31, 32);
        font-weight: 300;
        text-transform: uppercase;
    }

    /* ul.mainNav li a.active, */
    ul.mainNav li a:hover,
    ul.mainNav li a:active,
    ul.mainNav li a:focus {
        color: rgb(107,  33,  29);
        text-transform: uppercase;
    }

    ul.mainNav li a::before {
        content: '\f054\0020';
        font-family: FontAwesome, sans-serif;
        margin-left: -1.3rem;
    }

    ul.mainNav li a.hasSub::before {
        content: '\f078\0020';
        font-family: FontAwesome, sans-serif;
    }

        ul.mainNav li li a.hasSub::before {
            content: '';
            font-family: FontAwesome, sans-serif;
        }


    ul.mainNav li:nth-child(3n-0) a::before {
        color: rgb(169, 201,  56);
    }
    ul.mainNav li:nth-child(3n-1) a::before {
        color: rgb( 10, 136, 169);
    }
    ul.mainNav li:nth-child(3n-2) a::before {
        color: rgb(107,  33,  29);
    }

    ul.mainNav li:nth-child(3n-0) a:hover {
        color: rgb(169, 201,  56);
    }
    ul.mainNav li:nth-child(3n-1) a:hover {
        color: rgb( 10, 136, 169);
    }
    ul.mainNav li:nth-child(3n-2) a:hover {
        color: rgb(107,  33,  29);
    }

    ul.mainNav li ul.nested {
        margin-left: 0;
    }

    ul.mainNav li li a,
    ul.mainNav li li a:visited {
        font-size: 1.1rem;
        color: rgb(0, 0, 0);
        margin-left: 0;
        text-transform: none;
    }

    ul.mainNav li:nth-child(3n-0) li a:hover {
        color: rgb(169, 201,  56) !important;
        text-transform: none;
    }
    ul.mainNav li:nth-child(3n-1) li a:hover {
        color: rgb( 10, 136, 169) !important;
        text-transform: none;
    }
    ul.mainNav li:nth-child(3n-2) li a:hover {
        color: rgb(107,  33,  29) !important;
        text-transform: none;
    }

    ul.mainNav li li a:hover,
    ul.mainNav li li a:active,
    ul.mainNav li li a:focus {
        font-size: 1.1rem;
        color: rgb(107, 33, 29) !important;
        margin-left: 0;
        text-transform: none;
    }
/*
    ul.mainNav li li a.active,
    ul.mainNav li li a:hover,
    ul.mainNav li li a:active,
    ul.mainNav li li a:focus {
        font-size: 1.1rem;
        color: rgb(107,  33,  29) !important;
        margin-left: 0;
        text-transform: none;
    }
*/

    ul.mainNav li li a::before {
        content: '\0020';
        font-family: FontAwesome, sans-serif;
    }