/* ===================================
    Navigation
====================================== */
.navbar-nav li.current > a, .navbar-nav li.active > a {
    color: #084768;
}

.navbar > ul > li.current > a:after {
    border-color: transparent #084768 #084768 transparent;
}

.search-form i {
    font-size: 1.2rem;
    line-height: 2rem;
}

.search-form_submit {
    margin-top: 12px;
}


/*Header style08*/
.header-style8 .navbar ul ul li.active > a {
    color: #084768;
}

.header-style8 .navbar-nav li.current > a, .header-style8 .navbar-nav li.active > a {
    color: #084768;
}

.header-style8 .navbar > ul > li.current > a:after {
    border-color: transparent #084768 #084768 transparent;
}

.header-style8.scrollHeader .navbar-nav > li.has-sub > a:hover {
    color: #084768;
}

.header-style8.scrollHeader .navbar-nav li.current > a {
    color: #084768;
}

    .header-style8.scrollHeader .navbar-nav li.current > a:hover {
        color: #084768;
    }

.header-style8.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #084768 #084768 transparent;
}

.header-style8.scrollHeader .navbar-nav li.active > a {
    color: #084768;
}

    .header-style8.scrollHeader .navbar-nav li.active > a:hover {
        color: #084768;
    }


@media screen and (min-width: 992px) {

    /*Header style08*/
    .header-style8 .navbar ul ul li.active > a {
        color: #084768;
    }

    .header-style8 .navbar-nav li.current > a, .header-style8 .navbar-nav li.active > a {
        color: #084768;
    }

    .header-style8 .navbar > ul > li.current > a:after {
        border-color: transparent #084768 #084768 transparent;
    }

    .header-style8.scrollHeader .navbar-nav > li.has-sub > a:hover {
        color: #084768;
    }

    .header-style8.scrollHeader .navbar-nav li.current > a {
        color: #084768;
    }

        .header-style8.scrollHeader .navbar-nav li.current > a:hover {
            color: #084768;
        }

    .header-style8.scrollHeader .navbar > ul > li.current > a:after {
        border-color: transparent #084768 #084768 transparent;
    }

    .header-style8.scrollHeader .navbar-nav li.active > a {
        color: #084768;
    }

        .header-style8.scrollHeader .navbar-nav li.active > a:hover {
            color: #084768;
        }

    /*Menu area light*/
    .menu_area-light .navbar-nav li.current > a, .menu_area-light .navbar-nav li.active > a {
        color: #084768;
    }

    .menu_area-light .navbar > ul > li.current > a:after {
        border-color: transparent #084768 #084768 transparent;
    }

    .menu_area-light.scrollHeader .navbar-nav li.current > a {
        color: #084768;
    }

        .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
            color: #084768;
        }

    .menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
        border-color: transparent #084768 #084768 transparent;
    }

    .menu_area-light.scrollHeader .navbar-nav li.active > a {
        color: #084768;
    }

        .menu_area-light.scrollHeader .navbar-nav li.active > a:hover {
            color: #084768;
        }
}

@media screen and (max-width: 991px) {


    /* .navbar-header-custom {
        padding: 4px 0 8px;
    } */

    .attr-nav {
        margin-right: 63px;
    }

    .menu_area .navbar-brand {
        display: block;
    }

    /*Header style08*/
/*    .header-style8 .navbar ul ul li.active > a {
        color: #084768;
    }*/
}

/* Scroll Tracker */

#scroll-tracker {
    position: fixed !important;
    bottom: 0;
    /*top: 0;*/
    width: 100% !important;
    height: 10px;
    overflow: hidden;
    background-color: transparent;
    z-index: 200 !important; 
    pointer-events: none;
}

    #scroll-tracker > div {
        position: absolute;
        bottom: 0;
        /*top: 0;*/
        left: 0;
        width: 0;
        height: inherit;
        /*border: 1px solid red;*/
        background: -webkit-gradient(linear,left top,right top,from(#479dbb),color-stop(16.666%,#479dbb),color-stop(16.667%,#499da8),color-stop(33.332%,#499da8),color-stop(33.333%,#4c9e96),color-stop(49.998%,#4c9e96),color-stop(49.999%,#4d9e85),color-stop(66.664%,#4d9e85),color-stop(66.665%,#51a071),color-stop(83.33%,#51a071),color-stop(83.331%,#559e5e),to(#559e5e));
        background: linear-gradient(90deg,#479dbb,#479dbb 16.666%,#499da8 16.667%,#499da8 33.332%,#4c9e96 33.333%,#4c9e96 49.998%,#4d9e85 49.999%,#4d9e85 66.664%,#51a071 66.665%,#51a071 83.33%,#559e5e 83.331%,#559e5e);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        pointer-events: none;
    }


/* === Navigation ===*/

.flex-left {
    justify-content: flex-start;
}

.flex-right {
    justify-content: flex-end;
}

.flushL {
    text-align: left;
}

.flushR {
    text-align: right;
}

.top-bar-info ul {
    margin-bottom: 1px;
}

.top-bar-info li {
    font-weight: 500;
    color: #fff;
    list-style-type: none;
    font-size: 16px;
    padding: 0 5px 0;
    display: inline-block;
    margin-bottom: 0;
}

#top-bar {
    display: block;
    position: relative;
    z-index: 999;
    background: #023059;
    padding: 7px 0;
}