/* ---------------- CSS for tabs-style-bar --------------   */

.tabs-style-bar nav {

}

.tabs-style-bar nav ul {
    border: 0px solid transparent;
}

.tabs-style-bar nav ul li {
    background-color: #E57200;
}

.tabs-style-bar nav ul li a {
    margin: 0;
    background-color: #0057B8;
    color: #FFFFFF;
    transition: background-color 0.2s, color 0.2s;
}

.tabs-style-bar nav ul li a:hover {
    margin: 0 0 0 5px;
    color: #F2F3F4;
    background-color: #092026;
    text-decoration: none;
}

.fa a:hover {
    margin: 0 0.4em 0 1.5em;
}

.tabs-style-bar nav ul li a:focus {
    color: #F2F3F4;
    background-color: #000000;
    text-decoration: none;
}

.tabs-style-bar nav ul li a span {
    text-transform: uppercase;
    font-weight: 500;
    font-family:'LatoLatin', sans-serif;
    letter-spacing: 0.86px;
    font-size:12px;
    margin-left:40px;
}

.tabs-style-bar nav ul li.tab-current a {
    background-color: #000000;
    color: #F2F3F4;
}

@media screen and (max-width: 58em) {
    .tabs-style-line nav ul {
        display: block;
        box-shadow: none;
    }
    .tabs-style-line nav ul li {
        display: block;
        -webkit-flex: none;
        flex: none;
    }
}