body {
    background: #fff;
    color: #0098d6;
    font-size: 16px;
}

a, a:hover, a:active, a:focus {
    color: #004662;
}

h3, h5 {
    font-weight: normal
}

p {
    font-size: 16px;
}

label {
    margin-bottom: 0;
}


.pb200 {
    padding-bottom: 200px;
}

.header-container {
    background: #004662;
    color: #ffffff;
}

.sticky-header {
    padding-top: 42px;
}

.gnb_bg {
    height: 42px;
}

    .gnb_bg i {
        font-size: 20px;
        color: #0098d6;
        vertical-align: middle;
        margin-top: -5px;
        margin-right: 5px;
    }

    .gnb_bg a:hover {
        text-decoration: none;
    }

    .gnb_bg .btn {
        background: #1b1b1b;
        border: none;
        height: 42px;
    }

        .gnb_bg .btn:hover {
            color: #0098d6;
            border: none;
            height: 42px;
        }

    .gnb_bg .dropdown-menu {
        margin: 0
    }

.border-gray {
    border-color: #c1c1c1
}

.border-gray-side {
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-bottom: none;
    word-wrap: anywhere; /* 11-23-2020 to prevent comments and PO from running past the side edge */
}

.border-lightGray {
    border: 1px solid #e5e5e5 !important;
}

.border-1pxGray {
    border: 1px solid #c1c1c1;
}

.border-gray-side-order {
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-bottom: none;
}


.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem;
    font-size: 16px;
}



.breadcrumb-item + .breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    color: #1b1b1b;
    content: ">";
}


.breadcrumb a {
    color: #7e7e7e;
}

.breadcrumb .active {
    background-color: transparent;
    color: #1b1b1b;
}

.nav-container {
    background: #e5e5e5;
}


.main_img {
    max-width: 100%;
}

.main_slide_overlay {
    background: rgba(0, 152, 215, 0.5);
    max-width: 80%;
    height: 125px;
    position: absolute;
    top: 52%;
}

    .main_slide_overlay .slogun_txt {
        color: #ffffff;
        opacity: 1;
        font-size: 36px;
        font-weight: lighter;
        padding: 0px 30px;
    }

.text-Blue {
    color: #0098d6;
}

.text-DarkBlue {
    color: #004662;
}

.text-lightGray {
    color: #7e7e7e;
}

.text-4c4c4c {
    color: #4c4c4c;
}

.text-darkCharcoal {
    color: #1b1b1b;
}

.bg-Blue {
    background: #0098d6;
}

.bg-DarkBlue {
    background: #004662;
}

.bg-Gray {
    background: #e5e5e5;
}

.bg-Gray2 {
    background: #c1c1c1;
}


div#productFilters.border {
    border-color: #c1c1c1 !important;
}

.checkbox-wrap-1 {
    padding: 12px;
    border-bottom: 1px solid #c1c1c1;
}

.option-box {
    border-bottom: 1px solid #c1c1c1;
}

a#clear-product-filters {
    margin-left: 6px;
    color: #004662;
    text-decoration: underline;
}

div#noFilterMatches {
    margin-left: 20px;
}

div#cartCount,
div#quoteCount,
div#mobileQuoteCount,
div#mobileCartCount {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 5rem;
    font-size: 16px;
    text-align: center;
    position: relative;
    top: 10px;
    left: -10px;
    color: white;
}

.product-filter i.fas.fa-times-circle {
    color: #0098d6;
    font-size: 20px;
}

.ProductWidth {
    -ms-flex: 0 0 76.3%;
    flex: 0 0 76.3%;
    max-width: 76.3%;
    margin: 0 auto;
}

.ProductWidthLeft {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.ProductionWidthRight {
    -ms-flex: 0 0 80% !important;
    flex: 0 0 80% !important;
    max-width: 80% !important;
}

.ProductImgBox {
    border: 1px solid #c1c1c1;
    padding: 30px !important;
    min-height: 180px;
}

    .ProductImgBox img {
        max-width: 100%;
        text-align: center;
        vertical-align: middle;
    }

.productDetail {
    display: block;
    padding-left: 40px;
}

.product-description-box {
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin: 5px;
}

    .product-description-box:hover {
        border: 1px solid #0098d6;
        padding: 10px;
        margin: 5px;
    }

    .product-description-box .img-fluid {
        padding: 35px 0px;
        max-width: 175px; /* added 12-8-2020 to prevent image stretching in box on category page*/
        max-height: 175px;
    }

    .product-description-box .img-box {
        /* width: 175px; removed 12-8-2020 to center image in box on category page*/
        height: 175px;
    }

    .product-description-box .form-group input {
        width: 50% !important;
        border: 1px solid #e5e5e6;
        padding: 7px;
    }

.product-header-option i {
    font-size: 25px;
    padding: 5px;
    cursor: pointer;
}

.product-header-option h2 {
    font-weight: normal
}

.product-option .option-box h4 {
    font-size: 18px;
    padding-top: 10px;
}

.option-box.filter > h4 {
    padding-left: 12px !important;
    padding-top: 20px;
}

.filter form input {
    border: 1px solid #e5e5e5;
    border-right: 0px;
    border-radius: 0;
    background: #ffffff;
    color: #7e7e7e !important;
    margin-right: 0px !important;
    width: 70% !important;
}

    .filter form input::placeholder {
        color: #7e7e7e !important;
        opacity: 1; /* Firefox */
    }

    .filter form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #7e7e7e !important;
    }

    .filter form input:-ms-input-placeholder { /* Microsoft Edge */
        color: #7e7e7e !important;
    }

.filter form a.btn {
    background: #ffffff;
    padding: 3px 20px 2px 20px;
    color: #dfdfdf;
    border-radius: 0px;
    border: 1px solid #e5e5e6;
    border-left: 0px;
}

.option-box p {
    color: #7e7e7e;
    margin-bottom: 5px;
    padding: 15px;
}

.option-box select.form-control {
    background: #0098d6;
    border-radius: 0px;
    border: 1px solid #0098d6;
    color: #ffffff;
    width: 90%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 25px;
}

.option-box > div.filterGroup {
    border-bottom: 1px solid #c1c1c1;
    padding: 15px;
}

.option-box .filterGroup .box ul li {
    color: #7e7e7e !important;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
}

.product-link {
    color: #0098d6;
    text-align: center;
    font-size: 18px;
    text-decoration: underline;
}

.price {
    color: #000000;
    text-align: center;
    font-size: 26px;
}

div#product-list .product-link {
    text-align: left !important;
    font-size: 18px;
}

div#product-list .price {
    text-align: left !important;
}

.showMoreFilters {
    margin-bottom: 15px;
    cursor: pointer;
    color: #004662 !important;
    text-decoration: underline
}

    .showMoreFilters:hover {
        margin-bottom: 15px;
        cursor: pointer;
        color: #004662;
    }

.dropdown-toggle {
    border: 1px solid #0098d6;
    border-radius: 0px;
    color: #0098d6;
}

.min-height-500 {
    min-height: 500px;
}

.quote {
    text-align: center;
    padding: 10px 0px;
}

.add-quote {
    background: #0098d6;
    border-radius: 0px;
    padding: 7px 15px;
    color: #ffffff;
    margin-bottom: 10px;
}

    .add-quote:hover {
        background: #004662;
        border-radius: 0px;
        padding: 7px 15px;
        color: #ffffff;
    }

#add-quote {
    margin-bottom: 10px;
}

.add-cart {
    background: #0098d6;
    border-radius: 0px;
    padding: 7px 15px;
    color: #ffffff;
    margin-bottom: 10px;
}

    .add-cart:hover {
        background: #004662;
        border-radius: 0px;
        padding: 7px 15px;
        color: #ffffff;
    }

#add-cart {
    margin-bottom: 10px;
}

.product-filter {
    font-size: 14px;
    background: #f1f1f1;
    border-radius: 5rem;
    color: #7e7e7e;
    margin: 3px 0px;
}

    .product-filter:last-child {
        margin: 3px 0px 22px 0px;
    }


.calltoAction button {
    color: #fff;
    background-color: #0098d6;
    border: none;
    padding: 10px 55px;
    font-weight: bold;
    text-transform: capitalize;
}

    .calltoAction button:hover {
        color: #fff;
        background-color: #004662;
        border: none;
        padding: 10px 55px;
        font-weight: bold;
        text-transform: capitalize;
    }

.calltoAction .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #004662;
    border-color: transparent;
}


.btn-link {
    font-weight: 400;
    color: #004662;
    text-decoration: none;
    border-radius: 0px;
    padding: 10px 22px;
}

    .btn-link:hover {
        font-weight: 400;
        color: #004662;
        text-decoration: underline;
        border-radius: 0px;
        padding: 10px 22px;
    }


.btn-primary {
    color: #fff;
    background-color: #0098d6;
    border: none;
    font-weight: bold;
    border-radius: 0px;
    padding: 10px 22px;
}


    .btn-primary:hover {
        color: #fff;
        background-color: #004662;
        border: none;
        font-weight: bold;
        border-radius: 0px;
        padding: 10px 22px;
    }


.btn-warehouse {
    color: #fff;
    background-color: #0098d6;
    border: none;
    font-weight: normal;
    border-radius: 0px;
    padding: 8px 17px;
    font-size: 15px;
}

    .btn-warehouse:hover {
        color: #fff;
    }

.btn-review {
    background: #004662;
}


.btn-ContinueShopping {
    color: #004662;
    margin-top: 30px !important;
    margin-bottom: 250px !important;
}

    .btn-ContinueShopping:hover {
        color: #004662;
    }


.btn-PromoCode {
    padding: 6px 20px !important;
    background-color: #0098d6;
}

    .btn-PromoCode:hover {
        background-color: #004662;
    }

.btn-PaybyCard {
    color: #fff;
    background-color: #0098d6;
    border: none;
    font-weight: normal;
    border-radius: 0px;
    padding: 8px 17px;
    font-size: 15px;
}

    .btn-PaybyCard:hover {
        background-color: #004662;
    }

.btn-PayonAccount {
    color: #fff;
    background-color: #0098d6;
    border: none;
    font-weight: normal;
    border-radius: 0px;
    padding: 8px 17px !important;
    font-size: 15px;
}

    .btn-PayonAccount:hover {
        background-color: #004662;
    }

.btn-BlueOutline {
    font-weight: 400;
    font-size: 14px;
    border-radius: 0px;
    border: 1px solid #0098d6;
    color: #0098d6;
}

    .btn-BlueOutline:hover {
        font-weight: 400;
        font-size: 14px;
        border-radius: 0px;
        border: 1px solid #0098d6;
        color: #0098d6;
    }



.btn-LightGrayOutline {
    font-weight: 400;
    font-size: 14px;
    border-radius: 0px;
    border: 1px solid #e5e5e5;
}


    .btn-LightGrayOutline:hover {
        font-weight: 400;
        font-size: 14px;
        border-radius: 0px;
        border: 1px solid #e5e5e5;
    }



.LogIn .form-control {
    background: transparent;
    border: none;
    font-style: italic;
    border-bottom: 1px solid #e5e5e6;
    border-radius: 0px;
    color: #7e7e7e;
    margin-bottom: 10px;
}

.LogIn button {
    font-size: 16px;
}

.LogIn ::placeholder {
    color: #7e7e7e !important;
    opacity: 1; /* Firefox */
}

.LogIn :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7e7e7e !important;
}

