/*************************************
    * START Custom Underline for NAV items
    *************************************/
    .navbar-default .navbar-nav>li>a {
        color: #000 !important;
        text-decoration: none;
        position: relative;
    }

    .navbar-default .navbar-nav>li>a:hover {
        /* color: #FF5818; */
        color: #f4ae1a !important;
        text-decoration: none;
    }

    .navbar-default .navbar-nav>li>a:after {
        content: '';
        position: absolute;
        width: 100%;
        -webkit-transform: none;
        transform: none;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: .5em;
        height: 2px;
        /* background-color: #FF5818; */
        background-color: #f4ae1a;
        -webkit-transition: opacity .05s ease-out, -webkit-transform .05s ease-out;
        transition: opacity .05s ease-out, -webkit-transform .05s ease-out;
        transition: opacity .05s ease-out, transform .05s ease-out;
        transition: opacity .05s ease-out, transform .05s ease-out, -webkit-transform .05s ease-out;
        transition: opacity .05s ease-out, transform .05s ease-out, 
        -webkit-transform .05s ease-out;
        width: calc(100% - 1.625rem);
        visibility: hidden;
    }

    .navbar-default .navbar-nav>li>a:hover:after {
        -webkit-transform: translateY(0.5em);
        transform: translateY(0.5em);
        opacity: 1;
        visibility: visible;
    }

    .navbar-default .navbar-nav>li.active>a {
        /* color: #FF5818; */
        color: #f4ae1a !important;
    }

    .navbar-default .navbar-nav>li.active>a:after {
        content: '';
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -0em;
        height: 2px;
        /* background-color: #FF5818; */
        background-color: #f4ae1a;
        -webkit-transition: none;
        transition: none;
        transition: none;
        transition: none, 
        -webkit-transform none;
        visibility: visible;
    }

    .navbar-default .navbar-nav>li.active>a:hover:after {
        -webkit-transform: translateY(0em);
        transform: translateY(0em);
        opacity: 1;
    }
    /*************************************
    * END Custom Underline for NAV items
    *************************************/