﻿.submenu-products *, .submenu-products *::before, .submenu-products *::after {
    box-sizing: border-box;
}
.header .main-menu > li:first-of-type .submenuCon {
    width: 100%;
    max-height: calc(100vh - 61px);
    background-color: #f0f1f5;
    overflow-y: auto;
}
.submenu-products {
    padding: 0 2.5% 0;
    width: 100%;
    margin: 0 auto;
}
.submenu-products .submenu-products-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
    max-width: 1400px;
}
.submenu-products article {
    width: calc(100% / 4);
    padding: 0 20px;
}       

.submenu-products article strong {
    display: block;
    margin: 25px 0 0;
    font-weight: 500;
}
.submenu-products article strong a {
    color: #d0343a;
}
.submenu-products article ul {
    margin: 5px 0 30px !important;
}
.submenu-products article ul li {
    padding: 4px 0 !important;
}
.submenu-products a {
    position: relative;
    display: inline-block !important;
    line-height: 1.25;
    white-space: inherit !important;
    word-wrap: break-word !important;
    color: #444;
}
.submenu-products a:after {
    content: "";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 1px;
    background-color: #444;
    visibility: visible;
    transition: all 0.3s ease;
}
.submenu-products article strong a:after {
    background-color: #d0343a;
}
.submenu-products article ul li a {
    font-size: 1.55rem;
}
@media screen and (min-width: 980px) {
    .header .main-menu {
        padding: 0 0 0 calc(2.5% + 168px);
    }
    .submenu-products article ul li a:hover {
        color: #444;
    }
    .submenu-products a:hover:after {
        width: 100%;
    }
}
@media only screen and (min-width: 980px) and (max-width: 1270px) {
    .header .main-menu > li:first-of-type .submenuCon {
        top: 116px;
        max-height: calc(100vh - 116px);
    }
}
@media (min-width: 1280px) {
    .submenu-products {
        padding: 0 2.5% 0 calc(2.5% + 168px);
    }
}

@media only screen and (max-width: 996px) {
    .header .header-mobile .main-menu > li {
        border: none !important;
    }
    .header .header-mobile .main-menu > li > a {
        padding: 16px 4% 14px;
    }
    .header .header-mobile .main-menu li a {
        margin-bottom: 0;
        box-shadow: inset 0 1px rgba(255, 255, 255, .25), inset 0 -1px rgba(0, 0, 0, .25);
    }
    .header .header-mobile .main-menu li.productsCon .submenuCon a, .header .header-mobile .main-menu li.industryCon .submenuCon a {
        color: #000 !important;
    }
    .header .header-mobile .main-menu li.ContactMenuCon .submenuCon a.activeSubMenu {
        box-shadow: none;
    }
    .header .header-mobile .main-menu li .submenuCon .subMenuMobile {
        background-color: #c1c1c1;
        padding: 8px 0 !important;
        box-shadow: 0 3px 6px -3px rgba(0, 0, 0, .15) inset, 0 -3px 6px -3px rgba(0, 0, 0, .15) inset;
    }
    .header .header-mobile .main-menu li .submenuCon .subMenuMobile a {
        background-color: transparent;
        box-shadow: none;
        padding: 10px 15px 10px 40px !important;
    }
    .header .header-mobile .main-menu li .submenuCon .subMenuMobile a, .header .header-mobile .main-menu li .submenuCon .subMenuMobile a .block-txt {
        color: #000 !important;
    }
    .sub-menu-link-1 {
        background-color: #fff !important;
    }
    .sub-menu-link-1.activeSubMenu, .sub-menu-link-2.activeSubMenu, .sub-menu-link-3.activeSubMenu {
        background-color: #fff !important;
    }
    a.sub-menu-link-1 a.sub-menu-link-2, a.sub-menu-link-3 {
        position: relative;
    }
    a.sub-menu-link-1 .mobileClick, a.sub-menu-link-2 .mobileClick, a.sub-menu-link-3 .mobileClick {
        font: 0/0 a;
        color: transparent;
    }
    a.sub-menu-link-1 .mobileClick:after, a.sub-menu-link-2 .mobileClick:after, a.sub-menu-link-3 .mobileClick:after {
        content: "\f107";
        font-family: 'FontAwesome';
        color: #d0343a;
        display: inline-block;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        font-size: 15px;
    }
    a.sub-menu-link-1.activeSubMenu .mobileClick:after, a.sub-menu-link-2.activeSubMenu .mobileClick:after, a.sub-menu-link-3.activeSubMenu .mobileClick:after {
        transform: rotate(-180deg);
    }
    .linkClass:after {
        content: "\f107";
        font-family: 'FontAwesome';
        color: #FFF;
        display: inline-block;
        position: absolute;
        right: 60px;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    .activeLink .linkClass:after {
        content: "\f107" !important;
        transform: rotate(-180deg);
    }

    body > div.header.module-HeaderComponent.style6.push-right > div.header-mobile > div:nth-child(4) > div > div > ul > div > div > div > div.memberBox > ul > li > a
    {
        box-shadow: unset!important; 
    }
}

/* ADLINK-205: Update Mega Menu Z-Index */
.intercom-lightweight-app {
    z-index: 500!important;
}