.LogIn :-ms-input-placeholder { /* Microsoft Edge */
    color: #7e7e7e !important;
}


.LoginHeightPadding {
    padding: 0px 0px 18px 0px;
}


.RegistrationOuter {
    border: 1px solid #dee2e6;
}

.Registration .btLayout {
    margin-bottom: 0px;
}

.Registration .form-control {
    background: transparent;
    border: none;
    font-style: italic;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0px;
    margin-bottom: 10px;
    color: #7e7e7e;
}

.Registration .custom-select {
    font-style: italic;
    margin-bottom: 10px;
    color: #7e7e7e;
}


.Registration button {
    color: #fff;
    background-color: #004662;
    border: none;
    font-weight: normal;
    border-radius: 0px;
    padding: 12px 30px;
    font-size: 16px;
}

.Registration ::placeholder {
    color: #7e7e7e !important;
    opacity: 1; /* Firefox */
}

.Registration :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7e7e7e !important;
}

.Registration :-ms-input-placeholder { /* Microsoft Edge */
    color: #7e7e7e !important;
}

.Registration input:-webkit-autofill,
.Registration input:-webkit-autofill:hover,
.Registration input:-webkit-autofill:focus,
.Registration textarea:-webkit-autofill,
.Registration textarea:-webkit-autofill:hover,
.Registration textarea:-webkit-autofill:focus,
.Registration select:-webkit-autofill,
.Registration select:-webkit-autofill:hover,
.Registration select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: #7e7e7e;
    -webkit-box-shadow: #e5e5e5;
    transition: background-color 5000s ease-in-out 0s;
    border-bottom: 1px solid #e5e5e5;
}

.Registration .edge-autofilled {
    background: #fff !important;
    color: #7e7e7e !important;
}

.Registration input:-internal-autofill-selected {
    background: #e5e5e5 !important
}


.Registration button:hover {
    color: #fff;
    background-color: #004662;
    border: none;
    font-weight: normal;
    border-radius: 0px;
    padding: 12px 30px;
    font-size: 16px;
}

.Registration i {
    font-size: 38px;
}

.ECSbranch ul {
    width: 100%
}

    .ECSbranch ul li {
        color: #b5b5b5;
        padding: 0 20px;
        margin-bottom: 10px;
    }

        .ECSbranch ul li:hover {
            color: #0098d6;
            padding: 0 20px;
            margin-bottom: 10px;
            cursor: pointer;
            text-decoration: underline;
        }


.TableBrowseProducts {
    padding: .25rem 1.25rem;
}

    .TableBrowseProducts a:hover {
        color: #0098d6;
    }


.shoppingCart {
    margin-top: 13px;
    font-weight: 400
}

    .shoppingCart .btn {
        vertical-align: initial;
        margin-left: auto;
    }

    .shoppingCart .PriceText {
        font-size: 26px;
    }

    .shoppingCart i {
        font-size: 20px;
    }

        .shoppingCart i:hover {
            color: #004662;
        }

    .shoppingCart .shoppingCart_Contents img {
        max-width: 110px;
        position: relative;
        top: 50%;
    }

    .shoppingCart .shoppingCart_Contents .btn_ViewCart:hover {
        color: #004662;
    }

    .shoppingCart .shoppingCart_Contents {
        width: 450px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        z-index: 9999
    }

    .shoppingCart #cartSummary {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .shoppingCart #cartSummary > div:not(:last-child) {
            border-bottom: 1px solid #e5e5e6;
            padding-bottom: 2px;
        }

    .shoppingCart .dropdown-menu .dropdown-item {
        padding: 2px 7px;
    }


.signUp .button {
    color: #fff;
    background-color: #004662;
    border: none;
    margin: 0px 7px;
    font-weight: bold;
    text-transform: capitalize;
    border-radius: 0px;
    padding: 7px 50px;
}

.mailchimpNewsletter .newsletterDisclaimer {
    color: white;
    font-size: 16px !important;
    margin: 0 !important;
    width: 70% !important;
}

.mailchimpNewsletter .newsletterDisclaimer a {
    color: white;
}

#mce-responses {
    color: black;
}


ol.carousel-indicators {
    background: #000000;
    width: 100%;
    opacity: 0.6;
    height: 38px;
    margin: 0px;
    padding: 0px;
}

.top_search .form-control {
    display: block;
    padding: 5px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff !important;
    background: transparent;
    background-clip: padding-box;
    border: none;
    border-bottom: 1px solid #ffffff; /* ADOA chnaged from #64d3ff 4-28-2021 */
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-right: 0px !important;
}


::placeholder {
    color: #fff !important; /* ADOA change from #64d3ff 4/23/2021 */
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff !important; /* ADOA change from #64d3ff 4/23/2021 */
}

:-ms-input-placeholder { /* Microsoft Edge */
    color: #fff !important; /* ADOA change from #64d3ff 4/23/2021 */
} 


.top_search input[type="submit"] {
    background: url(/img/icon-search-white.png) no-repeat center center; /* ADOA changes 4-23-2021 */
    background-size: 25px 25px;
    border: none;
    height: 39px;
    width: 25px;
    color: #999999;
    font-size: 0;
    padding: 7px 8px;
    position: relative;
    top: -1px;
    right: 0px;
    border-bottom: 1px solid #ffffff; /* ADPA changed from #64d3ff 4-28-2021 */
}

.signUp .form-control {
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff; /* ADOA changed from #48cafe 4-23-2021 */
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #48cafe;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bg-DarkBlue i {
    font-size: 25px;
}

.bb_Blue {
    width: 100%;
    border-top: 2px solid #0098d6;
}

.border_bottom_Blue {
    width: 100%;
    border-bottom: 2px solid #0098d6;
}

.bb_Gray {
    width: 100%;
    border-bottom: 2px solid #e5e5e6;
}

.viewMore {
    text-decoration: underline;
    padding-top: 15px;
    padding-bottom: 35px;
}

.footer_logo img {
    width: 75%
}

.footerMenu_border_bottom {
    border-bottom: 1px solid rgba(255, 255, 255, .5) !important;
}

.footerMenu .nav-item .nav-link {
    font-size: 16px;
}

.category h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.market h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.btn:focus, .btn:hover {
    outline: 0;
    box-shadow: none;
}

.mapleIcon {
    color: #ff0000;
    font-size: 35px;
}


/*------------------ Mega Menu Begins -------------------*/
nav {
    font-size: 18px; /* modified to allow for French translations */
}
/*.navbar .col-xl-3 {    
	flex: 0 0 20%;
    max-width: 20%;
}*/

.navbar .logoBg {
    flex: 0 0 20%;
    max-width: 20%;
}

.nav-link {
    font-size: 14px;
    font-weight: 500;
    color: #0098d6;
    text-align: center;
}

.megaMenu-icons a {
    font-size: 16px;
    padding: 0px 3px;
    color: #ffffff;
    margin-top: 10px;
}

    .megaMenu-icons a i {
        font-size: 20px;
        padding: 0px 3px;
        color: #ffffff;
        margin-top: 10px;
    }

        .megaMenu-icons a i:hover {
            font-size: 20px;
            padding: 0px 3px;
            color: #004662;
            margin-top: 10px;
        }

.megaMenu-navbar {
    overflow: hidden;
    margin-top: 50px;
}

    .megaMenu-navbar .megaMenu-dropdown-content a,
    .megaMenu-navbar .menu-dropdown-content a {
        font-size: 15px;
        text-align: left;
        padding: 7px 16px;
        text-decoration: none;
        color: #959595;
        display: block;
    }
    .megaMenu-navbar .menu-dropdown-content a {
        padding-left: 10px;
        padding-right: 10px;
    }

        .megaMenu-navbar a:hover {
            color: #0098d6;
        }

.menuDiv {
    float: left;
    overflow: hidden;
    padding: 15px 5px;
}

    .menuDiv > div {
        padding: 0px 15px;
    }

    .menuDiv h5 {
        border-bottom: 1px solid #cecece;
        padding: 20px 0px;
        font-size: 17px;
    }

.menuItem {
    font-size: 16px;
    border: none;
    outline: none;
    color: #ffffff !important; /* ADOA change 4-14-2021 */
    padding: 10px;
    background-color: inherit;
    font: inherit;
    /*font-weight: 500; */
    margin: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1224px) {
    .menuItem {
        padding: 5px;
    }
}

@media only screen and (min-width: 1225px) and (max-width: 1264px) {
    .menuItem {
        padding: 6px;
    }
}

@media only screen and (min-width: 1265px) and (max-width: 1284px) {
    .menuItem {
        padding: 8px;
    }
}

.menuItem:hover, .menuItem:focus {
    color: #fff !important;
    text-decoration: underline; /* ADOA change - 4-14-2021 */
}


.megaMenu-dropdown-content,
.menu-dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    left: 0;
    box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.1);
    z-index: 9999;
    margin-top: 15px;
    padding: 7px;
}
.menuDiv .menu-dropdown-content {
    left: inherit;
    width: inherit;
    padding-top: 10px;
}
.megaMenu-dropdown:hover .megaMenu-dropdown-content,
.megaMenu-dropdown:hover .menu-dropdown-content
{
    display: block;
}
.menu-dropdown-content ul {
    margin-bottom: 10px;
}
.megaMenu-dropdown-content .megaMenu_subCategory {
    padding: 0px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

    .megaMenu-dropdown-content .megaMenu_subCategory:last-child {
        padding: 0px;
        border-left: none;
        border-right: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
    }


/*------------------ Mega Menu Ends --------------------*/



/*------------------ Main Carousel Begins --------------------*/
.mySlides {
    display: none;
}

    .mySlides .Carousel_Background {
        background: #e5e5e5;
        height: 270px;
    }

.carousel-indicators {
    height: 40px;
    padding-top: 13px;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    margin: 0%;
}

.slideshow-container {
    max-width: 100%;
}

    .slideshow-container .text {
        color: #ffffff;
        font-size: 30px;
        padding: 30px;
        margin: 0px -15px 0px -15px;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 100%;
        text-align: left;
        line-height: 1.25
    }

.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    cursor: pointer;
}

.tab-content {
    text-align: left;
    padding: 0px 20px;
}

    .tab-content .table thead th {
        color: #fff;
        border: none;
    }

    .tab-content .active {
        background-color: #ffffff
    }

    .tab-content dt:before {
        font-family: FontAwesome;
        font-size: 4px;
        display: inline-block;
        padding: .5rem;
        color: #0098d6;
        content: "\f04d";
        position: relative;
        top: -5px;
    }

.active {
    background-color: #717171;
}

.supplier .active {
    background-color: #ffffff !important;
}

.supplier a.carousel-control-next:hover {
    background-color: #ffffff !important;
    opacity: 1;
}

.supplier a.carousel-control-next:focus {
    background-color: #ffffff !important;
    opacity: 1;
}

.supplier a.carousel-control-prev:hover {
    background-color: #ffffff !important;
    opacity: 1;
}

.supplier a.carousel-control-prev:focus {
    background-color: #ffffff !important;
    opacity: 1;
}


/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width: 300px) {
    .text {
        font-size: 11px
    }
}
/*------------------ Main Carousel Ends --------------------*/



/*------------------ Multi Images Carousel Begins --------------------*/

.card {
    padding: 0px 15px;
    border: none;
    border-right: 1px solid #c1c1c1;
    text-align: center;
    border-radius: 0px;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0px;
}

.card-text {
    text-align: center;
    font-weight: normal;
    color: #7e7e7e;
    font-size: 16px;
    margin-bottom: 0px;
}

