/*
|--------------------------------------------------------------------------
| SSI LAYERED NAVIGATION
|--------------------------------------------------------------------------
*/

#ssiMobileOffcanvas{
    max-width:450px;
    width:100vw;
}

#ssiMobileOffcanvas .offcanvas-body{
    display:flex;
    flex-direction:column;
}

#ssiMobileOffcanvas .offcanvas-body > nav{
    flex:1;
}
.offcanvas.offcanvas-end{border-left:none!important;}

#ssiMobileOffcanvas button{
    font-weight:900!important;
}
#ssiMobileOffcanvas a,
#ssiMobileOffcanvas button{
    letter-spacing:.02em;
    padding-left:1rem;
    padding-right:1rem;
}
#ssiMobileParts, #ssiMobileEquipment, #ssiMobileSupport, #ssiMobileCompany{background-color:#eeeeee;}
#ssiMobileOffcanvas .collapse a{
    font-size:.85rem;
    
}


/* =========================================================
   ROOT
========================================================= */

#ssiLayeredNavHeaderV1{
    position:relative;
    z-index:1050;
    background:#141414;
    box-shadow:0 5px 25px rgba(0,0,0,.22);
}

#ssiLayeredNavHeaderV1 .ssi-layered-container{
    width:100%;
    max-width:1720px;
    margin:0 auto;
    padding-right:30px;
    padding-left:30px;
}


/* =========================================================
   SUPPORT BAR
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar{
    background:#080808;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#fff;
}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-inner{
    display:flex;
    min-height:42px;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-phone{
    display:flex;
    min-width:0;
    align-items:center;
    gap:9px;
}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-pulse{
    position:relative;
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:#d60000;
}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-pulse::after{
    content:"";
    position:absolute;
    inset:-5px;
    border:1px solid rgba(214,0,0,.65);
    border-radius:50%;
    animation:ssiLayeredNavPulseV1 1.8s infinite;
}

@keyframes ssiLayeredNavPulseV1{

    0%{
        opacity:1;
        transform:scale(.65);
    }

    100%{
        opacity:0;
        transform:scale(1.5);
    }

}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-label{
    color:#fff !important;
    font-size:11px;
    font-weight:800;
    letter-spacing:.10em;
}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-phone > a{
    color:#fff;
    font-size:14px;
    font-weight:800;
    text-decoration:none;
}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-phone > a:hover{
    color:#d60000;
}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-copy{
    margin-left:6px;
    padding-left:14px;
    border-left:1px solid rgba(255,255,255,.15);
    color:rgba(255,255,255,.45);
    font-size:12px;
}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-links{
    align-items:center;
    gap:24px;
}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-links a{
    color:white;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
    transition:.18s ease;
}

#ssiLayeredNavHeaderV1 .ssi-layered-supportbar-links a:hover{
    color:#fff;
}


/* =========================================================
   MAIN NAV
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-main{
    min-height:88px;
    padding:0;
    background:#d60000;
}


/* =========================================================
   BRAND
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-brand{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0;
    padding:0;
    text-decoration:none;
}

#ssiLayeredNavHeaderV1 .ssi-layered-brand-mark{
    display:flex;
    width:58px;
    height:50px;
    flex:0 0 58px;
    align-items:center;
    justify-content:center;
    background:#d60000;
    color:#fff !important;
    font-size:22px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.03em;
}

#ssiLayeredNavHeaderV1 .ssi-layered-brand-copy{
    display:flex;
    flex-direction:column;
    line-height:1;
}

#ssiLayeredNavHeaderV1 .ssi-layered-brand-copy strong{
    color:#fff;
    font-size:17px;
    font-weight:900;
}

#ssiLayeredNavHeaderV1 .ssi-layered-brand-copy small{
    margin-top:6px;
    color:rgba(255,255,255,.43);
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}


/* =========================================================
   BODY
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-body{
    display:flex;
    align-items:center;
    padding:0;
}

#ssiLayeredNavHeaderV1 .ssi-layered-navlist{
    gap:4px;
}


/* =========================================================
   MAIN NAV LINKS
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-mainlink{
    position:relative;
    padding:34px 15px !important;
    color:rgba(255,255,255,.78);
    font-size:13px;
    font-weight:800;
    letter-spacing:.035em;
    text-transform:uppercase;
    transition:.18s ease;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mainlink::before{
    content:"";
    position:absolute;
    right:15px;
    bottom:25px;
    left:15px;
    height:3px;
    background:#d60000;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .2s ease;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mainlink:hover,
#ssiLayeredNavHeaderV1 .ssi-layered-mainlink.show{
    color:#fff;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mainlink:hover::before,
#ssiLayeredNavHeaderV1 .ssi-layered-mainlink.show::before{
    transform:scaleX(1);
}


/* Bootstrap caret */

#ssiLayeredNavHeaderV1 .ssi-layered-mainlink.dropdown-toggle::after{
    margin-left:7px;
    vertical-align:.17em;
    opacity:.5;
}


