#btnLogin {
        color:#000;
    }

    @media screen and (min-width: 768px) {
        body {
            padding-top: 184px;
        }
    }

    @media screen and (max-width: 999px) {
        body {
            padding-top: 115px;
        }
    }

    @media (max-width: 767px) {
        body {
            padding-top: 0;
        }
    }

    .ees-header .label-primary {
        background-color: #0054a4;
    }
    .ees-header .label {
        display: inline;
        padding: .2em .6em .3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em;
    }

    .ees-header .hidden{
        display: none !important;
    }

    .ees-header .navbar-cart{
        padding-bottom: 17px;
        padding-left: 34px !important;
        background: url(/images/icons/mobile/cart.outline.png) 5px 14px no-repeat;
        min-height: 48px;
        color: white;
    }

    .ees-header .navbar-cart span{
        margin-top: 9px;
    }

    .ees-header .sidenav-cart .filled {
        color: #005fb9;
        background: url(/images/icons/mobile/cart.blue.png) 
    }

    .ees-header .sidenav-cart {
        padding-left: 35px !important;
        margin-left: 10px;
        color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity));
        background: url(/images/icons/mobile/cart.black.png) 0 14px no-repeat;
    }

    .ees-header .navbar-sm-cart.filled:hover {
        color: #fffc75;
        text-decoration: none;
        background-image: url(/images/icons/mobile/cart.filled.hover.png);
    }

    .ees-header .sidenav-cart .label {
        display: none;
    }

    .ees-header .sidenav-cart.filled .label {
        display: inline;
    }

    .ees-header .navbar-sm-cart.filled {
        padding: 15px 0 15px 28px;
        color: #fbc02d;
        background: url(/images/icons/mobile/cart.filled.png) 0 14px no-repeat;
    }

    .ees-header .navbar-sm-cart {
        margin-left: 10px;
        min-height: 48px;
        padding: 15px 15px 15px 28px;
        background: url(/images/icons/mobile/cart.png) 0 14px no-repeat;
    }

    .ees-header .sidenav-cart.filled {
        color: #005fb9;
        background: url(/images/icons/mobile/cart.blue.png) 0 14px no-repeat;
    }

    .ees-header .welcome-container{
        display: inline-block;
        background: #292929;
        border: 1px solid #444;
        border-radius: 3px;
    }

    .ees-header .navbar-cart:hover{
        background-image: url(/images/icons/mobile/cart.white.png);
    }
    
    .ees-header a {
        color: #005fb9;
        cursor: pointer;
    }

    .ees-header .navbar-cart.filled {
        padding-bottom: 17px;
        padding-left: 34px;
        color: #fbc02d;
        background: url(/images/icons/mobile/cart.filled.png) 5px 14px no-repeat;
    }
    
    .ees-header .offcanvas-close {
        position: fixed;
        top: 20px;
        right: 0;
        width: 20%;
        font-size: 200%;
        color: #fff;
        text-align: center;
    }

    .ees-header .offcanvas {
        overflow-x: auto;
        max-width: 300px;
    }
    .ees-header {
        --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-icon-width: 1.25rem;
        --bs-accordion-btn-icon-transform: rotate(-180deg);
        --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
        --bs-dropdown-item-padding-y: .25rem;
        --bs-dropdown-item-padding-x: 1rem;
        --bs-emphasis-color-rgb: 255, 255, 255;
        --bs-link-opacity: 1;
    }

    .ees-header [data-bs-toggle="offcanvas"] {
        border: none;
        background: none;
    }

    .ees-header .offcanvas-header {
        background: #e3e3e3;
    }

    .ees-header li.dropdown-item a i {
        width: 20px;
    }