.carousel-control-prev {
    background-color: #fff !important;
    border: 1px solid #c1c1c1;
}

.carousel-control-next {
    background-color: #fff !important;
    border: 1px solid #c1c1c1;
}

a.carousel-control-prev {
    font-size: 25px;
    padding: 0px 6px;
    color: #c1c1c1;
    opacity: 1;
}

    a.carousel-control-prev:hover, a.carousel-control-prev:focus {
        background: #c1c1c1 !important;
        opacity: 1;
    }

a.carousel-control-next {
    font-size: 25px;
    padding: 0px 6px;
    color: #c1c1c1;
    opacity: 1;
}

    a.carousel-control-next:hover, a.carousel-control-next:focus {
        background: #c1c1c1 !important;
        opacity: 1;
    }

.carousel-item {
    padding: 0px 25px;
    background: #fff;
}

/*------------------ Multi Images Carousel Ends --------------------*/

div#shippingRates {
    max-width: 100%;
}

#shippingRates .shippingGroup {
    margin-bottom: 40px;
}

.shippingGroup .card {
    border: 1px solid #e6e6e6;
}

div#customAddress.custom-control {
    padding-right: 0px;
}


.checkout-product-img {
    max-width: 175px; /* changed from 225px to reduce image width to make more room for price details */
    padding: 20px;
}

div#pickUpLocations {
    padding: 10px;
}

#pickUpLocations .row {
    margin-left: 5px;
}

#pickUpLocations .pickUpLoc {
    margin-right: 5px;
    margin-top: 5px;
}

.CartProducts {
    padding: 0px
}

    .CartProducts .CartQuantity input.form-control {
        border: 1px solid #e5e5e5;
        border-radius: 0px;
        color: #7e7e7e;
        box-shadow: none;
        padding: 3px;
    }

.CartQuantity .input-group-append {
    margin-bottom: 2px;
}

/* added to style checkout qty input */
.CartQuantity input {
    width: 50% !important;
    border: 1px solid #e5e5e6;
    padding: 7px;
}

.CartQuantity .btn-outline-secondary {
    color: #6c757d;
    border-color: #e5e5e6;
    padding: 5px;
    font-size: 15px;
    border-radius: 0px;
}

    .CartQuantity .btn-outline-secondary:hover {
        background: #ffffff;
        color: #7e7e7e;
    }

    .CartQuantity .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: none;
        background: #ffffff;
        color: #7e7e7e;
        border-color: #e5e5e5;
    }

    .CartQuantity .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        box-shadow: none;
        background: #ffffff;
        color: #7e7e7e;
        border-color: #e5e5e5;
    }

.CartProducts .CartPrice input {
    border-radius: 0px;
    box-shadow: none;
    border-color: #e5e5e5;
    padding: 3px;
    font-size: 15px;
    text-align: left;
}

    .CartProducts .CartPrice input::placeholder {
        color: #7e7e7e !important;
        opacity: 1; /* Firefox */
    }

.CartPrice {
    padding-bottom: 20px;
}

    .CartPrice .input-group .form-control {
        padding: .3rem .3rem;
    }
    /* added to remove border on price field on cart and checkout pages */
    .CartPrice .form-control {
        border: none;
        padding-top: .5em;
    }

        .CartPrice .form-control:disabled, .form-control[readonly] {
            background-color: #fff;
            opacity: 1;
        }

.CartProducts .CartPrice input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7e7e7e !important;
}

.CartProducts .CartPrice input:-ms-input-placeholder { /* Microsoft Edge */
    color: #7e7e7e !important;
}

.CartProducts .CartProduct-Border {
    border-left: 1px solid #e5e5e5;
}

.CartProducts .card {
    width: 100%; /*changed from 90% to give more room for card details */
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    text-align: left;
}

.CartProducts .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0px;
}

.CartProducts .card-text {
    text-align: left;
    font-weight: normal;
    color: #7e7e7e;
    font-size: 16px;
    margin-bottom: 0px;
}

.CartProducts .TotalPrice {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}

.list-group {
    padding: 20px;
}

.CartTotal {
    padding: 0px;
}

    .CartTotal button {
        border-radius: 0px;
        padding: 15px 25px;
    }

    .CartTotal .CartTotal {
        border-top: 2px solid #0099d5;
        padding: 15px 0px;
        margin: 0px 20px;
    }

    .CartTotal .btn_PickUp {
        background: #0098d6;
    }

        .CartTotal .btn_PickUp:hover, .CartTotal .btn_PickUp:focus {
            background: #004662;
        }

    .CartTotal .btn_Ship {
        background: #0098d6;
    }

        .CartTotal .btn_Ship:hover, .CartTotal .btn_Ship:focus {
            background: #004662;
        }

    .CartTotal h5 {
        /* border-bottom: 1px solid #c1c1c1; */
    }

    .CartTotal .list-group-item {
        border-color: transparent;
        padding: 0px;
    }

.list-group-item {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding: 5px 0px;
}

    .list-group-item h6 {
        color: #004662;
    }

    .list-group-item .text-price {
        color: #1b1b1b;
    }


.CartTotal h5 {
    /* border-bottom: 1px solid #c1c1c1; */
}


.ContactDetails .form-control {
    padding: .3rem .3rem;
    border-radius: 0px;
    width: auto;
    margin-left: 10px; /* 11-23-2020 fix french alignment of telephone label */
}

.ContactDetails input::placeholder {
    color: #7e7e7e !important;
    opacity: 1; /* Firefox */
}

.ContactDetails input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7e7e7e !important;
}

.ContactDetails input:-ms-input-placeholder { /* Microsoft Edge */
    color: #7e7e7e !important;
}

.ContactDetails .form-control:disabled {
    background: #ffffff;
    border-color: #ffffff;
}
#shippingNewAddress {
    width: 100%;
}
.ReviewOrder i {
    font-size: 40px
}

.ReviewItems .card {
    border: 1px solid #e5e5e5;
}

.ReviewItems .card-text {
    text-align: left;
}



.card-promotion {
    padding: 40px 0px 0px 0px;
    margin: 0 auto;
}

    .card-promotion input::placeholder {
        color: #7e7e7e !important;
        opacity: 1; /* Firefox */
    }

    .card-promotion .input-group .form-control {
        padding: .3rem .3rem;
        border-radius: 0px;
    }

    .card-promotion .form-control:disabled, .form-control[readonly] {
        background-color: #fff;
        opacity: 1;
    }

    .card-promotion input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #7e7e7e !important;
    }

    .card-promotion input:-ms-input-placeholder { /* Microsoft Edge */
        color: #7e7e7e !important;
    }



.Order-w-20p {
    flex: 0 0 20%;
    max-width: 20%;
}

.Order-w-80p {
    flex: 0 0 80%;
    max-width: 80%;
}

.OrderSideBorder {
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
}

.OrderList {
    padding: 14px;
}

    .OrderList div.row {
        padding: 5px 0px 5px 0px;
        margin: 7px 15px;
        border-bottom: 1px solid #e5e5e5;
    }

        .OrderList div.row:last-child {
            padding: 5px 0px 5px 0px;
            margin: 7px 15px;
            border-bottom: 1px solid #ffffff;
        }

    .OrderList div i {
        color: #c1c1c1;
    }

.DashboardMenu a {
    font-size: 18px;
    font-weight: normal;
    color: #727272;
}

    .DashboardMenu a:hover {
        font-size: 18px;
        font-weight: 500;
        color: #1b1b1b;
    }

.OrderNumber i {
    font-size: 18px;
}

.OrderHistory::placeholder {
    color: #7e7e7e !important;
    opacity: 1; /* Firefox */
}

.OrderHistory:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7e7e7e !important;
}

.OrderHistory:-ms-input-placeholder { /* Microsoft Edge */
    color: #7e7e7e !important;
}

.OrderHistory .form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.OrderHistory .form-control {
    width: auto;
    border: none !important;
}

.OrderProducts .OrderProduct-Border {
    border-left: 1px solid #e5e5e5;
}

.OrderProducts img {
    max-width: 175px;
}

.pagination-container {
    text-align: center !important;
    padding-top: 10px;
    padding-bottom: 50px;
}

    .pagination-container > ul {
        margin-bottom: 0px;
    }

        .pagination-container > ul li {
            padding: 7px;
        }

    .pagination-container a {
        color: #7e7e7e;
    }

        .pagination-container a:hover {
            color: #0098d6;
        }

.pagination {
    justify-content: center;
}

.PagedList-skipToFirst a:before {
    color: #0098d6;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f04a";
    padding: 7px;
}


.PagedList-skipToLast a:before {
    color: #0098d6;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f04e";
    padding: 7px;
}

.PagedList-skipToLast a:hover {
    text-decoration: none;
}

.PagedList-skipToPrevious a {
    color: #004662;
}

.PagedList-skipToNext a {
    color: #004662;
}

.pagination .active {
    background: #004662;
    color: #fff;
    width: 30px;
    text-align: center;
}


p#showMore {
    cursor: pointer;
    padding: 8px;
    border-bottom: 1px solid #0098d6;
    width: 130px;
    margin: 0 auto;
    margin-bottom: 40px;
}

    p#showMore:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0dd";
        text-align: right;
        padding-left: 20px;
    }

/*------------------ Nav Tabs Begins --------------------*/

div#nav-tabContent {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 10px;
}

#nav-tabContent dd {
    padding: 3px 20px;
    line-height: 1.5;
}

.nav-tabs {
    border-bottom: 1px solid #0098d6;
    font-size: 16px;
}

    .nav-tabs .nav-item {
        padding: 6px 18px;
    }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #0098d6;
            background-color: #fff;
            border-top: 4px solid #0098d6;
            border-left: 2px solid #0098d6;
            border-right: 2px solid #0098d6;
            border-bottom: none;
            font-size: 16px;
        }

    .nav-tabs .nav-link:focus {
        font-size: 16px;
        border-color: inherit;
        border-top-left-radius: 0rem;
        border-top-right-radius: 0rem;
    }

    .nav-tabs .nav-tabs .nav-link:hover {
        border-color: inherit;
    }

    .nav-tabs .nav-link {
        font-size: 16px;
        border: 1px solid transparent;
        border-top-left-radius: 0rem;
        border-top-right-radius: 0rem;
        color: #004662;
    }

        .nav-tabs .nav-link:active {
            font-size: 16px;
            border-top: 4px solid #0098d6;
            border-left: 2px solid #0098d6;
            border-right: 2px solid #0098d6;
            border-top-left-radius: 0rem;
            border-top-right-radius: 0rem;
            color: #004662;
        }


/*------------------ Nav Tabs Ends --------------------*/




footer .mobile_footer_heigh {
    height: 40px;
}

.footer-info {
    display: inline-block;
    color: #ffffff;
}

    .footer-info li {
        display: inline-block;
        text-decoration: none;
        color: #ffffff;
    }

        .footer-info li a {
            color: #ffffff;
            text-decoration: none;
        }

            .footer-info li a:hover {
                color: #0098d6;
                text-decoration: none;
            }

    .footer-info ul {
        padding-left: 0px;
    }

        .footer-info ul > li:after {
            content: "|";
            padding: 0px 20px;
        }

        .footer-info ul > li:last-child:before {
            content: "";
        }

        .footer-info ul > li:last-child:after {
            content: "";
        }

.txt_copyright {
    font-size: 15px;
    position: relative;
    top: -10px;
    left: 0px;
}




