/*====================================================
            PREMIUM MEGA MENU - INSTRUMEX
====================================================*/

.mega-menu{
    position:static !important;
}

.mega-dropdown{

    position:absolute;
    left:0;
    top:100%;

    width:100%;
    height:auto;

    background:linear-gradient(180deg,#1877BA 0%,#0A69AF 100%);

    visibility:hidden;
    opacity:0;

    transform:translateY(15px);

    transition:all .35s ease;

    overflow:hidden;

    z-index:9999;

    border-radius:0 0 22px 22px;

    box-shadow:0 25px 60px rgba(0,0,0,.20);

}
.mega-dropdown{
		border-radius:12px;
}

.mega-dropdown.show{

    visibility:visible;

    opacity:1;

    transform:none;

}


/*==========================
Background Image
==========================*/

.mega-bg{

    position:absolute;

    inset:0;

    background:url(images/mega-bg.png)
    no-repeat
    right bottom;

    background-size:650px;

    opacity:.08;

}


/*==========================
Container
==========================*/

.mega-container{

    width:1450px;
    max-width:96%;

    margin:auto;

}

.mega-wrapper{

    display:flex;

    height:650px;

}


/*==========================
LEFT SIDE
==========================*/

.mega-left{

    width:400px;

    background:rgba(255,255,255,.03);

    border-right:1px solid rgba(255,255,255,.15);

}


.mega-category{

    margin:0;
    padding:25px 0;

    list-style:none;

}

.mega-category li{

    position:relative;

    padding:12px 25px;

    color:#fff;

    font-size:17px;

    font-family:"DM Sans", sans-serif;

    font-weight:400;

    line-height:1.4;

    transition:.25s;

    cursor:pointer;

}

.mega-category li:hover{

    background:rgba(255,255,255,.05);

}

.mega-category li.active{

    background:rgba(255,255,255,.08);

    color:#fbd015;

}

.mega-category li.active:before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    bottom:0;

    width:4px;

    background:#7BFF47;

}

.mega-category li.active:after{

  

    position:absolute;

    right:28px;

    top:50%;

    transform:translateY(-50%);

    font-size:28px;

    color:#7BFF47;

}


/*==========================
RIGHT SIDE
==========================*/

.mega-right{

    flex:1;

    padding:25px 60px;

}


/*==========================
PRODUCT PANEL
==========================*/

.mega-products{

    display:none;

}

.mega-products.active{

    display:block;

    width:100%;

}

/*==========================
HEADINGS
==========================*/

.mega-group h4{

    color:#fbd015;

    font-size:14px;

    letter-spacing:1px;

    font-weight:600;

    margin-bottom:10px;

    text-transform:uppercase;

}


/*==========================
PRODUCT LINKS
==========================*/

.mega-group a{

    display:block;

    color:#fff;

    text-decoration:none;

    font-size:17px;

    font-weight:500;

    line-height:1.15;

    margin-bottom:10px;

    transition:.25s;

}

.mega-group a:hover{

    color:#9BFF66;

    padding-left:8px;

}


/*==========================
SCROLL
==========================*/

.mega-right{

    overflow-y:auto;

}

.mega-right::-webkit-scrollbar{

    width:7px;

}

.mega-right::-webkit-scrollbar-thumb{

    background:rgba(255,255,255,.20);

    border-radius:20px;

}


/*==========================
Animation
==========================*/

@keyframes fadeMenu{

from{

opacity:0;

transform:translateY(10px);

}

to{

opacity:1;

transform:none;

}

}


/*==========================
Responsive
==========================*/

@media(max-width:1200px){

.mega-products.active{

grid-template-columns:repeat(2,1fr);

}

}

/*@media(max-width:991px){

.mega-dropdown{

display:none;

}*/

}



@media(max-width:991px){

.mobile-mega{

display:block;

}

}
/*=========================================
        NORMAL DROPDOWN MENU
=========================================*/

.submenu{
    position:relative;
}

/* Dropdown Box */

.normal-dropdown{

    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);

    width:300px;

    background:#ffffff;

    border-radius:12px;

    padding:8px 0;

    margin-top:12px;

    list-style:none;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

    opacity:0;
    visibility:hidden;

    transition:all .3s ease;

    z-index:9999;
}

/* Show Dropdown */

.submenu:hover > .normal-dropdown{

    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);

}

/* Remove Theme Spacing */

.normal-dropdown li{

    margin:0 !important;
    padding:0 !important;

}

/* Links */

.normal-dropdown li a{

    display:block;

    padding:14px 24px !important;

    margin:0 !important;

    color:#333;

    font-size:16px;

    font-weight:500;

    line-height:1.4;

    text-decoration:none;

    transition:all .25s ease;

}

/* Hover */

.normal-dropdown li a:hover{

    background:#F4F8FC;

    color:#0A74B8;

    padding-left:30px !important;

}

/* Rounded Corners */

