/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav-item {
    float: left;
    width: 76px;
    position: static;
}

    .nav-item > a {
        text-align: center;
    }

    .nav-item a {
        display: block;
        color: #FFF;
        padding: 10px;
        font-family: 'bebas_neuebold';
    }

    .nav-item:hover .nav-submenu {
        display: block;
    }

/* Navigation submenu */
.nav-submenu {
    display: none;
    position: absolute;
    float: left;
    background: #00AEEF;
    padding-bottom: 10px;
    width: 220px;
    text-align: left;
}

    .nav-submenu a:hover {
        background: black;
    }

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

            .navbar-collapse.collapse.in {
                display: block !important;
            }

    .nav-item {
        float: none;
        width: 105px;
        position: static;
    }
}