.main-menu.menu-dark .navigation .navigation-header {
    color : #ffffff;
    padding : 30px 20px 8px 20px;
}
.main-menu.menu-dark .navigation .navigation-header span {
    font-weight : 600;
    text-transform : uppercase;
}
.main-menu.menu-dark .navigation li a {
    color : #ffffff;
    -webkit-transition : all 0.2s ease;
    -o-transition : all 0.2s ease;
    -moz-transition : all 0.2s ease;
    transition : all 0.2s ease;
}
.main-menu.menu-dark .navigation li a i, .main-menu.menu-dark .navigation li a span {
    -webkit-transition : all 0.2s ease;
    -o-transition : all 0.2s ease;
    -moz-transition : all 0.2s ease;
    transition : all 0.2s ease;
}

.main-menu.menu-dark .navigation > li {
    padding : 0;
}
.main-menu.menu-dark .navigation > li > a {
    padding : 8px 20px;
}
.main-menu.menu-dark .navigation > li a:hover{
    background-image: linear-gradient(to right, #5CC3E9, #218DBB);
}
.main-menu.menu-dark .navigation > li a:active{
    background-image: linear-gradient(to right, #5CC3E9, #218DBB)!important;
}

.main-menu.menu-dark .navigation > li.active > a {
    color : #ffffff;
    font-weight : 700;
    background : #1d1f1e;
    border-right : 4px solid #3BAFDA;
}
.main-menu.menu-dark .navigation > li .active {
    background : #1d1f1e;
}
.main-menu.menu-dark .navigation > li .active > a {
    color : #F6F6F6;
    font-weight : 700;
    background : #1d1f1e;
    border-right : 4px solid #3BAFDA;
}
.main-menu.menu-dark .navigation > li ul {
    padding : 0;
    margin : 0;
    font-size : 1rem;
}
.main-menu.menu-dark .navigation > li ul li {
    color : #ffffff;
    background : transparent;
}
.main-menu.menu-dark .navigation > li ul li > a {
    padding : 8px 20px 8px 50px;
    font-size: 12px!important;
}
.main-menu.menu-dark .navigation > li ul li > a:hover {
    background-image: linear-gradient(to right, #5CC3E9, #218DBB);
}

.main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul {
    display : none;
}

.main-menu.menu-dark .navigation > li ul .open > ul {
    display : block;
    background-image: linear-gradient(to right, #5CC3E9, #218DBB);
}
.main-menu.menu-dark .navigation > li ul .open > ul li > a {
    padding : 8px 20px 8px 60px;
}
.main-menu.menu-dark .navigation > li ul .open > ul .open {
    background : #0B1115;
}
.main-menu.menu-dark .navigation > li ul .open > ul .open > ul {
    display : block;
    background-image: linear-gradient(to right, #5CC3E9, #218DBB);
}
.main-menu.menu-dark .navigation > li ul .open > ul .open > ul li > a {
    padding : 8px 20px 8px 70px;
}

.main-menu.menu-dark .navigation > li ul .active {
    background-image: linear-gradient(to right, #5CC3E9, #218DBB);
}
.main-menu.menu-dark .navigation > li ul .active > a {
    color : #F6F6F6;
    font-weight : 700;
}