.navbarpro-horver{
    color:inherit;
} 
.navbarpro-horver > .wrapper,
.navbarpro-horver > .wrapper > .navbar,
.navbarpro-horver > .wrapper > .navbar > li,
.navbarpro-horver > .wrapper > .navbar > li > .dropdown{
    background-color:inherit;
}
.navbarpro-horver > .wrapper{
    display:flex;
    flex-direction:column;
}

.navbarpro-horver > .wrapper > .header{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding:var(--gutter-base) 0px;
}
.navbarpro-horver > .wrapper > .header > .brand{
    display:flex;
    flex-direction:row;
    align-items:center;
    color:inherit;
}
.navbarpro-horver > .wrapper > .header > .brand > img{}
.navbarpro-horver > .wrapper > .header > .brand > .text{
    padding:5px 8px;
    white-space:nowrap;
}
.navbarpro-horver > .wrapper > .header > .toggle{
    border:1px solid;
    border-radius:4px;
    padding:5px;
    cursor:pointer;
    color:inherit;
    transition:all 0.25s;
}
.navbarpro-horver > .wrapper > .header > .toggle:hover{
    background-color:#eee;
    color:#000;
}
.navbarpro-horver > .wrapper > .header > .toggle > i{    
}

.navbarpro-horver > .wrapper > .navbar{
    all :unset;
    background-color:inherit;
    list-style:none;
    padding:0px;
    margin:0px;
    position:relative;
    display:flex;
    flex-direction:column;   
    display:none; 
}
.navbarpro-horver > .wrapper > .navbar > li{
    border-top:1px solid;
    position:relative;
}
.navbarpro-horver > .wrapper > .navbar > li > a{
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:5px 8px;        
    color:inherit;
    transition:all 0.25s;
    white-space:nowrap;
}
.navbarpro-horver > .wrapper > .navbar > li > a > .icon{
    padding-left:5px;
}
.navbarpro-horver > .wrapper > .navbar > li > a > .text{
    flex-grow:1;
}
.navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon{
    padding-right:5px;
}
.navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon .dropdown{
    display:none;
}
.navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon > .expand{
    display:unset;
}
.navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon.expanded > .expand{
    display:none;
}
.navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon > .collapse{
    display:none;
}
.navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon.expanded > .collapse{
    display:unset;
}

.navbarpro-horver > .wrapper > .navbar > li > .dropdown{
    list-style:none;
    margin:0px;
    padding:0px;
    display:flex;
    flex-direction:column;        
    display:none;
}
.navbarpro-horver > .wrapper > .navbar > li > .dropdown > li{
    border-top:1px solid;
}
.navbarpro-horver > .wrapper > .navbar > li > .dropdown > li > a{
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:5px 30px 5px 8px;
    color:inherit;
    transition:all 0.25s;
    white-space:nowrap;
}
.navbarpro-horver > .wrapper > .navbar > li > .dropdown > li > a > .icon{
    padding-left:5px;
}
.navbarpro-horver > .wrapper > .navbar > li > .dropdown > li > a > .text{
    flex-grow:1;
}

.navbarpro-horver > .wrapper > .navbar > li:hover > a,
.navbarpro-horver > .wrapper > .navbar > li > .dropdown > li:hover > a,
.navbarpro-horver > .wrapper > .navbar > li.active > a,
.navbarpro-horver > .wrapper > .navbar > li > .dropdown > li.active > a{
    background-color:#eee;
    color:#000;
}


/* formats */
/* dark */
.navbarpro-horver.dark > .wrapper > .header > .toggle:hover,
.navbarpro-horver.dark > .wrapper > .navbar > li:hover > a,
.navbarpro-horver.dark > .wrapper > .navbar > li > .dropdown > li:hover > a,
.navbarpro-horver.dark > .wrapper > .navbar > li.active > a,
.navbarpro-horver.dark > .wrapper > .navbar > li > .dropdown > li.active > a{
    background-color:rgba(0,0,0, 0.2);
    color:unset;
}

/* light */
.navbarpro-horver.light > .wrapper > .header > .toggle:hover,
.navbarpro-horver.light > .wrapper > .navbar > li:hover > a,
.navbarpro-horver.light > .wrapper > .navbar > li > .dropdown > li:hover > a,
.navbarpro-horver.light > .wrapper > .navbar > li.active > a,
.navbarpro-horver.light > .wrapper > .navbar > li > .dropdown > li.active > a{
    background-color:rgba(255, 255, 2555, 0.2);
    color:unset;
}

