header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1200;
}

header .mobile {
    background: rgba(255,255,255,1);
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 6000;
    height: 4rem;
}

header .mobile .logo svg {
    height: 90%;
    width: 90%;
}

header .mobile .logo svg path {
    fill: var(--color-green) !important;
}

header .mobile .far {
    font-size: 2rem!important;
}

header .mobile .logo {
    width: 100%;
}

header .dropdown.langues .dropdown-menu {
    min-width: auto !important;
    background: rgba(var(--color-green-rgb),0.6);
}

header .btn-light:active,header .btn-light:focus {
    background:none;
    color: #FFFFFF;
    box-shadow: none;
}

.mobile-panel {
    width: 100%;
    height: calc(100% - 40px);
    position: fixed;
    left: -100%;
    right: 0;
    bottom: 0;
    top: 47px;
    background: rgba(255,255,255,1);
    z-index: 5000;
}

.mobile-panel.active {
    left: 0!important;
}



header .desktop {
    background-color: rgba(255, 255, 255, 0);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}



header .desktop .bg-fade {
    position: absolute;
    top: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.8), transparent);
    height: 100%;
    opacity: 0.45;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    z-index: -1;
}

header .desktop:hover .bg-fade {
    opacity: 0.7;
}


header .desktop .logo {
    opacity: 1;
    max-height: 3rem;
}

header .desktop.scrolled .logo {
    opacity: 1;
}

header .btn-light {
    background: none;
    border: none;
    color:#FFFFFF;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}

header .btn-light:hover {
    background: none;
    border-bottom: 2px solid #FFF;
    border-radius: 0;
    color:#FFFFFF;
}

header .btn-light.active {
    background: none !important;
    border-radius: 0.2rem;
    border: 1px solid #FFF;
    color:#FFFFFF;
}

header .btn-light.active:hover {
    background: rgba(var(--color-green-rgb),0.6) !important;
    border: 1px solid transparent;
    color:#FFFFFF;
}

header .btn-light.active:hover {
    background: rgba(145,178,157,0.9);
    color:#FFFFFF;
}

header .btn-light i {
    font-size: 1.2rem;
}

.tooltip {
    transform: translateY(2rem);
}

.tooltip.active {
    opacity: 1;
    transform: translateY(0);
}

.tooltip .arrow-top {
    position: absolute;
    left: 50%;
    top: -0.5rem;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    -webkit-transform: translate(-50%, 0px) rotate(45deg);
    -ms-transform: translate(-50%, 0px) rotate(45deg);
    transform: translate(-50%, 0px) rotate(45deg);
}

.tooltip p {
    margin-bottom: 0;
}

.dropdown-menu .arrow-top {
    position: absolute;
    left: 80%;
    top: -0.5rem;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    -webkit-transform: translate(-50%, 0px) rotate(45deg);
    -ms-transform: translate(-50%, 0px) rotate(45deg);
    transform: translate(-50%, 0px) rotate(45deg);
    
}