/*------------------ Shop Grid Begins --------------------*/

.panel-group {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
}

    .panel-group > div img {
        /* opacity: 0.7;*/
    }

    .panel-group .panel-footer > div:hover {
        color: #fff;
    }

.product-grid a {
    color: #7e7e7e !important;
    font-size: 16px;
    text-decoration: none;
}

.product-grid .panel {
    font-size: 16px;
    text-align: center;
    line-height: 85%;
    float: left;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    margin: 0 14px 20px 14px;
    width: 14%;
    background: #fff;
}

    .product-grid .panel a:hover {
        color: #fff;
    }

.product-grid > div.panel:hover {
    border: 1px solid #0098d6;
    background: #0098d6;
    color: #fff;
}

.product-grid .panel-body {
    padding: 0px;
    margin: 0px;
}
.product-grid .panel-body img {
    width: 100%
}
.product-grid.product-industry .panel-body img {
    object-fit: contain;
    width: 173px;
    height: 145px;
}
.product-grid .panel-footer {
    background: none;
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    color: #7e7e7e;
    height: 60px;
    border-top: 1px solid #c1c1c1;
    padding: 15px 10px;
    line-height: 1.1em;
}

    .product-grid .panel-footer:hover {
        background: none;
        width: 100%;
        position: relative;
        overflow: hidden;
        font-size: 16px;
        color: #fff;
        height: 60px;
        border-top: 1px solid #0098d6;
        padding: 15px 10px;
        line-height: 1.1em;
    }

.panel i {
    font-size: 18px;
    color: #bbb;
    margin: 0px 22px;
}

    .panel i:hover {
        font-size: 18px;
        color: #666;
        margin: 0px 22px;
        text-decoration: none;
    }

/*------------------ Shop Grid Ends --------------------*/


a#dropdownMenuLink {
    padding: 0px;
    position: relative;
    top: -5px;
}




/*------------------  Responsive styling Begins --------------------*/

@media (max-width:1686px) {
    div#product-grid .quote {
        display: flex;
        justify-content: center;
    }

        div#product-grid .quote > button {
            margin: 3px;
        }

    div#product-list .product-link {
        text-align: left !important;
        font-size: 16px;
    }

    .product-link {
        color: #0098d6;
        text-align: center;
        font-size: 16px;
        text-decoration: underline;
    }

    .add-quote {
        background: #0098d6;
        border-radius: 0px;
        padding: 5px 10px;
        color: #ffffff;
        font-size: 13px;
        margin-bottom: 10px;
    }

        .add-quote:hover {
            background: #004662;
            border-radius: 0px;
            padding: 5px 10px;
            color: #ffffff;
            font-size: 13px;
        }

    .add-cart {
        font-size: 13px;
        background: #0098d6;
        border-radius: 0px;
        padding: 5px 10px;
        color: #ffffff;
        margin-bottom: 10px;
    }

        .add-cart i.fas.fa-shopping-cart {
            font-size: 12px !important;
        }

        .add-cart:hover {
            font-size: 13px;
            background: #004662;
            border-radius: 0px;
            padding: 5px 10px;
            color: #ffffff;
        }


    .price {
        color: #000000;
        text-align: center;
        font-size: 22px;
    }
}

@media (max-width:1572px) {
    .top_search input[type="submit"] {
        background: url(/img/icon-search-white.png) no-repeat center center; /* ADOA changes 4-23-2021 */
        background-size: 25px 25px;
        border: none;
        height: 38px;
        width: 25px;
        color: #999999;
        font-size: 0;
        padding: 7px 8px;
        position: relative;
        top: -1px;
        right: 0px;
        border-bottom: 1px solid #64d3ff;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .menuDiv {
        font-size: 15px;
        padding: 20px 0px;
        margin-top: 15px;
    }

    .userName {
        font-size: 15px;
    }

    .megaMenu-icons a {
        font-size: 15px;
        color: #ffffff;
    }

    .main_slide_overlay {
        background: rgba(0, 152, 215, 0.5);
        width: 650px;
        height: 100px;
        position: absolute;
        top: 52%;
    }

        .main_slide_overlay .slogun_txt {
            color: #ffffff;
            opacity: 1;
            font-size: 26px;
            font-weight: lighter;
            padding: 0px 30px;
        }
}

@media (max-width: 1199px) {
    main {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    div#productFilters.border {
        border-color: #ffffff !important;
    }

    .footer-info {
        display: inline-block;
        color: #ffffff;
        padding-top: 0px;
        font-size: 14px;
    }

        .footer-info ul {
            padding-left: 0px;
        }

            .footer-info ul > li:after {
                content: "|";
                padding: 0px 10px;
            }

    .txt_copyright {
        font-size: 12px;
        position: relative;
        top: -10px;
        left: 0px;
    }

    .footer_logo img {
        width: 20%
    }

    .main_slide_mobile img {
        max-width: 100%
    }

    .main_slide_overlay {
        background: rgba(0, 152, 215, 0.5);
        width: 650px; /*changed from 45%; 1/20/2021 */
        max-width: 100%;
        height: 115px;
        position: absolute;
        top: 40%;
    }

        .main_slide_overlay .slogun_txt {
            color: #ffffff;
            opacity: 1;
            font-size: 27px;
            font-weight: normal;
            padding: 10px 0px;
        }

    .OrderProducts .OrderProduct-Border {
        border-top: 1px solid #e5e5e5;
        border-left: none;
    }

    .ProductWidth {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .ProductWidthLeft {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ProductionWidthRight {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

.mobile-iconWrap .mm-userName {
    background: transparent !important;
    padding-right: 10px !important;
}

#addressList .countryDDL {
    margin-left: 10px;
}

#addressList .stateDDL {
    max-width: 90%;
    margin-left: 10px;
}

@media (min-width: 768px) and (max-width: 1399px) {
    .username {
        font-size: 14px;
    }


    .productDetail {
        display: block;
        padding: 0px 15px;
    }

    .border-gray-side {
        border-left: 1px solid #c1c1c1;
        border-right: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
    }

    .btn-ContinueShopping {
        color: #004662;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .breadcrumb {
        padding: 15px 0px !important;
    }

    .mobile-topH0 {
        height: 0px;
    }

    .mobile-iconWrap {
        position: relative;
        top: 100px;
        z-index: 999;
    }


        .mobile-iconWrap a i {
            padding: 5px;
            font-size: 20px;
            margin-right: 4px;
        }

    .CartProducts .card {
        width: 100%;
        border: 1px solid #e5e5e5;
        border-radius: 0px;
        text-align: left;
        margin: 0 auto;
    }


    .product-description-box .form-group input {
        width: 40% !important;
        border: 1px solid #e5e5e6;
        padding: 7px;
    }

    div#product-grid .quote {
        display: flex;
        justify-content: center;
    }

    div#product-list .product-link {
        text-align: left !important;
        font-size: 16px;
    }

    .add-quote {
        background: #0098d6 !important;
        border-radius: 0px;
        padding: 5px 10px;
        color: #ffffff;
        font-size: 13px;
        margin-bottom: 10px;
    }

        .add-quote:hover {
            background: #004662;
            border-radius: 0px;
            padding: 5px 10px;
            color: #ffffff;
            font-size: 13px;
        }

    .add-cart {
        font-size: 13px;
        background: #0098d6;
        border-radius: 0px;
        padding: 5px 10px;
        color: #ffffff;
        margin-bottom: 10px;
    }

        .add-cart i.fas.fa-shopping-cart {
            font-size: 12px !important;
        }

        .add-cart:hover {
            font-size: 13px;
            background: #004662;
            border-radius: 0px;
            padding: 5px 10px;
            color: #ffffff;
        }


    .price {
        color: #000000;
        text-align: center;
        font-size: 22px;
    }

    .product-grid .panel {
        width: 30%;
        float: left;
    }

    .product-grid .panel-body {
        padding: 0px;
        margin: 0px;
    }

        .product-grid .panel-body img {
            width: 100%
        }

    .product-grid .panel:nth-child(3n) {
        margin-right: 0;
    }

    .product-grid .panel-footer {
        background: none;
        width: 100%;
        position: relative;
        overflow: hidden;
        font-size: 16px;
        color: #7e7e7e;
        border-top: 1px solid #c1c1c1;
        padding: 7px 0px;
    }

        .product-grid .panel-footer img {
            margin: 0% 5%;
        }

    .panel i {
        font-size: 18px;
        color: #bbb;
        margin: 0px 10px;
    }

        .panel i:hover {
            font-size: 18px;
            color: #666;
            margin: 0px 10px;
            text-decoration: none;
        }

    .Order-w-20p {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .Order-w-80p {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


@media (max-width: 767px) {
    main {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    div#productFilters.border {
        border-color: #ffffff !important;
    }

    .breadcrumb {
        padding: 15px 0px !important;
    }

    .productDetail {
        display: block;
        padding: 0px 15px;
    }

    .border-gray-side {
        border-left: 1px solid #c1c1c1;
        border-right: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
    }

    div#shippingRates {
        max-width: 100%;
    }  

    .mobile-topH0 {
        height: 0px;
    }

    .mobile-iconWrap {
        position: relative;
        top: 100px;
        z-index: 999;
    }

        .mobile-iconWrap a i {
            padding: 5px;
            font-size: 20px;
            margin-right: 4px;
        }


    .CartPrice {
        padding-bottom: 0px;
    }

    .CartProducts .TotalPrice {
        border-top: 1px solid #e5e5e5;
        padding-top: 20px;
        margin-top: 20px;
    }

    .CartProducts .CartProduct-Border {
        border-top: 1px solid #e5e5e5;
        border-left: none;
    }

    .CartProducts .card {
        width: 90%;
        border: 1px solid #e5e5e5;
        border-radius: 0px;
        text-align: left;
        margin: 0 auto;
        padding: 0;
    }

    .btn-ContinueShopping {
        color: #004662;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

        .btn-ContinueShopping:hover {
            color: #004662;
        }


    .navbar .logoBg {
        flex: 0 0 40.333333%;
        max-width: 40.333333%;
    }

    .slideshow-container .text {
        color: #ffffff;
        font-size: 20px;
        padding: 30px;
        margin: 0px -15px 0px -15px;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 100%;
        text-align: left;
        line-height: 1.25
    }

    .panel-group {
        width: 100%;
        margin: 0 auto;
    }

    .product-grid .panel {
        width: 25%;
        float: left;
    }

    .product-grid .panel-body {
        padding: 0px;
        margin: 0px;
    }

    .product-grid .panel {
        width: 45%;
        float: left;
        margin: 8px 8px
    }

    .product-grid .panel:nth-child(2n) {
        margin-right: 0;
    }

    .panel i {
        font-size: 18px;
        color: #bbb;
        margin: 0px 10px;
    }

        .panel i:hover {
            font-size: 18px;
            color: #666;
            margin: 0px 10px;
            text-decoration: none;
        }

    .Registration .btLayout {
        margin-bottom: 30px;
    }

    .LoginHeightPadding {
        padding: 0px 0px;
    }

    .TableBrowseProducts {
        padding: .25rem 0.5rem;
    }

        .TableBrowseProducts a:hover {
            color: #0098d6;
        }

    .main_slide_overlay {
        background: rgba(0, 152, 215, 0.5);
        width: 70%;
        max-width: 100%;
        height: 75px; /* changed from 96px; 1/20/2021 */
        position: absolute;
        bottom: 0%;
    }

        .main_slide_overlay .slogun_txt {
            color: #ffffff;
            opacity: 1;
            font-size: 15px;
            font-weight: normal;
            padding: 0px 0px;
        }

    .Order-w-20p {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .Order-w-80p {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .OrderProducts .OrderProduct-Border {
        border-top: 1px solid #e5e5e5;
        border-left: none;
    }
}

/* added 1/20/2021 */
@media (max-width: 575px) {
    .main_slide_overlay {
        display: none;
    }

    .main_img {
        padding-top: 20px;
    }
}

/*------------------  Responsive styling Ends --------------------*/


/*------------ Mobile Menu --------------*/
.menu-icon a {
    background: url(/img/hamburger.svg) no-repeat center center transparent;
    background-size: 30px 30px;
    background-color: rgba(255,255,255,0.5);
    width: 55px;
    height: 50px;
    display: block;
    position: absolute;
    right: 0px;
    top: 30px;
    padding: 5px;
    outline: none;
    z-index: 999;
    border-radius: 10px;
    margin-right: 10px;
    box-shadow: 0 3px 5px 4px rgba(0,130,230,.25);
}


nav#menu {
    display: none;
    z-index: 999;
}

    nav#menu.mm-opened {
        display: block;
        z-index: 999;
    }

.mm-menu, .mm-panels, .mm-panels > .mm-panel {
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    box-sizing: border-box
}

.mm-btn, .mm-menu {
    box-sizing: border-box
}

.mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover {
    text-decoration: none
}

.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    display: block;
    padding: 0;
    position: absolute
}

.mm-panels, .mm-panels > .mm-panel {
    background: inherit;
    border-color: inherit;
    position: absolute
}

.mm-btn, .mm-panel.mm-highest {
    z-index: 1
}

.mm-panels {
    overflow: hidden
}

.mm-panel {
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

    .mm-panel.mm-opened {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .mm-panel.mm-subopened {
        -webkit-transform: translate3d(-30%,0,0);
        transform: translate3d(-30%,0,0)
    }

.mm-panels > .mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px
}

.mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    transform: none !important
}

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

    .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
        border-color: transparent
    }

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
    display: block
}

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
    height: 40px;
    bottom: auto
}

    .mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
        top: 16px;
        bottom: auto
    }

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 19px
}

