nav {
    display: none !important;
}

a {
    text-decoration: none !important;
}

.nav-wrapper {
    transition: .9s;
}

.nav-wrapper.paint {
    background-color: #006168 !important;

}

/* .nav-wrapper.paint .nav-title {
    color: black !important;
}

.nav-wrapper.paint a {
    color: black !important;
} */
.nav-wrapper.paint .nav-btn {
    outline: none !important;
    border: none !important;
}

.nav-wrapper.paint .nav-btn div:nth-child(1) {
    width: 50% !important;
    align-self: flex-start !important;
}

.nav-wrapper.paint .nav-btn div:nth-child(2) {
    width: 70% !important;
    align-self: flex-start !important;
}

.nav-wrapper.paint .nav-btn div:nth-child(3) {
    width: 100% !important;
    align-self: flex-start !important;
}

.nav-btn div {
    transition: .5s;
    /* height: 4px !important; */
}

.nav-wrapper .nav-btn.expanded div:nth-child(1) {
    transform: rotate(45deg);
    width: 70% !important;
}

.nav-wrapper .nav-btn.expanded div:nth-child(2) {
    transform: rotate(-45deg);
    width: 70% !important;
}

.nav-wrapper .nav-btn.expanded div:nth-child(3) {
    transform: rotate(-45deg);
    width: 70% !important;
}


.nav-btn:hover div {
    width: 100%;
}

.nav-menus-drop-down {
    transition: .3s;
    animation: nm .3s linear;
}

@keyframes nm {
    from {
        opacity: 0;
        width: 0;
        overflow: hidden;
        height: 0;
    }
}