.navbar-toggler{
    background-color: #76be16cc !important;
}
.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E") !important;
    filter: invert();
}
.navbar-toggler:focus{
    box-shadow:none !important;
}
@media (max-width: 767.98px) { 

}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 

}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 

}

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 

}

#navbar{
    background-color: transparent;
}
.altura{
    height: 82px !important;
}
.nav-item a{
    font-size: 13.6px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
    border-bottom: 0px solid #76be16cc;

}
.nav-item a:not(.active){
    color: #c7c8c9;
    
}
.active{
    border-bottom: 2px solid #76be16cc !important;
    color: white !important;
}

.navbarBanner{
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute !important;
    /* min-height: 8vh; */
}

.navbar {
    border-radius: 0;
    transition: all 0.3s ease-out;
}
  
.affix {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    bottom: auto;
}

.affix.navbar {
background-color: #333 !important;
}