.mm-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0
}

.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    top: 22px;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-clear:before, .mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 8px
}

.mm-clear:after, .mm-close:after {
    border-left: none;
    border-top: none;
    right: 23px
}

.mm-arrow:after, .mm-next:after, .mm-prev:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 11px;
    height: 11px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 23px;
    top: 20px;
}

.mm-arrow:after, .mm-next:after {
    border-top: none;
    border-left: none;
    right: 20px
}

.mm-navbar {
    border-bottom: 1px solid;
    border-top: none;
    border-color: transparent;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

    .mm-navbar > * {
        display: block;
        padding: 10px 0
    }

    .mm-navbar .mm-btn:first-child {
        padding-left: 20px;
        left: 0
    }

    .mm-navbar .mm-btn:last-child {
        text-align: right;
        padding-right: 20px;
        right: 0
    }

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 16px;
    line-height: 20px;
    color: #64d2ff;
}

    .mm-listview > li {
        position: relative
    }

        .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
            border-color: transparent;
        }

            .mm-listview > li > a, .mm-listview > li > span {
                color: #64d2ff;
                display: block;
                padding: 20px 0px 20px 30px;
                margin: 0;
                font-size: 20px;
            }

                .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
                    padding-right: 50px
                }

            .mm-listview > li:not(.mm-divider):after {
                content: '';
                border-bottom-width: 1px;
                border-bottom-style: solid;
                display: block;
                position: absolute;
                right: 0;
                bottom: 0;
                left: 20px;
                border-color: #64d2ff;
            }

    .mm-listview ol > li:not(.mm-divider):after {
        content: '';
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 20px;
        border-color: transparent;
    }

    .mm-listview > li.mm-userName:after {
        border-color: transparent !important;
    }

    .mm-listview .mm-next {
        background: rgba(3,2,1,0);
        width: 50px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        margin-right: 20px;
    }

        .mm-listview .mm-next:before {
            content: '';
            border-left-width: 1px;
            border-left-style: solid;
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0
        }

        .mm-listview .mm-next + a, .mm-listview .mm-next + span {
            margin-right: 0px
        }

        .mm-listview .mm-next.mm-fullsubopen {
            width: 100%
        }

            .mm-listview .mm-next.mm-fullsubopen:before {
                border-left: none
            }

            .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
                padding-right: 50px;
                margin-right: 0
            }

.mm-panels > .mm-panel > .mm-listview {
    margin: 20px -20px
}

    .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
        margin-top: 0px
    }

.mm-listview .mm-inset {
    list-style: disc inside;
    padding: 0 10px 15px 40px;
    margin: 0
}

    .mm-listview .mm-inset > li {
        padding: 5px 0
    }

.mm-listview .mm-divider {
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

    .mm-listview .mm-spacer > .mm-next {
        top: 40px
    }

    .mm-listview .mm-spacer.mm-divider {
        padding-top: 25px
    }

.mm-menu {
    background: #0098d6;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.7)
}

    .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
        color: #fff;
        text-transform: uppercase;
        height: auto;
        background: #0098d6;
        font-size: 20px;
        padding: 0px;
    }

    .mm-menu .mm-navbar a, .mm-menu .mm-navba .mm-title {
        color: #fff;
        text-transform: uppercase;
        height: auto;
        background: #0098d6;
        font-size: 20px;
        padding: 0px;
        margin-top: 20px;
    }

    .mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
        border-color: #fff;
    }

    .mm-menu .mm-listview {
        border-color: rgba(0,0,0,.1)
    }

        .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
            border-color: #64d2ff;
        }

        .mm-menu .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(255,255,255,.5);
        }

        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
            background: #004662
        }

        .mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
            background: rgba(0,0,0,.05)
        }

.mm-page {
    box-sizing: border-box; /*position:relative*/
}

.mm-slideout {
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1
}

html.mm-opened {
    overflow-x: hidden;
    position: relative
}

html.mm-blocking, html.mm-blocking body {
    overflow: hidden
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(0,0,0,0.5);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
    position: fixed
}

    .mm-menu.mm-offcanvas.mm-current {
        display: block;
        background: #0098d6;
    }

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 340px !important;
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width:175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width:550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(340px,0,0);
        transform: translate3d(340px,0,0)
    }
}

.mm-menu.mm-autoheight.mm-bottom, .mm-menu.mm-autoheight.mm-top {
    max-height: 80%
}

    .mm-menu.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-autoheight.mm-top.mm-fullscreen {
        max-height: 100%
    }

.mm-menu.mm-measureheight .mm-panel {
    display: block !important
}

.mm-menu.mm-measureheight > .mm-panels > .mm-panel {
    bottom: auto !important;
    height: auto !important
}

.mm-menu.mm-columns {
    transition-property: width,max-width,-webkit-transform;
    transition-property: transform,width,max-width;
    transition-property: transform,width,max-width,-webkit-transform
}

    .mm-menu.mm-columns .mm-panels > .mm-panel {
        width: 100%;
        right: auto;
        display: none;
        transition-property: width,-webkit-transform;
        transition-property: transform,width;
        transition-property: transform,width,-webkit-transform
    }

        .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened {
            border-right: 1px solid;
            border-color: inherit;
            display: block;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        .mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
            z-index: 2
        }

        .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-0 {
            display: block;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0)
        }

.mm-menu.mm-columns-0 {
    width: 80%;
    min-width: 140px;
    max-width: 0
}

html.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width:0px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-1 {
    display: block;
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0)
}

.mm-menu.mm-columns-1 {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width:550px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate3d(440px,0,0);
        transform: translate3d(440px,0,0)
    }
}

.mm-menu.mm-columns-1 .mm-panels > .mm-panel {
    width: 100%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 {
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-2 {
    display: block;
    -webkit-transform: translate3d(300%,0,0);
    transform: translate3d(300%,0,0)
}

.mm-menu.mm-columns-2 {
    width: 80%;
    min-width: 140px;
    max-width: 880px
}

html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width:1100px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate3d(880px,0,0);
        transform: translate3d(880px,0,0)
    }
}

.mm-menu.mm-columns-2 .mm-panels > .mm-panel {
    width: 50%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 {
    -webkit-transform: translate3d(300%,0,0);
    transform: translate3d(300%,0,0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-3 {
    display: block;
    -webkit-transform: translate3d(400%,0,0);
    transform: translate3d(400%,0,0)
}

.mm-menu.mm-columns-3 {
    width: 80%;
    min-width: 140px;
    max-width: 1320px
}

html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width:1650px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate3d(1320px,0,0);
        transform: translate3d(1320px,0,0)
    }
}

.mm-menu.mm-columns-3 .mm-panels > .mm-panel {
    width: 33.34%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 {
    -webkit-transform: translate3d(400%,0,0);
    transform: translate3d(400%,0,0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-4 {
    display: block;
    -webkit-transform: translate3d(500%,0,0);
    transform: translate3d(500%,0,0)
}

.mm-menu.mm-columns-4 {
    width: 80%;
    min-width: 140px;
    max-width: 1760px
}

html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width:2200px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate3d(1760px,0,0);
        transform: translate3d(1760px,0,0)
    }
}

.mm-menu.mm-columns-4 .mm-panels > .mm-panel {
    width: 25%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 {
    -webkit-transform: translate3d(500%,0,0);
    transform: translate3d(500%,0,0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-5 {
    display: block;
    -webkit-transform: translate3d(600%,0,0);
    transform: translate3d(600%,0,0)
}

.mm-menu.mm-columns-5 {
    width: 80%;
    min-width: 140px;
    max-width: 2200px
}

html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width:2750px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate3d(2200px,0,0);
        transform: translate3d(2200px,0,0)
    }
}

.mm-menu.mm-columns-5 .mm-panels > .mm-panel {
    width: 20%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 {
    -webkit-transform: translate3d(600%,0,0);
    transform: translate3d(600%,0,0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-6 {
    display: block;
    -webkit-transform: translate3d(700%,0,0);
    transform: translate3d(700%,0,0)
}

.mm-menu.mm-columns-6 {
    width: 80%;
    min-width: 140px;
    max-width: 2640px
}

html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width:3300px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate3d(2640px,0,0);
        transform: translate3d(2640px,0,0)
    }
}

.mm-menu.mm-columns-6 .mm-panels > .mm-panel {
    width: 16.67%
}

em.mm-counter {
    font: inherit;
    font-size: 20px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 65px;
    top: 50%;
}

    em.mm-counter + a.mm-next {
        width: 90px
    }

        em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
            margin-right: 90px
        }

    em.mm-counter + a.mm-fullsubopen {
        padding-left: 0
    }

.mm-vertical > .mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer > .mm-counter {
    margin-top: 40px;
    color: #64d2ff;
}

.mm-nosubresults > .mm-counter {
    display: none
}

.mm-menu em.mm-counter {
    color: #63d2ff
}

.mm-divider > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .mm-fixeddivider:after {
        content: none !important;
        display: none !important
    }

.mm-hasdividers .mm-fixeddivider {
    display: block
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0,0,0,.05)
}

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
    transition-duration: 0s
}

.mm-menu.mm-dropdown {
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    height: 80%
}

html.mm-dropdown .mm-slideout {
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-dropdown #mm-blocker {
    transition-delay: 0s !important;
    z-index: 1
}

html.mm-dropdown .mm-menu {
    z-index: 2
}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
    display: none
}