/* ----- New Styles for Menu specifically (others pre-existing from other new design below) -----------------*/
    
    .ees-header .fs-7 {font-size: .9rem !important;}

    .ees-header .dropdown-item {font-weight: 600;}

    .ees-header .dropdown-menu a, .ees-header .dropdown-item a {text-decoration: none;}
    .ees-header .dropdown-menu a:hover, .ees-header .dropdown-menu a:focus, .ees-header .dropdown-item a:hover, .ees-header .dropdown-item a:focus  {
        color: #00386d;
        text-decoration: underline;
    }
    .ees-header .dropdown-menu li {padding-bottom: 7px;}
    
    .ees-header .nav-link {
      display: flex;
      align-items: center;
    }

    .ees-header .product-categories a span {
        font-size: .8rem;
    }
    .ees-header .product-categories h5 {
        font-size: 1.1rem;
    }

    @font-face {
    font-family: Cheltenham;
    src: url(/css/fonts/cheltenham.woff2) format("woff2");
    }
    @font-face {
    font-family: Overpass;
    src: url(/css/fonts/overpass-webfont/overpass-bold.woff2) format("woff2");
    }

    .ees-header .brand-text {
        font-family: Cheltenham,Palatino,"Palatino Linotype",Constantia,Georgia,"Lucida Bright",Lucidabright,serif;
        font-weight: 600;
        font-variant: small-caps;
        letter-spacing: 1.5px;
    }
    .ees-header .nav-text-overpass, .nav-item h5, .text-overpass {
        font-family: Overpass, Open Sans, Roboto, Helvetica, sans-serif;
        font-weight: 650;
    }
   
    .ees-header .nav-text-overpass > li {
        font-size: .88em
    }
    .ees-header .slogan-text {
        font-size: 0.8em !important;
    }
    .ees-header .text-light-blue {
            color: #9fd1ff !important;
    }

    .ees-header .nav-text-overpass>li>a:focus, .nav-text-overpass>li>a:hover, .nav-text-overpass>li>div>a:hover, .nav-text-overpass>li>form>button:focus, .nav-text-overpass>li>form>button:hover {
        color: #fff;
        text-decoration: none;
        background-color: #333;
    }

/*-- These are from current modern site css for main nav --*/
    
.ees-header .bg-icon {
    font-family: Overpass;
    font-weight: 550;
    padding-left: 28px;
    background-repeat: no-repeat;
    -webkit-background-size: 23px 23px;
    background-size: 23px;
}

.ees-header .bg-icon-einventory {
    background-image: url(/images/icons/mobile/yourinventory.png)
}

.ees-header .bg-icon-express {
    background-image: url(/images/icons/32x32/rapidEntry.black.png)
}

.ees-header .bg-icon-quotes {
    background-image: url(/images/icons/mobile/quote.png)
}

.ees-header .bg-icon-purchasing {
    background-image: url(/images/icons/mobile/recentorders.png)
}

.ees-header .bg-icon-list {
    background-image: url(/images/icons/mobile/list.png)
}

.ees-header .bg-icon-star-purple {
    background-image: url(/images/icons/24x24/star.purple.png)
}

.ees-header .bg-icon-star {
    background-image: url(/images/icons/mobile/star.png)
}

.ees-header .bg-icon-quickselect {
    background-image: url(/images/icons/mobile/quickselect.png)
}

.ees-header .bg-icon-contact {
    background-image: url(/images/icons/mobile/contact.png)
}

.ees-header .bg-icon-info {
    background-image: url(/images/icons/mobile/info.black.png)
}

.ees-header .bg-icon-services {
    background-image: url(/images/icons/mobile/services.png)
}

.ees-header .bg-icon-calendar {
    background-image: url(/images/icons/32x32/calendar.black.png)
}

.ees-header .bg-icon-help {
    background-image: url(/images/icons/mobile/help.png)
}

.ees-header .bg-icon-careers {
    background-image: url(/images/icons/mobile/careers.black.png)
}

.ees-header .bg-icon-references {
    background-image: url(/images/icons/32x32/references.black.png)
}

.ees-header .bg-icon-dashboard {
    background-image: url(/images/icons/mobile/dashboard.png)
}

.ees-header .bg-icon-account-settings {
    background-image: url(/images/icons/mobile/account.settings.black.png)
}

.ees-header .bg-icon-account-purchases {
    background-image: url(/images/icons/mobile/account.purchases.png)
}

.ees-header .bg-icon-payments {
    background-image: url(/images/icons/mobile/payments.png)
}

.ees-header .bg-icon-notifications {
    background-image: url(/images/icons/mobile/settings.png)
}


/*----------------------These rules need to be removed from the ElectricalReferences.css ---------------*/

.ees-header {
    font-size: 1rem;
    line-height: 1.7;
}


.ees-header .btn-group-lg > .btn, 
.ees-header .btn-lg {
    font-size: 1.25rem;
}


.ees-header h1, 
.ees-header h2, 
.ees-header h3, 
.ees-header h4, 
.ees-header h5, 
.ees-header h6 {
    line-height: 1.1;
}

/*----------------------End of rules to be removed from the ElectricalReferences.css ---------------*/

/*----------------------These rules need to be added to the ElectricalReferences.css ---------------*/
        .ees-header .btn {
            font-weight: 600; /* ??? */
        }