/* =========================================================
   PRIMARY SUPPORT CTA
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-actions{
    margin-left:18px;
}

#ssiLayeredNavHeaderV1 .ssi-layered-support-button{
    display:flex;
    min-height:52px;
    align-items:center;
    gap:19px;
    padding:7px 21px;
    border:1px solid white;
    border-radius:0;
    background:transparent;
    color:#fff;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    transition:.2s ease;
}

#ssiLayeredNavHeaderV1 .ssi-layered-support-button:hover{
    background:#fff;
    border-color:#fff;
    color:#111;
}
/*
#ssiLayeredNavHeaderV1 .ssi-layered-support-button-icon{
    display:flex;
    width:38px;
    height:38px;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#111 !important;
    transition:.2s ease;
}
*/
/*
#ssiLayeredNavHeaderV1 .ssi-layered-support-button:hover .ssi-layered-support-button-icon{
    background:#111;
    color:#fff !important;
}

*/

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

#ssiLayeredNavHeaderV1 .ssi-layered-megamenu{
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:white;
    box-shadow:0 24px 60px rgba(0,0,0,.45);
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-column{
    padding:36px;
    border-right:1px solid rgba(255,255,255,.08);
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-heading{
    display:block;
    margin-bottom:22px;
    color:rgba(0,0,0) !important;
    font-size:16px;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
}


/* =========================================================
   EQUIPMENT LINKS
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-feature-link{
    display:flex;
    gap:14px;
    align-items:center;
    margin-bottom:8px;
    padding:14px;
    color:black;
    text-decoration:none;
    transition:.18s ease;
}

#ssiLayeredNavHeaderV1 .ssi-layered-feature-link:hover{
    background:#eeeeee;
    color:#fff;
    transform:translateX(4px);
}

#ssiLayeredNavHeaderV1 .ssi-layered-feature-icon{
    display:flex;
    width:42px;
    height:42px;
    flex:0 0 42px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.12);
    background:#0d0d0d;
    color:#fff !important;
    font-size:17px;
    transition:.18s ease;
}

#ssiLayeredNavHeaderV1 .ssi-layered-feature-link:hover .ssi-layered-feature-icon{
    border-color:#d60000;
    background:#d60000;
}

#ssiLayeredNavHeaderV1 .ssi-layered-feature-copy{
    min-width:0;
}
.ssi-layered-simple-links a span{text-transform:uppercase;}
.ssi-layered-simple-links a i{color:black;}
#ssiLayeredNavHeaderV1 .ssi-layered-feature-copy strong{
    display:block;
    text-transform:uppercase;
    margin-bottom:3px;
    color:black;
    font-size:14px;
    font-weight:800;
}

#ssiLayeredNavHeaderV1 .ssi-layered-feature-copy small{
    display:block;
    color:rgba(0,0,0,.75);
    font-size:12px;
}

#ssiLayeredNavHeaderV1 .ssi-layered-viewall{
    display:inline-flex;
    align-items:center;
    margin-top:13px;
    color:#d60000;
    font-size:12px;
    font-weight:900;
    letter-spacing:.04em;
    text-decoration:none;
    text-transform:uppercase;
}

#ssiLayeredNavHeaderV1 .ssi-layered-viewall:hover{
    color:#d77777;
}


/* =========================================================
   SPECIALIZED SERVICE LINKS
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-simple-links{
    display:flex;
    flex-direction:column;
}

#ssiLayeredNavHeaderV1 .ssi-layered-simple-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:rgba(0,0,0,.76);
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    transition:.18s ease;
}

#ssiLayeredNavHeaderV1 .ssi-layered-simple-links a i{
    color:black;
    font-size:11px;
    transition:.18s ease;
}

#ssiLayeredNavHeaderV1 .ssi-layered-simple-links a:hover{
    padding-left:5px;
    color:#d60000;
}

#ssiLayeredNavHeaderV1 .ssi-layered-simple-links a:hover i{
    color:#d60000;
    transform:translateX(4px);
}


/* =========================================================
   MEGA SUPPORT PANEL
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-mega-support{
    height:100%;
    padding:38px;
    background:#0a0a0a;
    border-left:1px solid rgba(255,255,255,.05);
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-support-kicker{
    display:block;
    margin-bottom:15px;
    color:#d60000 !important;
    font-size:10px;
    font-weight:900;
    letter-spacing:.13em;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-support h3{
    max-width:360px;
    margin-bottom:14px;
    color:#fff;
    font-size:32px;
    line-height:.95;
    font-weight:900;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-support p{
    max-width:390px;
    margin-bottom:25px;
    color:rgba(255,255,255,.52) !important;
    font-size:14px;
    line-height:1.5;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-support-button{
    padding:13px 19px;
    border:1px solid white;
    border-radius:0;
    background:transparent;
    color:#fff;
    font-size:12px;
    font-weight:800;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-support-button:hover{
    border-color:#fff;
    background:#fff;
    color:#111;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-phone{
    margin-top:28px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.10);
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-phone span{
    display:block;
    margin-bottom:5px;
    color:rgba(255,255,255,.35) !important;
    font-size:10px;
    font-weight:800;
    letter-spacing:.1em;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-phone a{
    color:#fff;
    font-size:19px;
    font-weight:900;
    text-decoration:none;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mega-phone a i{
    color:#d60000;
}


/* =========================================================
   SMALL DROPDOWNS
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-smallmenu{
    min-width:305px;
    margin-top:0;
    padding:10px;
    border:0;
    border-radius:0;
    background:white;
    box-shadow:0 20px 48px rgba(0,0,0,.42);
}

#ssiLayeredNavHeaderV1 .ssi-layered-smallmenu-item{
    padding:13px 14px;
    color:black;
    text-transform:uppercase;
    font-size:13px;
    font-weight:700;
    white-space:normal;
    transition:.18s ease;
}

#ssiLayeredNavHeaderV1 .ssi-layered-smallmenu-item:hover{
    padding-left:19px;
    background:#242424;
    color:#fff;
}

#ssiLayeredNavHeaderV1 .ssi-layered-smallmenu-feature{
    margin-bottom:5px;
    padding-top:15px;
    padding-bottom:15px;
    border-bottom:1px solid rgba(255,255,255,.09);
}

#ssiLayeredNavHeaderV1 .ssi-layered-smallmenu-feature strong{
    display:block;
    color:black;
    font-size:14px;
}

#ssiLayeredNavHeaderV1 .ssi-layered-smallmenu-feature small{
    display:block;
    margin-top:3px;
    color:rgba(0,0,0,.38);
    font-size:11px;
}


/* =========================================================
   TOGGLER
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-toggler{
    width:48px;
    height:48px;
    padding:10px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:0;
    background:#090909;
}

#ssiLayeredNavHeaderV1 .ssi-layered-toggler:focus{
    box-shadow:none;
}

#ssiLayeredNavHeaderV1 .ssi-layered-toggler span{
    display:block;
    width:100%;
    height:2px;
    margin:5px 0;
    background:#fff;
}


/* =========================================================
   MOBILE HEADER
========================================================= */

#ssiLayeredNavHeaderV1 .ssi-layered-mobile-header{
    padding:18px 20px;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:#151515;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mobile-brand{
    display:flex;
    align-items:center;
    gap:12px;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mobile-brand strong{
    color:#fff;
    font-size:16px;
    font-weight:900;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mobile-support{
    padding:22px;
    background:#080808;
    border-bottom:1px solid rgba(255,255,255,.08);
}

#ssiLayeredNavHeaderV1 .ssi-layered-mobile-support span{
    display:block;
    margin-bottom:6px;
    color:rgba(255,255,255,.38) !important;
    font-size:10px;
    font-weight:800;
    letter-spacing:.1em;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mobile-support a{
    color:#fff;
    font-size:20px;
    font-weight:900;
    text-decoration:none;
}

#ssiLayeredNavHeaderV1 .ssi-layered-mobile-support a i{
    color:#d60000;
}


/* =========================================================
   DESKTOP
========================================================= */

@media(min-width:1200px){

    #ssiLayeredNavHeaderV1 .ssi-layered-mega-parent{
        position:static;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-megamenu{
        top:100%;
        right:30px;
        left:30px;
        width:auto;
        max-width:1660px;
        margin:0 auto;
    }


    /* Hover all dropdowns */

    #ssiLayeredNavHeaderV1 .ssi-layered-dropdown:hover > .dropdown-menu{
        display:block;
        margin-top:0;
    }

}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media(max-width:1199.98px){

    #ssiLayeredNavHeaderV1 .ssi-layered-main{
        min-height:75px;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-offcanvas{
        width:min(430px,92vw);
        background:#151515;
        color:#fff;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-body{
        display:block;
        overflow-y:auto;
        background:#151515;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-navlist{
        align-items:stretch !important;
        gap:0;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-dropdown{
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-mainlink{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:18px 22px !important;
        color:#fff;
        font-size:14px;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-mainlink::before{
        display:none;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-megamenu,
    #ssiLayeredNavHeaderV1 .ssi-layered-smallmenu{
        width:100%;
        min-width:0;
        margin:0;
        padding:0;
        border:0;
        border-top:1px solid rgba(255,255,255,.08);
        box-shadow:none;
        background:#0e0e0e;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-mega-column{
        padding:24px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-mega-support{
        padding:28px 24px;
        border-left:0;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-smallmenu{
        padding:8px 14px 16px;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-actions{
        margin:22px;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-support-button{
        justify-content:space-between;
        width:100%;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:767.98px){

    #ssiLayeredNavHeaderV1 .ssi-layered-container{
        padding-right:18px;
        padding-left:18px;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-supportbar-inner{
        min-height:38px;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-supportbar-label,
    #ssiLayeredNavHeaderV1 .ssi-layered-supportbar-copy{
        display:none;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-brand-copy strong{
        font-size:15px;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-brand-copy small{
        font-size:9px;
    }

    #ssiLayeredNavHeaderV1 .ssi-layered-brand-mark{
        width:52px;
        height:46px;
        flex-basis:52px;
    }

}