/* submenu bar */

.part-showsubmenu {
    text-align:center;
    background-color:#f0f0f0;
    
}

.part-showsubmenu .component-body {
    display:inline-block;
}

.part-showsubmenu ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

.part-showsubmenu .component-body > ul::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

.part-showsubmenu .component-body > ul li {
    margin:0;
    padding:0;
    float:left;
    position:relative;
}

.part-showsubmenu .component-body > ul li::before {
    display:none;
}

.part-showsubmenu .component-body > ul li a {
    display:block;
    color:var(--pri);
    font-size:14px;
    text-transform:uppercase;
    padding:10px 20px;
    transition:0.5s;
}

.part-showsubmenu .component-body > ul li a:hover {
    background-color:var(--pri);
    color:#ffffff;
}

.part-showsubmenu .component-body > ul > li.activeli > a {
    background-color:var(--pri);
    color:#ffffff;
}

.part-showsubmenu .component-body > ul li ul {
    width:300px;
    position:absolute;
    z-index:9;
    top:100%;
    left:0;
    background-color:#ffffff;
    border-left:solid 3px #f0f0f0;
    border-right:solid 3px #f0f0f0;
    border-bottom:solid 3px #f0f0f0;
}

.part-showsubmenu .component-body > ul li ul ul {
    position:static;
}

.part-showsubmenu .component-body > ul li ul li {
    float:none;
    border-bottom:solid 1px #f0f0f0;
}

.part-showsubmenu .component-body > ul li ul li:last-child {
    border:none;
}

@media only screen and (min-width:1324px) {
    .part-showsubmenu .component-body > ul li a {
        font-size:1vw;
        padding:0.6vw 1.5vw;
    }

    .part-showsubmenu .component-body > ul li ul {
        width:15.625vw;
        border-left:solid 0.156vw #f0f0f0;
        border-right:solid 0.156vw #f0f0f0;
        border-bottom:solid 0.156vw #f0f0f0;
    }

    .part-showsubmenu .component-body > ul li ul li {
        border-bottom:solid 0.052vw #f0f0f0;
    }
}

@media only screen and (max-width:993px) {
    .part-showsubmenu .component-body {
        display:block;
    }
    
    .part-showsubmenu .component-body > ul li ul {
        width:100%;
        border:none;
    }

    .part-showsubmenu .component-body > ul li {
        position:static;
        float:none;
    }
}

/* submenu bar end */