.normal-dropdown li:first-child a{

    border-radius:12px 12px 0 0;

}

.normal-dropdown li:last-child a{

    border-radius:0 0 12px 12px;

}

/*====================================================
        MOBILE MEGA MENU
====================================================*/

@media (max-width: 991px){

    /* Mega menu becomes normal mobile block */
    .mega-menu{
        position:relative !important;
    }

    .mega-dropdown{
        position:relative !important;

        top:auto;
        left:auto;

        width:100%;

        display:none;

        visibility:visible !important;
        opacity:1 !important;

        transform:none !important;

        background:#0A69AF;

        border-radius:0;

        box-shadow:none;

        overflow:visible;

        transition:none;
    }

    .mega-dropdown.show{
        display:block !important;
    }

    /* Remove desktop container sizing */

    .mega-container{
        width:100%;
        max-width:100%;

        margin:0;
    }

    .mega-wrapper{
        display:block;
        height:auto;
    }

    /* Hide background image */

    .mega-bg{
        display:none;
    }

    /* LEFT CATEGORY */

    .mega-left{
        width:100%;

        background:transparent;

        border-right:0;
    }

    .mega-category{
        margin:0;
        padding:0;
    }

    .mega-category li{
        padding:13px 20px;

        font-size:15px;

        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .mega-category li.active{
        background:rgba(255,255,255,.08);

        color:#fbd015;
    }

    .mega-category li.active:before{
        width:3px;
    }

    .mega-category li.active:after{
        right:20px;

        font-size:20px;

        content:"-";
    }

    .mega-category li:not(.active):after{
        content:"+";

        position:absolute;

        right:20px;

        top:50%;

        transform:translateY(-50%);

        color:#7BFF47;

        font-size:20px;
    }

    /* RIGHT SIDE */

    .mega-right{
        width:100%;

        padding:0;

        overflow:visible;
    }

    /* Product panels */

    .mega-products{
        display:none;

        padding:15px 20px 20px;

        width:100%;
    }

    .mega-products.active{
        display:block;

        width:100%;
    }

    /* Product group */

    .mega-group{
        margin-bottom:20px;
    }

    .mega-group h4{
        font-size:12px;

        line-height:1.4;

        margin:0 0 8px;
    }

    .mega-group a{
        font-size:14px;

        line-height:1.4;

        margin-bottom:8px;

        padding:4px 0;
    }

    .mega-group a:hover{
        padding-left:0;
    }

    /* Hide product image on mobile */

    .mega-image{
        display:none;
    }

}

/*====================================================
        MOBILE NORMAL DROPDOWN
====================================================*/

@media (max-width: 991px){

    /* Submenu container */
    .submenu{
        position:relative !important;
    }

    /* Hide dropdown by default */
    .submenu > .normal-dropdown{

        position:relative !important;

        top:auto !important;
        left:auto !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;

        background:#0A69AF !important;

        border-radius:0 !important;

        box-shadow:none !important;

        opacity:1 !important;
        visibility:visible !important;

        display:none;

        transition:none !important;
    }

    /* Show when opened */
    .submenu.mobile-open > .normal-dropdown{
        display:block !important;
    }

    /* Main submenu link */
    .submenu > a.nav-link{

        position:relative;

        padding-right:45px !important;
    }

    /* + icon */
    .submenu > a.nav-link:after{

        content:"+";

        position:absolute;

        right:20px;

        top:50%;

        transform:translateY(-50%);

        font-size:22px;

        font-weight:400;

        color:#7BFF47;
    }

    /* - icon when open */
    .submenu.mobile-open > a.nav-link:after{

        content:"-";
    }

    /* Dropdown items */
    .submenu > .normal-dropdown > li{

        display:block !important;

        width:100% !important;

        margin:0 !important;

        padding:0 !important;

        border-bottom:1px solid rgba(255,255,255,.10);
    }

    /* Dropdown links */
    .submenu > .normal-dropdown > li > a{

        display:block !important;

        width:100% !important;

        padding:11px 30px !important;

        margin:0 !important;

        color:#fff !important;

        background:transparent !important;

        font-size:14px !important;

        line-height:1.4 !important;

        text-decoration:none !important;
    }

    /* Mobile hover/tap style */
    .submenu > .normal-dropdown > li > a:hover{

        padding-left:30px !important;

        color:#fbd015 !important;

        background:rgba(255,255,255,.05) !important;
    }

}


.mega-image{

    position:absolute;

    right:40px;

    bottom:20px;

    top:auto;

    transform:none;

    width:380px;

    text-align:right;

}

.mega-image img{

    max-width:420px;

    max-height:340px;

    object-fit:contain;

}

.mega-image img{

    filter:drop-shadow(0 12px 25px rgba(0,0,0,.25));

}

.mega-products{

    position:relative;

    z-index:2;

}

.mega-image img{

    transition:opacity .3s ease, transform .3s ease;

}