.mm-menu.mm-tip:before {
    content: '';
    background: inherit;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu.mm-tipleft:before {
    left: 22px
}

.mm-menu.mm-tipright:before {
    right: 22px
}

.mm-menu.mm-tiptop:before {
    top: -8px
}

.mm-menu.mm-tipbottom:before {
    bottom: -8px
}

.mm-iconpanel .mm-panel {
    transition-property: left,-webkit-transform;
    transition-property: transform,left;
    transition-property: transform,left,-webkit-transform
}

    .mm-iconpanel .mm-panel.mm-opened {
        border-left: 1px solid;
        border-color: inherit
    }

    .mm-iconpanel .mm-panel.mm-subopened {
        overflow-y: hidden;
        left: -40px;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-0 {
        left: 0
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-1 {
        left: 40px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-2 {
        left: 80px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-3 {
        left: 120px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-4 {
        left: 160px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-5 {
        left: 200px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-6 {
        left: 240px
    }

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    transition: opacity .4s ease
}

.mm-subopened .mm-subblocker {
    opacity: .6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3
}

.mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top {
    border-bottom: none
}

.mm-menu > .mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    top: auto;
    bottom: 0
}

    .mm-navbar-bottom ~ .mm-navbar-bottom {
        border-top: none
    }

.mm-navbar.mm-hasbtns {
    padding: 0 40px; /* top: 50px; height: 60px*/
    ;
}

.mm-navbar[class*=mm-navbar-content-] > * {
    box-sizing: border-box;
    display: block;
    float: left
}

.mm-navbar .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

    .mm-navbar .mm-breadcrumbs > * {
        display: inline-block;
        padding: 10px 3px
    }

    .mm-navbar .mm-breadcrumbs > a {
        text-decoration: underline
    }

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar-top-1 {
    top: 0
}

.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panels {
    top: 160px
}

.mm-navbar-bottom-1 {
    bottom: 0
}

.mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 {
    bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-2 > * {
    width: 50%
}

.mm-navbar-content-3 > * {
    width: 33.33%
}

.mm-navbar-content-4 > * {
    width: 25%
}

.mm-navbar-content-5 > * {
    width: 20%
}

.mm-navbar-content-6 > * {
    width: 16.67%
}

.mm-sronly {
    text-indent: 10px;
    overflow: hidden;
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: -1
}

.mm-search, .mm-search input {
    box-sizing: border-box
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0;
    position: relative
}
    /*.mm-search input{border:none;border-radius:0px;font:inherit;font-size:16px;line-height:26px;outline:0;display:block;width:100%;height:40px;margin:0;padding:0 10px; background: url("../img/icon-search.png") no-repeat;}*/
    .mm-search input::-ms-clear {
        display: none
    }

    .mm-search .mm-clear, .mm-search .mm-next {
        right: 0
    }

.mm-panel > .mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel.mm-hassearch {
    padding-top: 40px
}

    .mm-panel.mm-hassearch.mm-hasnavbar {
        padding-top: 80px
    }

        .mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
            top: 40px
        }

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    padding: 40px 0
}

.mm-noresults .mm-indexer {
    display: none !important
}

li.mm-nosubresults > a.mm-next {
    display: none
}

    li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
        padding-right: 10px
    }

.mm-panels > .mm-resultspanel:not(.mm-opened) {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-search input {
    border: none;
    border-radius: 0px;
    font: inherit;
    font-size: 16px;
    line-height: 26px;
    outline: 0;
    display: block;
    width: 100%;
    height: 55px;
    color: #fff;
    margin: 0;
    padding: 5px 30px;
    background: #1b1b1b;
    background-image: url('/img/icon-search-white.png'); /* ADOA changes 4-23-2021 */
    background-position: 20px 20px;
    background-repeat: no-repeat;
}

.mm-menu .mm-noresultsmsg {
    color: rgba(0,0,0,.3)
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100px;
    z-index: 3;
    transition: right .4s ease;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .mm-indexer a {
        text-decoration: none;
        display: block;
        height: 3.85%
    }

    .mm-indexer ~ .mm-panel.mm-hasindexer {
        padding-right: 40px
    }

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

.mm-menu .mm-indexer a {
    color: rgba(0,0,0,.3)
}

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
    transition: background .4s ease
}

    .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: rgba(255,255,255,.5)
    }

input.mm-check, input.mm-toggle {
    position: absolute;
    left: -10000px
}

label.mm-check, label.mm-toggle {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 20px
}

    label.mm-check:before, label.mm-toggle:before {
        content: '';
        display: block
    }

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px
}

    label.mm-toggle:before {
        border-radius: 30px;
        width: 28px;
        height: 28px;
        margin: 1px
    }

input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

    label.mm-check:before {
        border-left: 3px solid;
        border-bottom: 3px solid;
        width: 40%;
        height: 20%;
        margin: 25% 0 0 20%;
        opacity: .1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

input.mm-check:checked ~ label.mm-check:before {
    opacity: 1
}

li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
    bottom: auto;
    margin-top: 0;
    top: 5px
}

label.mm-toggle + a, label.mm-toggle + span {
    padding-right: 80px
}

label.mm-check + a, label.mm-check + span {
    padding-right: 60px
}

a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
    right: 60px
}

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        margin-right: 50px
    }

    a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        padding-right: 70px
    }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
        padding-right: 50px
    }

em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
    right: 100px
}

    em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span {
        margin-right: 90px
    }

.mm-menu label.mm-toggle {
    background: rgba(0,0,0,.1)
}

    .mm-menu label.mm-toggle:before {
        background: #f3f3f3
    }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0,0,0,.7)
}

.mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after {
    content: none
}

.mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after {
    left: 0 !important
}

.mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after {
    right: 20px
}

.mm-menu.mm-effect-menu-zoom {
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7,.7) translate3d(-30%,0,0);
    transform: scale(.7,.7) translate3d(-30%,0,0);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

html.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7,.7) translate3d(30%,0,0);
    transform: scale(.7,.7) translate3d(30%,0,0);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0)
}

.mm-menu.mm-effect-menu-slide {
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

html.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(30%,0,0);
    transform: translate3d(30%,0,0)
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-effect-menu-fade {
    opacity: 0;
    transition: opacity .4s ease
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
    opacity: 1
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
    -webkit-transform: scale(1.5,1.5) translate3d(100%,0,0);
    transform: scale(1.5,1.5) translate3d(100%,0,0);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

    .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
        -webkit-transform: scale(1,1) translate3d(0,0,0);
        transform: scale(1,1) translate3d(0,0,0)
    }

        .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
            -webkit-transform: scale(.7,.7) translate3d(-30%,0,0);
            transform: scale(.7,.7) translate3d(-30%,0,0)
        }

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li {
    transition: none .4s ease
}

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(1) {
        transition-delay: 50ms
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2) {
        transition-delay: .1s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3) {
        transition-delay: 150ms
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4) {
        transition-delay: .2s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5) {
        transition-delay: 250ms
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6) {
        transition-delay: .3s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7) {
        transition-delay: 350ms
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8) {
        transition-delay: .4s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9) {
        transition-delay: 450ms
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10) {
        transition-delay: .5s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11) {
        transition-delay: 550ms
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12) {
        transition-delay: .6s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13) {
        transition-delay: 650ms
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14) {
        transition-delay: .7s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15) {
        transition-delay: 750ms
    }

.mm-menu.mm-effect-listitems-slide .mm-listview > li {
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transform: translate3d(50%,0,0);
    transform: translate3d(50%,0,0);
    opacity: 0
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

.mm-menu.mm-effect-listitems-fade .mm-listview > li {
    transition-property: opacity;
    opacity: 0
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
    opacity: 1
}

.mm-menu.mm-effect-listitems-drop .mm-listview > li {
    transition-property: opacity,top;
    opacity: 0;
    top: -25%
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
    opacity: 1;
    top: 0
}

.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

@media all and (max-width:140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width:10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(10000px,0,0);
        transform: translate3d(10000px,0,0)
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

@media all and (max-width:140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(-140px,0,0);
        transform: translate3d(-140px,0,0)
    }
}

@media all and (min-width:10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(-10000px,0,0);
        transform: translate3d(-10000px,0,0)
    }
}

.mm-menu.mm-fullscreen.mm-bottom, .mm-menu.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important
}

.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
    text-overflow: clip;
    white-space: normal
}

html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker {
    opacity: 0
}

html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker {
    opacity: .3;
    transition: opacity .4s ease .4s
}

html.mm-pagedim #mm-blocker {
    background: inherit
}

html.mm-pagedim-white #mm-blocker {
    background: #fff
}

html.mm-pagedim-black #mm-blocker {
    background: #000
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after {
    content: none;
    display: none
}

.mm-menu.mm-popup {
    transition: opacity .4s ease;
    opacity: 0;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

html.mm-popup.mm-opening .mm-menu.mm-popup {
    opacity: 1
}

html.mm-popup .mm-slideout {
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-popup #mm-blocker {
    transition-delay: 0s !important;
    z-index: 1
}

html.mm-popup .mm-menu {
    z-index: 2
}

.mm-menu.mm-bottom, .mm-menu.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

.mm-menu.mm-right {
    left: auto;
    right: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate3d(-80%,0,0);
    transform: translate3d(-80%,0,0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate3d(-140px,0,0);
        transform: translate3d(-140px,0,0)
    }
}

@media all and (min-width:550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate3d(-340px,0,0);
        transform: translate3d(-340px,0,0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-front #mm-blocker {
    z-index: 1
}

html.mm-front .mm-menu {
    z-index: 2
}

.mm-menu.mm-front, .mm-menu.mm-next {
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

    .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

.mm-menu.mm-top {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0,0,0,.15);
    color: rgba(255,255,255,.8)
}

    .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark em.mm-counter {
        color: rgba(255,255,255,.4)
    }

    .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
        border-color: rgba(255,255,255,.4)
    }

    .mm-menu.mm-theme-dark .mm-listview {
        border-color: rgba(0,0,0,.15)
    }

        .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
            border-color: rgba(255,255,255,.4)
        }

        .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(0,0,0,.1);
        }

        .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
            background: rgba(0,0,0,.1)
        }

        .mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
            background: rgba(255,255,255,.05)
        }

    .mm-menu.mm-theme-dark label.mm-check:before {
        border-color: rgba(255,255,255,.8)
    }

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0,0,0,.5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.8)
}

.mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255,255,255,.4)
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0,0,0,.1)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0,0,0,.15)
}

    .mm-menu.mm-theme-dark label.mm-toggle:before {
        background: #333
    }

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.6)
}

    .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white em.mm-counter {
        color: rgba(0,0,0,.3)
    }

    .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
        border-color: rgba(0,0,0,.3)
    }

    .mm-menu.mm-theme-white .mm-listview {
        border-color: rgba(0,0,0,.1)
    }

        .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
            border-color: rgba(0,0,0,.3)
        }

        .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(0,0,0,.05);
        }

        .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
            background: rgba(0,0,0,.05)
        }

        .mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
            background: rgba(0,0,0,.03)
        }

    .mm-menu.mm-theme-white label.mm-check:before {
        border-color: rgba(0,0,0,.6)
    }

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.6)
}

.mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0,0,0,.3)
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0,0,0,.05)
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0,0,0,.1)
}

    .mm-menu.mm-theme-white label.mm-toggle:before {
        background: #fff
    }

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255,255,255,.2);
    color: rgba(255,255,255,.6)
}

    .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black em.mm-counter {
        color: rgba(255,255,255,.4)
    }

    .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
        border-color: rgba(255,255,255,.4)
    }

    .mm-menu.mm-theme-black .mm-listview {
        border-color: rgba(255,255,255,.2)
    }

        .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
            border-color: rgba(255,255,255,.4)
        }

        .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(255,255,255,.3);
        }

        .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
            background: rgba(255,255,255,.3)
        }

        .mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
            background: rgba(255,255,255,.2)
        }

    .mm-menu.mm-theme-black label.mm-check:before {
        border-color: rgba(255,255,255,.6)
    }

.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.6)
}

.mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255,255,255,.4)
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255,255,255,.3)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255,255,255,.2)
}

    .mm-menu.mm-theme-black label.mm-toggle:before {
        background: #000
    }

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none
}

.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
    width: 50%;
    height: 0;
    padding: 50% 0 0;
    float: left;
    position: relative
}

    .mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
        left: 0;
        top: 0;
        border-right-width: 1px;
        border-right-style: solid;
        z-index: -1
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
        width: 12.5%;
        padding-top: 12.5%
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
        width: 25%;
        padding-top: 25%
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
        width: 75%;
        padding-top: 75%
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
        width: 100%;
        padding-top: 100%
    }

    .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
        line-height: 1px;
        text-align: center;
        padding: 50% 10px 0;
        margin: 0;
        position: absolute;
        top: 0;
        right: 1px;
        bottom: 1px;
        left: 0
    }

    .mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
        width: auto
    }

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0
}

#mm-1 ul li {
    text-transform: uppercase;
}

    #mm-1 ul li a {
        color: #ffffff; /* ADOA change - 4-14-2021 */
        font-size: 20px;
        padding: 20px 0px 20px 30px;
    }

        #mm-1 ul li a:hover {
            color: #fff;
            font-size: 20px;
            padding: 20px 0px 20px 30px;
        }

.mm-panels ul.product-models li a {
    color: #fe4819;
}

.mm-navbar-top {
    border-bottom: none;
}

.mm-listview li.my-brandt, .mm-listview li.contact-us {
    display: none;
}

.mm-listview > li.my-brandt:not(.mm-divider):after, .mm-listview > li.contact-us:not(.mm-divider):after {
    border: none;
}

.mm-listview li.my-brandt a {
    padding: 7px 30px;
    color: #fff;
    margin: 10px 0 0 20px;
    display: inline-block;
    background: #fe4819;
    background: -moz-linear-gradient(top, #fe4819 0%, #a72509 100%);
    background: -webkit-linear-gradient(top, #fe4819 0%,#a72509 100%);
    background: linear-gradient(to bottom, #fe4819 0%,#a72509 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe4819', endColorstr='#a72509',GradientType=0 );
}

    .mm-listview li.my-brandt a:hover {
        background: #FD4819;
    }

.mm-listview li.contact-us a {
    padding: 7px 30px;
    color: #fff;
    margin: 10px 0 0 20px;
    display: inline-block;
    background: #919191;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxOTE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTU5NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #919191 0%, #595959 100%);
    background: -webkit-linear-gradient(top, #919191 0%,#595959 100%);
    background: linear-gradient(to bottom, #919191 0%,#595959 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#595959',GradientType=0 );
}

    .mm-listview li.contact-us a:hover {
        background: #7D7D7D;
    }

/*-------------------- Nav styling Ends --------------------*/

.error {
    color: #AF0606;
}

.search-product img {
    max-width: 175px;
    max-height: 175px;
}

.quoteTextWrapper {
    top: 350px;
    margin-top: 50px;
}

    .quoteTextWrapper h1 {
        color: #005b80;
        text-shadow: none;
        font-size: 32px;
    }

    .quoteTextWrapper p {
        color: #005b80;
        text-shadow: none;
        font-size: 16px;
    }

.ui-tooltip {
    background-color: #F8D7DA;
}

.ui-tooltip-content {
    font-size: 14px;
    color: #721C24;
}

@media only screen and (min-width: 1200px) and (max-width: 1260px) {
    .fr-ca-section .megaMenu-navbar .menuDiv .menuItem {
        font-size: 13px;
        padding: 4px;
    }

    .fr-ca-section .navbar .logoBg {
        max-width: 18%;
    }
}

@media only screen and (min-width: 1261px) and (max-width: 1375px) {
    .fr-ca-section .megaMenu-navbar .menuDiv .menuItem {
        font-size: 14px;
        padding: 4px;
    }

    .fr-ca-section .navbar .logoBg {
        max-width: 18%;
    }
}

@media only screen and (min-width: 1376px) and (max-width: 1449px) {
    .fr-ca-section .megaMenu-navbar .menuDiv .menuItem {
        font-size: 15px;
        padding: 5px;
    }
}

@media only screen and (min-width: 1501px) and (max-width: 1579px) {
    .fr-ca-section .megaMenu-navbar .menuDiv .menuItem {
        font-size: 15px;
        padding: 6px;
    }
}

@media only screen and (min-width: 1580px) and (max-width: 1712px) {
    .fr-ca-section .megaMenu-navbar .menuDiv .menuItem {
        font-size: 17px;
        padding: 6px;
    }
}



/***
  Product short web description styling
***/
/*GLOBAL*/

.partNumber {
    color: #7e7e7e;
    text-align: left;
}

    .partNumber span {
        font-weight: 700;
    }

/*END OF GLOBAL*?



/*PRODUCT CATEGORY/MARKET PAGE*/

.products .product-description-box .partNumber {
    text-align: center;
}

.product-link {
    width: 100%;
    margin-bottom: 1em;
    height: 5em;
    font-size: 16px;
    font-weight: bold;
}

@media only screen and (max-width: 1686px) {
    .product-link {
        height: 7.5em;
    }
}

/*END OF CATEGORY/MARKET PAGE*/

/*PRODUCT DETAIL PAGE*/

.productDetail .text-left section:not(.d-flex) h2 {
    font-size: 1.5rem;
    font-weight: bold !important;
}

.specSheetIcon {
    max-width: 30px;
}

.productSheetSection {
    padding: 2ex 0;
}

/*END PRODUCT DETAIL PAGE*/
/*SEARCH RESULTS PAGE*/
.search-product .card-body h5 {
    font-weight: bold;
    font-size: 1.15rem;
}
/* added 1/20/2021 */
.search-product .card-body {
    word-break: break-all;
}
/*END SEARCH RESULTS PAGE*/



/*QUOTE CART PAGE*/

#QuoteProducts .card .card-title {
    font-size: 1.15rem;
    font-weight: bold;
}

/*END OF QUOTE CART PAGE*/


/*CHECKOUT PAGE*/

.CartProducts .card .card-title {
    font-size: 1.15rem;
    font-weight: bold;
}

/*END OF CHECKOUT PAGE*/



/*CHECKOUT > DELIVERY PAGE*/

#shippingRates .shippingGroup .card .card-title {
    font-size: 1.15rem;
    font-weight: bold;
}

#shippingInformation .card-promotion {
    padding: 25px 0px 0px 0px;
}

#shippingInformation .btn-review {
    margin-bottom: 2em;
    margin-top: .5em;
    max-width: 301px;
    background-color: #0098d6;
}

#shippingInformation .col-form-label {
    padding-left: 0;
}

#applyPromoCode {
    border-radius: 0;
}

#shippingInformation .btn-review:hover {
    background-color: #004662;
}

/*END OF CHECKOUT > DELIVERY PAGE*/



/*CHECKOUT > REVIEW PAGE*/

.ReviewItems .card .card-title {
    font-weight: bold;
    font-size: 1.15rem;
}

.cartProduct .partNumber {
    text-align: left;
}

/*END OF CHECKOUT > REVIEW PAGE*/



/*MY ACCOUNT > ORDER DETAILS PAGE*/

#dashboardOrder .OrderProducts h5 {
    font-weight: bold;
    font-size: 1.15rem;
}

/*END OF MY ACCOUNT > ORDER DETAILS PAGE*/



/*MY ACCOUNT > QUOTE DETAILS PAGE*/

#dashboardOrder .OrderProducts h5 {
    font-weight: bold;
    font-size: 1.15rem;
}

/*END OF MY ACCOUNT > QUOTE DETAILS PAGE*/

@media only screen and (max-width: 767px) {
    .mobile-topH0 {
        position: sticky;
        z-index: 10000;
        top: 45px;
    }

    .mobile-menu-icons {
        position: sticky;
        z-index: 1029;
        top: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .mobile-topH0 {
        position: sticky;
        z-index: 10000;
        top: 38px;
    }

    .mobile-menu-icons {
        position: sticky;
        z-index: 1021;
        top: 45px;
    }
}


.errorPanel {
    padding: .5em;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    background-color: #f8d7da;
    font-family: Roboto;
    font-size: 16px;
    color: #721c24;
    text-decoration: rgb(114, 28, 36);
    max-width: 83.5%;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 3ex;
}

    .errorPanel .col-sm-12 {
        padding: .5em !important;
    }

    .errorPanel p {
        margin-bottom: 0;
    }

    .errorPanel ul li {
        position: relative;
        padding-left: 1em;
    }

        .errorPanel ul li::before {
            content: '-';
            position: absolute;
            left: .5em;
        }

    .errorPanel ul {
        width: 100%;
    }

.checkoutShippingDelivery .contactDetails .field-validation-valid,
.checkoutShippingDelivery #customAddress .field-validation-valid {
    display: none;
}


/* Required fields */
label.required::before {
    content: '*';
    color: #AF0606;
    padding-right: 3px;
}

[required]::-webkit-input-placeholder { /* WebKit browsers */
    color: #AF0606 !important;
}

[required]::-moz-placeholder { /* WebKit browsers */
    color: #AF0606 !important;
}

[required]::-ms-input-placeholder { /* WebKit browsers */
    color: #AF0606 !important;
}

select.required.stillneeded {
    color: #AF0606;
}

#addressList {
    padding-bottom: 30px;
}

/* added 12-9-2020 to change the cursor on the dashboard order status buttons */
p.btn-BlueOutline {
    cursor: text;
}
@media only screen and (min-width: 576px) {
    .logoBg div.desktop-logo {
        display: block;
    }

    .logoBg div.mobile-logo {
        display: none;
    }
}

