nav.navbar-transparent {
    background-color: transparent;
    color: white;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1);
}

nav.navbar-transparent .navbar-nav > li > a {
    color: white;
}

body.page-on-scroll nav.navbar-transparent {
    background-color: #f8f8f8;
}

body.page-on-scroll nav.navbar-transparent .navbar-nav > li > a {
    color: black;
}

body.page-on-scroll nav.navbar-transparent .navbar-nav>li>a:hover,
body.page-on-scroll nav.navbar-transparent .navbar-nav>li>a:focus {
    color:#868686;
}

nav.navbar-transparent .navbar-nav>li>a:hover,
nav.navbar-transparent .navbar-nav>li>a:focus {
    color:rgba(255,255,255,.8);
}