header.megamenuopened .menuholder,
body.navaffix header .menuholder {
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}


/** MEGAMENU **/

.megamenuwrap {
    display: none
}

@media (min-width: 992px) {
    .megamenuwrap .container-fluid {
        padding: 0
    }

    #nav li.opened:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        height: 20px;
        width: 20px;
        margin: 8px 0 0 -10px;
        border-bottom: 10px solid #fff;
    }

    .megamenuinner {
        display: none;
        padding: 0 var(--main-padding)
    }

    .megamenuinner.in {
        display: block;
    }

    .megamenuinner.in:hover, .megamenuinner:hover {
        display: block;
    }

    .megamenucontainer a {
        text-decoration: none;
        color: #454545;
        font-size: .86rem;
    }

    .megamenu-group-title { font-weight: 700; font-size: 1rem}

    .megamenuinner a:hover {
        color: var(--main-light-color)
    }

    .megamenucontainer {
        display: none;
        overflow: hidden;
        padding: 2rem 0;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }


    header .megamenuwrap {
        max-height: 75vH;
        overflow: auto;
        display: block;
    }

    .megamenucontainer img.menuimage {
        max-height: 125px;
        max-width: 125px;
    }

}