.navbar-vin-car{
    background: #000816;
    /* fallback for old browsers */
    background: -webkit- linear-gradient(270deg, #000816 83.33%, #FDFEFF83.34%);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(270deg, #000816 83.33%, #FDFEFF 83.34%);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.navbar-vin-car2{
    background: linear-gradient(45deg, rgba(0, 84, 162, 0.45) 0%, rgba(0,
    84, 162, 0.45) 25%, rgba(77, 60, 170, 0.45) 25%, rgba(77, 60, 170, 0.45)
    50%, rgba(153, 37, 179, 0.45) 50%, rgba(153, 37, 179, 0.45) 75%,
    rgba(230, 13, 187, 0.45) 75%, rgba(230, 13, 187, 0.45) 100%),
    linear-gradient(135deg, rgb(149, 18, 122) 0%, rgb(149, 18, 122) 25%, rgb(182,
            13, 98) 25%, rgb(182, 13, 98) 50%, rgb(214, 8, 74) 50%, rgb(214, 8, 74)
            75%, rgb(247, 3, 50) 75%, rgb(247, 3, 50) 100%) ;
}
.navbar-vin-car2 .navbar-nav > .active > a, .navbar-vin-car2 .navbar-nav > .active > a:hover, .navbar-vin-car2 .navbar-nav > .active > a:focus {
    color: #fff;
    /*background: #EA52F8 ;*/
    background: rgba(77, 60, 170, 0.45) ;
    transition: 0.5s;
    border-bottom: 5px solid rgba(129, 113, 217, 0.45) ;
}
.navbar-vin-car2 .navbar-nav > .open > a, .navbar-vin-car2 .navbar-nav > .open > a:hover, .navbar-vin-car2 .navbar-nav > .open > a:focus {
    color: #fff;
    background: rgba(77, 60, 170, 0.45) ;
    transition: 0.5s;
}
.navbar-.navbar-nav > li > a {
    color: #9d9d9d;
}
.navbar-vin-car2 .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #EA52F8;
}
.navbar-vin-car2 .navbar-toggle {
    border-color: #EA52F8;
}



.smart-scroll{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.scrolled-down{
    transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
    transform:translateY(0); transition: all 0.3s ease-in-out;
}