.menu-section {
    background-color: white;
    display: none;
}

    .menu-section .container {
        border-top: solid 1px lightgray;
        border-bottom: solid 1px lightgray;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 100%;
    }

div.menu hr {
    margin-top: -5px;
    margin-bottom: 0;
    width: 0;
    opacity: 0;
    border-top: 3px solid #23527c;
    -webkit-transition: all 180ms ease-in;
    -moz-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
    transition: all 180ms ease-in;
}

div.menu ul.nav > li > a:hover {
    text-decoration: none;
}

div.menu ul.nav-pills > li {
    display: inline-block;
    float: inherit;
}

div.menu a:hover + hr {
    opacity: 0.5;
    width: 75%;
}

div.menu a.menu-selected + hr {
    opacity: 1;
    width: 75%;
}

div.menu a > span.caret {
    -webkit-transition: all 180ms ease-in;
    -moz-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
    transition: all 180ms ease-in;
}

div.menu a.menu-selected > span.caret {
    transform: rotate(180deg);
}

div.menu a:not(.menu-selected):hover > span.caret {
    transform: rotate(90deg);
}

div.menu ul.nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
}