/* mobile header adjustments */
@media only screen and (max-width: 575px) {
    .logoBg div.desktop-logo {
        display: none;
    }
    .logoBg div.mobile-logo {
        display: block;
    }

    .mobile-iconWrap {
        background-color: #0098d6;
    }

    .navbar {
        background-color: #fff;
    }

    main.container-fluid div:not(.carousel-item):nth-child(2) {
        margin-top: 15px;
    }

    .menu-icon a {
        background-color: rgb(128, 204, 235);
        top: 17px;
        box-shadow: none;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-iconWrap {
        top: 92px;
    }
}

@media only screen and (max-width: 1199px) {
    .mobile-iconWrap {
        padding-top: 5px;
    }

    .mobile-search {
        position: relative;
        top: 92px;
        background-color: #0098d6;
        margin-left: -15px;
        margin-right: -15px;
        padding-bottom: 5px;
        padding-top: 5px;
        display: flex;
    }

        .mobile-search input[type="text"] {
            width: 90%;
        }

        .mobile-search input[type="submit"] {
            background: url(/img/icon-search-white.png) no-repeat center center; /* ADOA changes 4-23-2021 */
            background-size: 25px 25px;
            border: none;
            height: 39px;
            width: 25px;
            color: #999999;
            font-size: 0;
            padding: 7px 8px;
            position: relative;
            top: -1px;
            float: right;
            right: 0px;
            border-bottom: 1px solid #ffffff; /* ADOA changed from #64d3ff 4-28-2021 */
        }
}

@media only screen and (min-width: 768px) {
    div.row.gnb_bg {
        margin-left: -15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 578px) {
    .mobile-search {
        top: 115px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1166px) {
    .mobile-search {
        top: 120px;
    }
}

#dropdownMenuButton {color: #ffffff;} /* ADOA changes 4-23-2021 */



.articles-list {
    margin: 3em auto;
}

.articles-list a {
    text-decoration: none;
}

.articles-list h2 {
    font-size: 2.25em;
}

.articles-list .container {
    max-width: 1400px;
}

.articles-list .filter-by {
    color: #004462;
    margin: 2em 0;
    font-weight: 500;
    font-size: 1.25em;
}

    .articles-list .filter-by select {
        margin-left: 0.5em;
        color: #000;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 10px 20px;
        border: 1px solid #ededed;
    }

    .articles-list .filter-by .sort-by {
        float: right;
    }

.articles-list .article-segment {
    margin-bottom: 2em;
}

.article-segments .inner {
    position: relative;
    padding-bottom: 2.5em;
    background-color: #ffffff;
    background-size: cover;
    box-shadow: 0px 32px 24px -24px rgb(43 42 53 / 30%), 0px 0px 24px 8px rgb(43 42 53 / 5%);
    min-height: 100%;
}

.article-segments .img-wrapper {
    text-align: center;
}

.article-segments .img-wrapper img {
    max-width: 100%;
    max-height: 291px;
}

.article-segments .category {
    display: inline-block;
    margin: 1em 1.2em;
    color: #004662;
}

    .article-segments .category i {
        margin-right: 0.5em;
        font-size: 1.2em;
    }

.article-segments h6 {
    color: #428bca;
    margin-left: 1.2em;
    font-size: 1.125em;
    max-width: 360px;
}

.article-segments p {
    color: #737373;
    margin-left: 1.2em;
    max-width: 360px;
}

.article-segments .read-more {
    position: absolute;
    bottom: 1em;
    margin-left: 1.2em;
    font-size: 16px;
    border-bottom: 1px solid #004662;
    cursor: pointer;
    color: #737373;
}

.articles-list .wrapper {
    text-align: center
}

    .articles-list .wrapper .view-all {
        padding: 0.5em 1.75em;
        border: 0;
        color: #fff;
        background-color: #004662;
    }

/*-------------------*/
.article-block {
    margin-top: 3em;
}

.article-block .container {
    max-width: 1400px;
}

.article-block .author-info {
    margin-top: 2em; /* changed 11/12/2021 - to remove space above article desc ECSWIRE-85*/ 
    border-bottom: 1px solid #c9c9c9;
}

.author-info img {
    width: 50px;
    height: auto;
    border: 2px solid #333;
}

.author-info ul {
    list-style-type: none;
    color: #333333;
    font-weight: 500;
    margin-left: -4em;
}

    .author-info ul i {
        margin-right: 0.5em;
    }

.article-desc .read-more {
    font-size: 16px;
    border-bottom: 1px solid #004662;
    cursor: pointer;
    color: #737373;
}

.article-block .article-desc {
    padding: 1em 2.5em;
    color: #333333;
}

.article-desc h6 {
    margin: 2em 0;
    color: #333;
}

.article-desc img {
    margin-bottom: auto;
}

.article-desc .col-md-9 {
    padding: 1em 4em;
}

.article-desc h5 {
    font-size: 16px;
    color: #333;
}
/* start 11/12/2021 - adjustments ECSWIRE-85*/
@media (max-width: 1199px) {
.article-block .article-desc  {
    padding: 1em 0;
	}
}	
@media (max-width: 767px) {
.article-desc img {
    width: 100%;
	}	
.author-info ul {
    margin-left: 0;
	}	
}
/* end 11/12/2021 - adjustments ECSWIRE-85*/
.wrapper-inner p {
    color: #333333;
}
.wrapper-inner {
    max-width: 76.3%;
    margin: 0 auto;
    padding-top: 2em;
}

.viewCategory {
    text-decoration: underline;
}

@media (max-width: 1300px) {
    .mailchimpNewsletter .email {
        width: 100%;
    }
    .mailchimpNewsletter .input-group-append {
        margin-top: 1ex;
        width: 100%;
    }

        

        .mailchimpNewsletter .newsletterDisclaimer {
            width: 100% !important;
        }
}

@media (max-width: 1199px) {
    .wrapper-inner {
        max-width: 90%;
    }
}

@media (max-width: 991px) {
    

    .mailchimpNewsletter .email {
        max-width: 60%;
    }

    .mailchimpNewsletter .input-group-append {
        display: inline-block;
        width: auto;
        margin-top: 0;
    }

    .mailchimpNewsletter .newsletterDisclaimer {
        margin: 1ex 0 3ex !important;
        width: 60% !important;
    }

    .footerLogos .justify-content-around {
        width: 100%;
    }

    .articles-list .filter-by .sort-by {
        float: left;
        margin-top: 15px;
    }

    #addressList .stateDDL,
    #addressList .countryDDL {
        max-width: 15em;
    }
}

@media (max-width: 767px) {
    .wrapper-inner {
        max-width: 100%;
    }
    .mailchimpNewsletter .newsletterDisclaimer {
        margin: 1ex 0 3ex !important
    }
}

@media (max-width: 575px) {
    .footerLogos .justify-content-around {
        width: auto;
        margin-right: -15px;
        margin-left: -15px;
    }

    .mailchimpNewsletter .email {
        max-width: 100%;
    }

    .mailchimpNewsletter .input-group-append .clear,
    .mailchimpNewsletter .input-group-append .clear input {
        width: 100%;
        margin-left: 1px;
    }

    .mailchimpNewsletter .input-group-append {
        margin-top: 0 !important;
        width: 100%;
    }

    .mailchimpNewsletter .newsletterDisclaimer {
        width: 100% !important;
    }

    .articles-list .filter-by .sort-by {
        margin-top: 0;
    }
}

li.tooltip-icon {
    display: flex;
    margin-top: -0.4em;
    align-items: center;
    position: relative;
}

.tooltip-content {
    cursor: pointer;
    position: absolute;
    background-color: #039be5;
    padding: 1px 8px;
    margin: 6px 5px 5px -8px;
    font-size: 12px;
    border-radius: 100%;
    color: #fff;
    left: 200px;
}
.tooltip-content:before,
.tooltip-content:after {
    position: absolute;
    content: '';
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-content:after {
    content: attr(data-tooltip);
    background-color: #039be5;
    width: 200px;
    height: auto;
    font-size: 13px;
    font-weight: 300;
    z-index: 1;
    top: -5px;
    left: 105%;
    padding: 10px;
    border-radius: 5px;
    line-height: 1;
}
.tooltip-content:hover::before,
.tooltip-content:hover::after {
    opacity: 1;
}
.google-maps {
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.fr-view h1 {
    color: #005b80;
}
/* full width banner style slider start */
.full-width-slider .carousel-item.active {
    display:block !important;
}
.full-width-slider img {
    width: 100% !important;
    height: auto !important;
}
.full-width-slider a.carousel-control-next, .full-width-slider a.carousel-control-prev {
    background-color: transparent !important;
    border: 0;
}
.full-width-slider .carousel-item {
    padding: 0 0 0 0 !important;
}
/* full width banner style slider end */
/* general usage items for full width + dark blue bg */
.full-width {
    margin-left: -15px;
    margin-right: -15px;
}

.full-width > .wrapper-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.dark-blue-bg {
    background: #005b80;
}
/* locations widget start */
.contact-locations {
    color: #7e7e7e;
}

.contact-locations h2 {
    font-size: 18px;
    color: #0098d6;
    font-weight: bold;
}

.contact-locations .row div:nth-child(2) {
    margin-top: 0 !important;
}

.contact-locations .heading, .contact-locations a {
    color: #0098d6;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 8px;
}
/* locations widget end */
/* contact form widget start */
.contactForm .field-validation-valid {
    display: none;
}

.contactForm .g-recaptcha {
    margin-top: 20px;
}

.contactForm li {
    float: left;
    width: 100%;
}

.contactForm h2 {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.contactForm label {
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
    margin: 8px 0;
    float: left;
    clear: left;
}

.contactForm input:not([type="submit"]), .contactForm textarea, .contactForm select {
    float: left;
    clear: left;
    font-size: 16px;
    width: 100%;
    max-width: 100%;
    padding: 8px 16px;
    border: none;
    box-sizing: border-box;
}

.contactForm select {
    width: auto;
    float: left;
    clear: none;
    margin-left: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    background-color: #ffffff;
}

select::-ms-expand {
    display: none;
}


.contactForm textarea {
    height: 185px;
}

.contactForm input[type="submit"] {
    float: left;
    clear: none;
    padding: 8px 16px 7px;
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 16px;
    border: none;
    background-color: #0098d6;
    color: #FFFFFF;
    cursor: pointer;
}

.contactForm button[type="submit"] {
    border: none;
    background-color: #0795da;
    padding: 11px;
    margin-top: 20px;
    float: left;
    cursor: pointer;
}

.contactForm button[type="submit"]:hover {
    background-color: #4f9bbf;
}

.contactForm button[type="submit"] img {
    width: 30px;
    cursor: pointer;
}

.contactForm .col {
    float: left;
}

.contactForm .col-1 {
    margin-right: 7.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
    margin-left: -15px;
}

.contactForm .col-2 {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    margin-left: -15px;
}

.contactForm .sendWrapper {
    margin-top: 10px;
}

.contactForm .validation-summary-errors {
    color: yellow;
}

.contactForm span.field-validation-error {
    color: white;
    background-color: red;
    float: left;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 8px;
    padding: 0 10px;
}

.contactForm div#submitResult {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.1px;
    float: left;
    clear: both;
    margin: 10px 0;
}


@media only screen and (max-width:767px) {
    /*        nav.navbar, .row {
            margin-right: -15px;
        }
*/
    .contactForm .col-1 {
        max-width: 100%;
        margin-left: inherit;
        margin-right: 0;
    }

    .contactForm .col-2 {
        max-width: 100%;
        margin-left: inherit;
    }

    .contactForm select {
        clear: left;
        margin-left: 0px;
    }

    .contactForm button[type="submit"] {
        clear: left;
        margin-top: 12px;
    }
}
/* contact form widget end */

/* jobs list/detail views start */
.jobs .article-segments a {
    margin-left: 1.2em;
}
.jobs span {
    text-decoration: none !important;
}
.jobs ul {
    margin-left: 20px;
}
.jobs ul li {
    color: #333333;
    list-style: disc;
}
.jobs img {
    display: none;
}

/* jobs list/detail views end */

/* standardization start */
/* a blue button with a darker hover */
.base-btn, .base-btn:active, .base-btn:focus {
    background: #0098d6;
    padding: 5px 10px 7px 10px;
    color: #ffffff;
}
.base-btn:hover {
    background: #004662;
    color: #ffffff;
    text-decoration: none;
}
/* standardization end */