/* primary */
.navbarpro-horver.primary > .wrapper > .header > .toggle:hover,
.navbarpro-horver.primary > .wrapper > .navbar > li:hover > a,
.navbarpro-horver.primary > .wrapper > .navbar > li > .dropdown > li:hover > a,
.navbarpro-horver.primary > .wrapper > .navbar > li.active > a,
.navbarpro-horver.primary > .wrapper > .navbar > li > .dropdown > li.active > a{
    background-color:var(--primary-base-bg);
    color:var(--primary-base-color);
}

/* secondary */
.navbarpro-horver.secondary > .wrapper > .header > .toggle:hover,
.navbarpro-horver.secondary > .wrapper > .navbar > li:hover > a,
.navbarpro-horver.secondary > .wrapper > .navbar > li > .dropdown > li:hover > a,
.navbarpro-horver.secondary > .wrapper > .navbar > li.active> a,
.navbarpro-horver.secondary > .wrapper > .navbar > li > .dropdown > li.active > a{
    background-color:var(--secondary-base-bg);
    color:var(--secondary-base-color);
}


/* no-responsive */
.navbarpro-horver.no-responsive > .wrapper > .header > .toggle{
    display:none;
}
.navbarpro-horver.no-responsive > .wrapper > .navbar{
    display:flex;
}

/* no-border */
.navbarpro-horver.no-border > .wrapper > .navbar > li,
.navbarpro-horver.no-border > .wrapper > .navbar > li > .dropdown > li{
    border:unset;
}

/* no-rounded */
.navbarpro-horver.rounded > .wrapper > .navbar > li > a,
.navbarpro-horver.rounded > .wrapper > .navbar > li > .dropdown{
    border-radius:15px;
    overflow:hidden;
}










/* Small devices (tablets, 768px and up) */
@media (min-width: 768) {
}




/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbarpro-horver{}
    .navbarpro-horver > .wrapper{
        flex-direction:row;
        align-items:center;
    }

    .navbarpro-horver > .wrapper > .header{
        border-top:unset;
        padding-left:var(--gutter-base);
    }
    .navbarpro-horver > .wrapper > .header > .brand{
    }
    .navbarpro-horver > .wrapper > .header > .brand > img{}
    .navbarpro-horver > .wrapper > .header > .brand > .text{
    }
    .navbarpro-horver > .wrapper > .header > .toggle{
        display:none;
    }
    .navbarpro-horver > .wrapper > .header > .toggle:hover{
    }
    .navbarpro-horver > .wrapper > .header > .toggle > i{    
    }

    .navbarpro-horver > .wrapper > .navbar{
        display:flex;
        flex-direction:row;
    }
    .navbarpro-horver > .wrapper > .navbar > li{
        border-top:unset;
    }
    .navbarpro-horver > .wrapper > .navbar > li > a{
    }
    .navbarpro-horver > .wrapper > .navbar > li > a > .icon{
    }
    .navbarpro-horver > .wrapper > .navbar > li > a > .text{
    }
    .navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon{}
    .navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon .dropdown{
        display:unset;
    }
    .navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon > .expand{
        display:none;
    }
    .navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon.expanded > .expand{
        display:none;
    }
    .navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon > .collapse{
        display:none;
    }
    .navbarpro-horver > .wrapper > .navbar > li > a > .dropdown-icon.expanded > .collapse{
        display:unset;
    }

    .navbarpro-horver > .wrapper > .navbar > li > .dropdown{
        z-index:1;
        position:absolute;
    }
    .navbarpro-horver > .wrapper > .navbar > li:hover > .dropdown{
        display:flex;    
    }
    .navbarpro-horver > .wrapper > .navbar > li > .dropdown > li{
    }

    .navbarpro-horver > .wrapper > .navbar > li > .dropdown > li:first-child{
        border-top:unset;
    }
    .navbarpro-horver > .wrapper > .navbar > li > .dropdown > li > a{
        padding:4px 8px;
    }
    .navbarpro-horver > .wrapper > .navbar > li > .dropdown > li > a > .icon{
        padding-left:5px;
    }
    .navbarpro-horver > .wrapper > .navbar > li > .dropdown > li > a > .text{
        flex-grow:1;
    }
}




/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1367px) {
}