/*----------------------End these rules need to be removed from the ElectricalReferences.css ---------------*/


/*----------------------No longer supported in Bootstrap 5  -------------------------------*/
        .ees-header .text-justify {
            text-align: justify;
        }
        
/*----------------------end of No longer supported in Bootstrap 5  -------------------------------*/

/* -----------------------  fonts -----------------------------------------------------------------*/
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-thin.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-thin.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-thin.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-thin.ttf?") format("truetype");
        font-weight: 200;
        font-style: normal;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-thin-italic.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-thin-italic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-thin-italic.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-thin-italic.ttf?") format("truetype");
        font-weight: 200;
        font-style: italic;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-extralight.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-extralight.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-extralight.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-extralight.ttf?") format("truetype");
        font-weight: 300;
        font-style: normal;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-extralight-italic.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-extralight-italic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-extralight-italic.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-extralight-italic.ttf?") format("truetype");
        font-weight: 300;
        font-style: italic;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-light.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-light.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-light.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-light.ttf?") format("truetype");
        font-weight: 400;
        font-style: normal;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-light-italic.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-light-italic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-light-italic.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-light-italic.ttf?") format("truetype");
        font-weight: 400;
        font-style: italic;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-regular.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-regular.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-regular.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-regular.ttf?") format("truetype");
        font-weight: 500;
        font-style: normal;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-italic.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-italic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-italic.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-italic.ttf?") format("truetype");
        font-weight: 500;
        font-style: italic;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-semibold.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-semibold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-semibold.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-semibold.ttf?") format("truetype");
        font-weight: 600;
        font-style: normal;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-semibold-italic.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-semibold-italic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-semibold-italic.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-semibold-italic.ttf?") format("truetype");
        font-weight: 600;
        font-style: italic;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-bold.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-bold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-bold.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-bold.ttf?") format("truetype");
        font-weight: 700;
        font-style: normal;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-bold-italic.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-bold-italic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-bold-italic.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-bold-italic.ttf?") format("truetype");
        font-weight: 700;
        font-style: italic;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-extrabold.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-extrabold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-extrabold.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-extrabold.ttf?") format("truetype");
        font-weight: 800;
        font-style: normal;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-extrabold-italic.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-extrabold-italic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-extrabold-italic.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-extrabold-italic.ttf?") format("truetype");
        font-weight: 800;
        font-style: italic;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-heavy.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-heavy.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-heavy.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-heavy.ttf?") format("truetype");
        font-weight: 900;
        font-style: normal;
        }
        @font-face {
        font-family: "overpass";
        src: url("/css/fonts/overpass-webfont/overpass-heavy-italic.eot?");
        src: url("/css/fonts/overpass-webfont/overpass-heavy-italic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/overpass-webfont/overpass-heavy-italic.woff?") format("woff"), url("/css/fonts/overpass-webfont/overpass-heavy-italic.ttf?") format("truetype");
        font-weight: 900;
        font-style: italic;
        }
        /* open-sans-regular - latin */
        @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-regular.eot');
        /* IE9 Compat Modes */
        src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2'), url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-regular.svg#OpenSans') format('svg');
        /* Legacy iOS */
        }
        /* open-sans-700 - latin */
        @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        src: url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-700.eot');
        /* IE9 Compat Modes */
        src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2'), url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/CSS/fonts/open-sans-v15-latin/open-sans-v15-latin-700.svg#OpenSans') format('svg');
        /* Legacy iOS */
        }

        @font-face {
        font-family: Cheltenham;
        src: url('/CSS/fonts/cheltenham.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        }


/* ---------------------------end of fonts ------------------------------------------------------- */



        .ees-header .temp-header {
            height: 125px;
            background-color: #222;
        }

        .ees-header .temp-mobile-header, .temp-header {
            background-color: #222;
        }

        .ees-header .min-width-170 {
            min-width: 170px;
        }

        .ees-header .flex-row-gap-50 {
            row-gap: 50px;
        }

        .ees-header .flex-column-gap-20 {
            column-gap: 20px;
        }

        .ees-header .flex-column-gap-50 {
            column-gap: 50px;
        }

        .ees-header .flex-basis-25p {
            flex-basis: 25%;
        }

        .ees-header .flex-basis-50p {
            flex-basis: 50%;
        }

        .ees-header .sub-nav-container {
            scrollbar-width: none;
            overflow: scroll hidden;
            margin: 5px 0px 5px 20px;
        } 

        @media only screen and (max-width: 575px) {
            .ees-header .sub-nav-container {  
                margin-left: 15px;
            } 
        }

        .ees-header .sub-nav-row {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            width: fit-content;
            padding: 0px 2px;
        }

        .ees-header .pill-sub-nav-item {
            -webkit-box-flex: 0;
            flex: 0 0 auto;             
            margin: 10px 16px 10px 0px;
            font-size: 0.75rem;
            font-weight: 900;
        }

        @media only screen and (max-width: 575px) {
            .ees-header .pill-sub-nav-item {
                margin-right: 4px;
            }
        }

        .ees-header .sub-nav-container a {
            background-color: #fff;
            margin: 8px;
            padding: 5px 7px 5px 7px;
            border-radius: 12px;
            text-align: center;
            color: #000;
            white-space: nowrap;
            text-decoration: none;
        }

        .ees-header .sub-nav-container a:hover {
            background-color: #777;
            text-decoration: none;
            color: #ffffff;
        }


        .ees-header .sub-nav-container a.current-page  {
            background-color: #000;
            color: #fff;
        }

        /* Style the video: 100% width and height to cover the entire window */
        .ees-header #myVideo {

          z-index:-1;
          left: 0;
          bottom: 0;
          position: fixed;
          min-width: 100%;
          min-height: 100%;
        }

        @media (max-width: 767px) {
            .ees-header #myVideo {
                background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/DFW-RDC-Store-Front-1000x1000-min.jpg);
                background-repeat: no-repeat;
                background-size: cover;  
                background-position-x: center;        
                background-position-y: 70px;            
                }

                .ees-header #myVideo video {
                    display: none;
                }
        }
        @media (min-width: 1921px) {
            .ees-header #myVideo {
                background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/DFW-RDC-Store-Front-1000x1000-min.jpg);
                background-repeat: no-repeat;
                background-size: cover;  
                background-position-x: center;        
                background-position-y: 0px;            
                }

                .ees-header #myVideo video {
                    display: none;
                }
        }

        /* Add some content at the bottom of the video */
        .ees-header .banner-content {
            position: relative;
            margin: 0 auto 39.8vh;
            top: calc(40vh);
            right: 0;
            background: rgba(0, 42, 83, 0.96); 
            border-radius: 15px 15px 0 0;
            width: 80%;
            padding: 40px 20px;
            overflow: visible;
            border:1px solid #111;
            border-bottom: none;
            color: #fff;
        }

        .ees-header .banner-content-wrap {
            position: relative;
        }

        .ees-header .banner-content h2.main-heading {

            font-weight: 300; 
            margin: 0 0 5px; 
        }

        .ees-header .bg-dark-gradient {
            background-image: linear-gradient(180deg, #222  0%, #000 100%);
            background-position-x: right;
        }

        .ees-header .bg-light-gray {
            background: #f3f3f3;
        }

        .ees-header .bg-dark-gray {
            background: #3a3a3a;
        }

        @media only screen and (min-width: 575px) {
            .ees-header .ees-dark-bg-sm {
                width:100%;
                height: 100%; 
                background-image: url(/images/effects/ees-1080-dark.svg);
                background-repeat: no-repeat;
                background-size: 35%; 
                background-position-x: 90%;
                background-position-y: 50%;
            }

        }        

        .ees-header .box-shadow {
            box-shadow: 0 0 18px #24334bd1;
        }

        .ees-header .heading-label-oval {
            background-color: transparent;
            border-radius: 100% 100% 100% 100%;
            background-image: linear-gradient(180deg, #00000091 0%, #00000056 100%);
            text-align: center;
            padding: 10px 0;
            margin: 8px 20%;
            white-space: nowrap;
            color:#eee ;
            font-size: 48px;
            font-weight: 600;
            text-transform: capitalize;
            font-style: normal;
            text-decoration: none;
            line-height: 1.2em;
            letter-spacing: 0px;
        }

        @media only screen and (min-width: 991px) and (max-width: 1250px){
            .ees-header .heading-label-oval {
                font-size: 40px;
            }
        }
        
        .ees-header .heading-label-oval.greenbg {background-image: linear-gradient(180deg, #002e13  0%, #0955014d 100%); }
        .ees-header .heading-label-oval.pinkbg {background-image: linear-gradient(180deg, #32023ae0  0%, #2b012899 100%);}
        
        .ees-header hr.accent {
            width: 16%; 
            margin-top: 25px;
            margin-bottom: 25px;
            border: 1px solid #eee;
        }

        .ees-header hr.accent.dark {
            border-color: #21336685;
        }

        .ees-header hr.accent.shorten, hr.shorten {
            width: 10%;
        }

        .ees-header hr.accent.shorten5p {
            width: 5%;
        }

        .ees-header hr.accent.hr-left {
            width: 10%; 
            margin: 25px 0;
            border: 2px solid #333; 
        }

        .ees-header hr.accent.hr-left.text-white {
            border-color: #ccc;
        }

        .ees-header hr.dark-bg-divider.solid {
            border-color: #555;
        }

        .ees-header h2.mission-heading {
            font-weight: 100;
        }

        .ees-header h5.mission-body {
            text-transform: uppercase; 
            font-weight:600; 

            text-wrap: wrap;
        }

        .ees-header .text-justified {
            text-align: justify;
        }

        .ees-header .waves-bg {
            background-image: url(/images/effects/waves-1080-light.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .ees-header .waves-dark-bg {
            background-image: url(/images/effects/waves-1080-dark.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .ees-header .waves-blue-bg {
            background-image: url(/images/effects/waves-1080-lightblue.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }


        @media only screen and (max-width: 991px) {
            .ees-header #ranking-content-wrap {
                order: 1;
            }

            .ees-header #electrical-wholesaling-img {
                order: 2;
                max-width: 50%;
            }

            .ees-header #mdm-img {
                order: 3;
                max-width: 50%;                
            }
        }

        .ees-header .text-light-yellow {
            color: #fff799;
        }

        /* text animation */
        .ees-header .headline {
            display: block
        }

        .ees-header .headline-text-wrapper {
            vertical-align: bottom
        }

        .ees-header .headline-dynamic-wrapper {
            display: inline-block;
            position: relative;
        }

        .ees-header .headline-dynamic-wrapper .headline-dynamic-text {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
        }

        .ees-header .headline-dynamic-wrapper .headline-dynamic-text.headline-text-active {
            position: relative
        }

        .ees-header .headline-dynamic-text {
            opacity: 0
        }

        .ees-header .headline-dynamic-letter {
            display: inline-block;
            opacity: 0;
            transform: scale(0)
        }

        .ees-header .headline-text-active .headline-dynamic-letter {
            opacity: 1
        }

        .ees-header .headline-dynamic-letter.headline-animation-in {
            animation: animate-bigger .8s forwards
        }

        .ees-header .headline-dynamic-letter:not(.headline-animation-in) {
            animation: animate-smaller .8s forwards
        }

        @keyframes animate-bigger {
            0% {
                transform: scale(0);
                opacity: 0
            }

            60% {
                transform: scale(1.2);
                opacity: 1
            }

            to {
                transform: scale(1);
                opacity: 1
            }
        }

        @keyframes animate-smaller {
            0% {
                transform: scale(1);
                opacity: 1
            }

            60% {
                transform: scale(0);
                opacity: 0
            }
        }

        .ees-header .headline-dynamic-wrapper {
            overflow: hidden;
            white-space: nowrap
        }

        .ees-header .core-services-box {
            background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/ees-store-counter-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .ees-header .project-management-box {
            background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/project-management-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .logistics-services-box, .store-lockers-box {
            background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/logistics-24-hour-order-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .inventory-management-box, .job-site-trailers-box {
            background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/job-site-trailer-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .job-site-storage-racks-box {
            background-image: url(/Images/StaticPages/Services/material-storage/job-site-storage-racks-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .account-management-box {
            background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/account-management-istockphoto-1431694821-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .integration-services-box {
            background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/integration-istockphoto-1305012465-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .wire-services-box {
            background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/wire-services-2-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .kit-services-box {
            background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/electrical-panel-kit-istockphoto-1403856505-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .custom-requests-box {
            background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/handshake-istockphoto-2133410209-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .offsite-storage-box {
            background-image: url(/Images/StaticPages/Services/material-storage/electrical-supplies-off-site-storage-warehouse-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .job-site-trailers-box {
            background-image: url(/Images/StaticPages/AboutOurCompany/WhoWeAre/job-site-trailer-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .job-carts-storage-box {
            background-image: url(/Images/StaticPages/Services/material-storage/job-cart-loading-storage-450x300-min.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ees-header .btn-box {
            width: 450px;
            max-width: 100%;
            height: 300px;
            display: flex;
            flex-direction: column;
            justify-content: end;
            border: 2px solid black;
        }

        .ees-header .btn-box:hover {
            opacity: 0.7;
        }