.nav-container{
    padding:0;
    margin:0;
}

.nav-container a{
    text-decoration:none;
}

.nav-container li{
    display:block;
    padding:0;
    margin:0;
}

.nav-link{
    display:flex;
    padding:15px 20px;
    align-items:center;
    color:rgba(255,255,255,.7);
    cursor:pointer;
}

.nav-link:hover,.nav-link:focus{
    background: rgba(0,0,0,.1);
    color:rgba(255,255,255,.7);
}

.nav-link span{
    margin-left:15px;
    flex-grow:1;
}

.nav-link-icon{
    font-size:16px;
    width:15px;
}

.nav-link .nav-link-arrow{
    transition:transform 0.2s ease-in-out;
}

.nav-link-container.active .nav-link-arrow{
    transform: rotate(-90deg);
}

.nav-link-container{
    transition:background 0s linear;
    transition-delay:0.2s;
}

.nav-link-container .nav-links{
    max-height:0px;
    overflow:hidden;
    transition:max-height 0.2s ease-in-out;
}

.nav-link-container.active{
    background: rgba(0,0,0,.1);
    transition-delay:0s;
}

.nav-link-container.active .nav-links{
    max-height: 500px;
}


.nav-link-sub span{
    margin-left:30px;
}



.nav-link-arrow{
    
}