html {
    --color-header: #144dff;
    --color1: #eb1730;
    --color2: #eb1730;
    --color3: #eb1730;
    --colorTabPane: #144dff;
    --colorModalMenu:#144dff;
    --colorModalMenuLink:white;
}


header .b-logo-default {
    display: block;
}

header.scrolled .b-logo-default {
    display: none;
}

header .b-logo-parts {    
    display: none;
    opacity: 0;
}

header.scrolled .b-logo-parts {    
    display: block;
    opacity: 1;
}

header .b-logo-parts img:first-child{    
    opacity: 0;    
    transform: translate(100%, -100%);
}

header.scrolled .b-logo-parts img:first-child{
    opacity: 1;
    transform: translate(0,0);
    animation-name: logo-scrolled;
    animation-duration: 1s;
}


.navbar-brand img {
    width: unset !important;
}


@media (max-width:768px) {

    .nav-bar>.container {
        padding: 0;
    }
}


@keyframes logo-scrolled {
    from {
        transform: translate(100%, -100%);
    }

    to {
        transform: translate(0,0);
    }
    
}