/* ****** Bsi Variables ****** */
@font-face {
    font-family: bsi-2025-icons;
    src: url(fonts/Bsi-2025-Icon-Font.woff2);
}

@font-face {
    font-family: bsi-icons;
    src: url(../../BankSupplies_2022/css/fonts/bsi-fonts.woff2);
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('fonts/NotoSerifDisplay-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-stretch: 75% 125%;
    font-style: normal;
}


:root {
    /* Use these variables with the "var()" css function */
    --bsi-icons: 'bsi-icons';
    --bsi-2025-icons: 'bsi-2025-icons';
    
    --bsi-icon-store-switcher: '\e900';
    --bsi-icon-circle-arrow: '\e901';
    --bsi-icon-hamburger: '\e902';
    --bsi-icon-cart: '\e903';
    --bsi-icon-chat: '\e904';
    --bsi-icon-customer: '\e905';
    --bsi-icon-new-account: '\e906';
    --bsi-icon-logout: '\e907';
    --bsi-icon-mobile-expandable: '\e908';
    --bsi-icon-arrow-up: '\e909';
    --bsi-icon-wishlist: '\e910';
    --bsi-icon-phone: '\e90a';
    --bsi-icon-search: '\e90b';
    --bsi-icon-checkout-cart: '\e90c';
    --bsi-icon-account: '\e90d';
    --bsi-icon-download: '\e90e';
    --bsi-icon-reload: '\e90f';
    --bsi-icon-envelope-transparent: '\e911';
    --bsi-icon-star: '\e912';
    --bsi-icon-envelope: '\e913';
    --bsi-icon-circle-minus: '\e914';
    --bsi-icon-circle-plus: '\e915';
    --bsi-icon-arrow-right: '\e916';
    --bsi-icon-up-arrow: '\e917';
    --bsi-icon-down-arrow: '\e918';
    --bsi-icon-organizations: '\e919';
    
    --bsi-2025-icons-Icon-Share-IconOnly: '\e955';
    --bsi-2025-icons-Badge01-Exclusive-IconOnly: '\e94d';
    --bsi-2025-icons-Badge03-QuickShip-IconOnly: '\e94e';
    --bsi-2025-icons-Icon01-SearchAgain-IconOnly: '\e94f';
    --bsi-2025-icons-Icon02-Purchases-IconOnly: '\e950';
    --bsi-2025-icons-Icon03-CatalogLibrary-IconOnly: '\e951';
    --bsi-2025-icons-Icon04-BrowseIndustry-IconOnly: '\e952';
    --bsi-2025-icons-Icon-Favorite-NotSelected-IconOnly: '\e953';
    --bsi-2025-icons-Icon-Favorite-Selected-IconOnly: '\e954';
    --bsi-2025-icons-NotFound-CustomerCareIcon: '\e900';
    --bsi-2025-icons-Badge01-Exclusive: '\e919';
    --bsi-2025-icons-Badge02-ReadyToShip: '\e927';
    --bsi-2025-icons-Badge03-QuickShip: '\e933';
    --bsi-2025-icons-Badge04-ValuePriced: '\e941';
    --bsi-2025-icons-Badge05-MadeToOrder: '\e9';
    --bsi-2025-icons-Badge06-Customizable: '\e959';
    --bsi-2025-icons-Badge07-FireResistant: '\e966';
    --bsi-2025-icons-CheckoutCircle-Checkmark: '\e974';
    --bsi-2025-icons-CheckoutCircle-Gray: '\e977';
    --bsi-2025-icons-CheckoutCircle-LightBlue: '\e978';
    --bsi-2025-icons-DesktopCheckout01-OrderInformation: '\e979';
    --bsi-2025-icons-DesktopCheckout02-BillingInformation: '\e9dc';
    --bsi-2025-icons-DesktopCheckout03-ShippingAddress: '\ea41';
    --bsi-2025-icons-DesktopCheckout04-ShippingMethod: '\eaa8';
    --bsi-2025-icons-DesktopCheckout05-PaymentInformation: '\eb11';
    --bsi-2025-icons-DesktopCheckout06-ReviewOrder: '\eb7c';
    --bsi-2025-icons-Facebook-Icon: '\ebe9';
    --bsi-2025-icons-Icon01-SearchAgain: '\ebea';
    --bsi-2025-icons-Icon02-Purchases: '\ebee';
    --bsi-2025-icons-Icon03-CatalogLibrary: '\ebf2';
    --bsi-2025-icons-Icon04-BrowseIndustry: '\ebf4';
    --bsi-2025-icons-Icon-Catalogs: '\ebfc';
    --bsi-2025-icons-Icon-Catalogs-Selected: '\ebfd';
    --bsi-2025-icons-Icon-Favorite-NotSelected: '\ec07';
    --bsi-2025-icons-Icon-Favorite-Selected: '\ec09';
    --bsi-2025-icons-Icon-LogIn: '\ec0b';
    --bsi-2025-icons-Icon-LogOut: '\ec0c';
    --bsi-2025-icons-Icon-MyAccount: '\ec0d';
    --bsi-2025-icons-Icon-MyAccount-Selected: '\ec0e';
    --bsi-2025-icons-Icon-MyViews: '\ec19';
    --bsi-2025-icons-Icon-Icon-MyViews-Selected: '\ec1b';
    --bsi-2025-icons-Icon-NoText-LogIn: '\ec24';
    --bsi-2025-icons-Icon-MyViews-Blue: '\ec1a';
    --bsi-2025-icons-Icon-NoText-LogOut: '\ec25';
    --bsi-2025-icons-Icon-NoText-ViewCart: '\ec26';
    --bsi-2025-icons-Icon-Resources: '\ec27';
    --bsi-2025-icons-Icon-Resources-Selected: '\ec28';
    --bsi-2025-icons-Icon-Search-MagnifyingGlass: '\ec33';
    --bsi-2025-icons-Icon-Share: '\ec34';
    --bsi-2025-icons-Icon-ViewCart: '\ec37';
    --bsi-2025-icons-Icon-ViewCart-Selected: '\ec38';
    --bsi-2025-icons-LinkedIn-Icon: '\ec44';
    --bsi-2025-icons-Logo-FortKnox-Blue: '\ec45';
    --bsi-2025-icons-Logo-FortKnox-Gray: '\ec46';
    --bsi-2025-icons-Logo-MMF-Blue: '\ec47';
    --bsi-2025-icons-Logo-MMF-Gray: '\ec48';
    --bsi-2025-icons-Logo-STEELMASTER-Blue: '\ec49';
    --bsi-2025-icons-Logo-STEELMASTER-Gray: '\ec4a';
    --bsi-2025-icons-Logo-UltimaBlue-Blue: '\ec4b';
    --bsi-2025-icons-Logo-UltimaBlue-Gray: '\ec4c';
    --bsi-2025-icons-MobileCheckout01-OrderInformation: '\ec4d';
    --bsi-2025-icons-MobileCheckout02-BillingInformation: '\ec64';
    --bsi-2025-icons-MobileCheckout03-ShippingAddress: '\ec80';
    --bsi-2025-icons-MobileCheckout04-ShippingMethod: '\ec98';
    --bsi-2025-icons-MobileCheckout05-PaymentInformation: '\ecb4';
    --bsi-2025-icons-MobileCheckout06-ReviewOrder: '\ecd6';
    --bsi-2025-icons-YouTube-Icon: '\ecf3';
    
    --bsi-color-ivory: #E6E6E6;
    --bsi-color-dark-grey: #626366;
    --bsi-color-med-blue: #608BA4;
    --bsi-color-dark-blue: #1C5A7D;
    --bsi-color-hover: #FCA158;
    --hover-color: var(--bsi-color-hover);
    --bsi-color-light-blue: #B3CBD5;
    --bsi-color-link: #B5121B;
    
    --tall-font: "Berthold Akzidenz Grotesk Bold Condensed", "Helvetica", "sans-serif";
    --med-font: "Berthold Akzidenz Grotesk Medium", "Helvetica", "sans-serif";
    --reg-font: "Berthold Akzidenz Grotesk Regular", "Helvetica", "sans-serif";
    
    --default-side-space: 100px;
    
    /* These are here just to mark what sizes are targeted by media queries, as pure CSS cannot use them properly */
    --screen-size-large: 1600px;
    --screen-size-m-large: 979px;
    --screen-size-m-med: 770px;
    
    --mobile-break-point: 820px;
    
}
/* ****** End Bsi Variables ****** */

@media screen and (prefers-reduced-motion: reduce) {  
    * {
        /* Very short durations means JavaScript that relies on events still works */
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}

@media screen and (pointer: coarse) {
    html {
        -webkit-text-size-adjust: none; /* Prevents mobile browsers from blowing text up in landscape mode */
        text-size-adjust: none;
    }
}

/* ****** Animations ****** */
@keyframes horizontal-flyout-open {
    0% {
        transform-origin: left;
        transform: scaleX(0);
    }
    100% {
        transform-origin: left;
        transform: scaleX(1);
        opacity: 1;
    }
}
/* ****** End Animations ****** */

/* ****** All Background Styles ****** */
body {
    /*font-size: 18px;*/
    background: white;
}

.main {
    box-shadow: none;
}

.header, .nav-inner, .main,.footer, .banner, .social_content, #top-content-wrapper {
    width: unset;
    margin: unset;
    padding: 0px;
    background: unset;
}

.header, .main,.footer, .banner, .social_content, #top-content-wrapper {
    /*background: var(--bsi-color-ivory);*/
}

button.button span,
.button span {
    cursor: pointer;
}

button.button span,
.back-link a,
.button span,
.RequestQuote_buttonAlign,
.captcha-button {
    background: var(--bsi-color-dark-blue);
    border-radius: 40px;
    font-weight: 700;
    padding: 10px 12px;
    font-family: "Montserrat", sans-serif;
}

.back-link a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    color: #185a7d;
    text-transform: none;
    margin-left: 10px;
    background: white;
    border: solid 1px #185a7d;
    border-radius: 30px;
    width: fit-content;
    padding: 10px;
}

.opc .buttons-set .back-link small {
    font-size: 17pt;
}

.cart .discount button span, 
button.btn-checkout span,
.cart-table button.button span,
.cart-table .button span {
    background: var(--bsi-color-dark-blue);
}

button.button.btn-checkout span {
    height: unset;
    line-height: unset;
}

/*@media (hover: hover) and (pointer: fine) {*/
    .button.button:hover:not(.add-to-cart) span,
    .button.button:hover:not(.add-to-cart) span::before,
    .back-link a:hover,
    .back-link a:hover::before,
    .button span:hover:not(.add-to-cart),
    .button span:hover:not(.add-to-cart)::before,
    .RequestQuote_buttonAlign:hover,
    .RequestQuote_buttonAlign:hover::before,
    .captcha-button:hover,
    .captcha-button:hover::before {
        background: var(--bsi-color-hover) !important;
        color: var(--bsi-color-dark-blue) !important;
    }
/*} */


.button.button span,
.button.button span::before,
.back-link a,
.back-link a::before,
.button span,
.button span::before,
.RequestQuote_buttonAlign,
.RequestQuote_buttonAlign::before,
.captcha-button,
.captcha-button::before {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.button.btn-shine > span,
.button.btn-shine > span {
    position: relative;
}

.button.button.btn-shine > span::before,
.button.btn-shine > span::before {
    /* commenting this out but keeping it in case shine ever gets added back */
    /* content: '';
    background: linear-gradient(90deg, var(--bsi-color-med-blue), #FFF, var(--bsi-color-med-blue));
    position: absolute;
    height: 5%;
    width: 80%;
    filter: blur(2px);
    top: 10%;
    left: 10%; */
}

.breadcrumbs a {
    color: #000;
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: var(--bsi-color-hover);
}

.cms-page-view .col-main a,
.cms-page-view .col-main a:visited,
.requestcatalog-index-index .col-main a,
.requestcatalog-index-index .col-main a:visited {
    color: #000;
    text-decoration: none;
}
/* ****** End All Background Styles ****** */

/* ****** Page Layout Styles ****** */
.col1-layout,
.col2-left-layout {
    margin: 0 var(--default-side-space);
    font-family: 'Montserrat', sans-serif;
}

.col2-left-layout .col-main {
    width: 78%;
}

.col2-left-layout .col-left {
    width: 20%;
    padding: 25px 0;
}

.col1-layout .breadcrumbs {
    padding: 12px 0;
    font-family: 'Montserrat';
}

.col-main {
    padding: 0;
}
/* ****** End Page Layout Styles ****** */

#admin-as-customer-container {
    float: none;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background: #FF0000;
    padding: 3px 0;
    text-align: center;
}

#admin-as-customer-container p {
    margin: 0;
    color: #FFFFFF;
}

/* ****** Start Top Link Styles ****** */
.header .links, .header .links li {
    float: unset;
}

.header-links .tm_headerlinkmenu {
    float: unset;
}

.header .links li {
    background: unset;
    display: unset;
}

.header .links li.first+li+li {
    display: unset;
}

.tm_headerlinkmenu {
    all: unset;
}

.header .logo {
    margin: 0;
    float: unset;
    align-self: center;
    display: inline-flex;
    height: 100%;
}

.logo {
    float: unset;
}

.header .logo-alt {
    display: none;
}

.header .logo img {
    align-self: center;
    max-height: 4em;
}

#mobile-logo {
    display: none;
}

.header .links {
    margin: unset;
}

.header-container {
    height: 135px;
    background-color: #185a7d;
    margin-bottom: 60px;
}

#numberAndEmailBanner {
    background: #e6e6e5;
    text-align: center;
    height: 27px;
    color: #185a7d;
    font-size: 11pt;
    font-weight: 600;
    padding-top: 3px;
    font-family: "Montserrat", sans-serif;
    padding-right: 25px;
}

#numberAndEmailBanner > a {
    color: #185a7d;
}

#numberAndEmailBanner > a:hover {
    color: #5f8ba4;
}

.header {
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 100px;
    padding-right: 65px;
}

@media only screen and (min-width: 1700px) {
    .header {
        height: 100%;
        display: flex;
        justify-content: space-evenly;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media only screen and (max-width: 1700px) {
    #no-search-results-content-container {
        margin-bottom: 30px;
    }

    .header-container #side-nav-container li.level1 > a {
        font-size: 1.2vw;
    }

    .featured-category .featured-category-child-links {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1550px) {
    #side-nav .featured-category .featured-category-child-links > a {
        font-size: 11px;
        width: 175px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #side-nav-container #side-nav .featured-categories {
        column-gap: 0px;
        width: 98%;
    }
}

body.cms-home {
    overflow-x: hidden;
}

.header-links {
    align-self: center;
    height: 100%;
    display: flex;
}

.header-links .tm_headerlinkmenu {
    height: 100%;
}

.header-links .tm_headerlinkmenu .links {
    height: 70%;
    display: inline-flex;
    align-items: center;
    margin-top: 20px;
}

.header-links .tm_headerlinkmenu .links > li {
    position: relative;
    display: inline-flex !important;
    height: 100%;
    align-items: center;
}

.header-links .welcome-msg {
    all: unset;
    display: inline-block;
    text-align: center;
}

.header-links .welcome-msg .welcome-guest, 
.header-links .welcome-msg .welcome-customer {
    display: inline-block;
}

.header-links .welcome-msg .welcome-guest div {
    color: var(--bsi-color-med-blue);
    /*font-family: var(--tall-font);*/
    font-size: 2em;
}

.header-links .welcome-msg .customer-icon div:before {
    content: var(--bsi-icon-customer);
/*    font-family: var(--bsi-icons);
    font-size: 35px;
    color: var(--bsi-color-dark-grey);*/
}

.header-links .welcome-msg .welcome-customer .welcome-msg-customer {
    font-size: 2em;
    color: var(--bsi-color-med-blue);
}

.header-links .links .link-wrapper {
    height: 70%;
}

.header-links .links .link-content:not(.link-wrapper) {
    height: 100%;
}

.header-links .links .link-content > span {
    display: inline-block;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-self: center;
    height: 100%;
    justify-content: end;
    margin-bottom: 25px;
}

.header-links .links .link-content > span div.big-label.logged-out-welcome {
    margin-bottom: 8px;
    font-size: 28px;
}

.header-links .links span div:not(:last-child) {
    margin-bottom: 5px;
}

.header-links .links span div.small-label {
    font-family: var(--reg-font);
    color: white;
    font-size: 15px;
}

.header-links .links span div.big-label {
    font-size: 12px;
    color: white;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif;
    margin-right: 5px;
}

.notif-label{
    position: absolute;
    right: 14px;
    top: 1px;
    background: #f9a159;
    color: var(--bsi-color-dark-blue);
    border-radius: 125px;
    padding: 1px 8px;
    z-index: 2;
    font-family: 'Montserrat', sans-serif;
}

.notif-label:hover{
    background: #5f8ba4;
    color: white;
    cursor: pointer;
}

#label_orgSelect {
    font-size: 14px;
    top: -11px;
}

#label_storeSelect {
    font-size: 14px;
    top: -11px;
}

.e-btn.e-primary.view-dialog-switch {
    margin-left: 340px;
    background: #185e7d;
    font-family: 'Montserrat', sans-serif;
}

.e-btn.e-primary.view-dialog-switch:hover {
    margin-left: 340px;
    background: #5f8ba4;
}

.e-control.switch-view-dialog {
    font-family: 'Montserrat', sans-serif;
}

.e-control.switch-view-dialog .e-dlg-content::before {
    content: var(--bsi-2025-icons-Icon-MyViews-Blue);
    font-family: var(--bsi-2025-icons);
    font-size: 130px;
    position: absolute;
    top: 80px;
    left: 180px;
}

.e-control.switch-view-dialog .e-dlg-header-content {
    margin-bottom: 100px;
}

#orgSelect_popup .e-list-item {
    font-family: 'Montserrat', sans-serif;
    font-size: 11pt;
}

#storeSelect_options .e-list-item {
    font-family: 'Montserrat', sans-serif;
    font-size: 11pt;
}

#loading-view-message {
    text-align: center; 
    padding: 40px 20px;
    font-size: 28px;
    white-space: nowrap;
}

.e-control.switch-view-dialog .e-dlg-header {
    font-size: 16pt;
}

.switch-view-dialog .e-dlg-content .e-float-input.e-control-wrapper.e-input-group.e-ddl.e-lib.e-keyboard.e-valid-input {
    font-size: 16pt;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.header-links .links .first {
    user-select: none;
}

.header-links .links .link-content {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: 3px;
}

.header-links .links .icon-control .link-content .icon-content::before {
    font-family: var(--bsi-2025-icons);
    font-size: 65px;
    color: white;
    margin-right: 5px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    position: relative;
}

/*.header-links .links .icon-control .link-content .icon-content:hover::before {
    position: absolute;
    top: -16px;
    left: 8px;
    right: 0px;
    height: 45px;
    width: 45px;
    background: #5f8ba4;
    border-radius: 27px;
    z-index: 0;
}*/

.header .links li.last {
    background: none;
}

.header:after {
    content: none;
}

.header-links .links .icon-control .link-content .icon-content {
    display: inline-flex;
    align-self: center;
    height: 100%;
    position: relative;
    z-index: 1;
}

.header-links .links .icon-control .link-content .icon-content::after {
    content: '';
    position: absolute;
    top: -20px;
    left: -26%;
    right: 10%;
    bottom: 0px;
    height: 100px;
    width: 100px;
    background: transparent;
    border-radius: 50px;
    z-index: -1;
    transition: background 0.2s ease;
}

.header-links .links .logged-in-account-icon .link-content .icon-content::after {
    content: '';
    position: absolute;
    top: -20px;
    left: -17%;
    right: 10%;
    bottom: 0px;
    height: 100px;
    width: 100px;
    background: transparent;
    border-radius: 50px;
    z-index: -1;
    transition: background 0.2s ease;
}

.header-links .links .icon-control .link-content .icon-content:hover::after {
    background: #5f8ba4;
}


.header-links .links li.welcome-icon div.link-content div.icon-content::before {
    content: var(--bsi-icon-customer);
}

.header-links .links .login-to-account-icon div.link-content div.icon-content::before {
    content: var(--bsi-2025-icons-Icon-LogIn);
}

.header-links .links .logged-in-account-icon div.link-content div.icon-content::before {
    content: var(--bsi-2025-icons-Icon-MyAccount);
}

.header-links .links .logout-account-icon div.link-content div.icon-content::before {
    content: var(--bsi-2025-icons-Icon-LogOut);
}

.header-links .links .logout-account-icon div.link-content div.icon-content:hover::before {
    /*content: var(--bsi-2025-icons-Icon-NoText-LogOut);*/
}

.header-links .links .register-account-icon div.link-content div.icon-content::before {
    content: var(--bsi-icon-new-account);
}

.header-links .links .wishlist-icon div.link-content div.icon-content::before {
    content: var(--bsi-icon-star);
    /*font-size: 60px;*/
}

.header-links .links .checkout-icon div.link-content div.icon-content::before {
    content: var(--bsi-icon-cart);
}

.header-links .links .store-switcher-icon div.link-content div.icon-content::before {
    content: var(--bsi-icon-store-switcher);
}

.header-links .links .org-switcher-icon div.link-content div.icon-content::before {
    content: var(--bsi-2025-icons-Icon-MyViews-Blue);
}

.header-links .links .browse-catalogs-icon div.link-content div.icon-content::before {
    content: var(--bsi-2025-icons-Icon-Catalogs);
}

.header-links .links .resources-icon div.link-content div.icon-content::before {
    content: var(--bsi-2025-icons-Icon-Resources);
}

/* *** Start Store Switcher Styles *** */
.header-links .links .store-switcher-list {
    position: relative;
    cursor: pointer;
}
    
.header-links .links span.available-store-views {
    z-index: 1042 /* +1 over the navigation */;
    position: absolute;
    right: 0;
    left: 0;
    display: inline-flex;
    flex-direction: column;
    width: calc(100% - 10px);
}

.header-links .links .available-store-views.store-view-hide div.store-views {
    max-height: 0;
    border-top: unset;
    
    -webkit-transition: max-height, 0.25s linear;
    -moz-transition: max-height, 0.25s linear;
    -ms-transition: max-height, 0.25s linear;
    -o-transition: max-height, 0.25s linear;
    transition: max-height, 0.25s linear;
    will-change: transition;
}

.header-links .links .available-store-views div.store-views {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFF;
    max-height: 500px;
    overflow: auto;
    width: calc(100% - 18px);
    padding: 0 5px;
    border-top: var(--bsi-color-dark-grey) 2px solid;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    
    -webkit-transition: max-height, 0.25s linear;
    -moz-transition: max-height, 0.25s linear;
    -ms-transition: max-height, 0.25s linear;
    -o-transition: max-height, 0.25s linear;
    transition: max-height, 0.25s linear;
    will-change: transition;
}

/* Controls the background of the scrollbar itself */
.header-links .links .available-store-views div.store-views::-webkit-scrollbar {
    /*width: 3px;*/
    display: none;
}

.header-links .links .available-store-views div.store-views {
    scrollbar-width: none;
    min-width: 125px;
}

/* Controls the empty space 'below' the scrollbar' */
.header-links .links .available-store-views div.store-views::-webkit-scrollbar-track {
    /*background: #FFF;*/
}

/* Controls the empty space 'above' the scrollbar' */
.header-links .links .available-store-views div.store-views::-webkit-scrollbar-track-piece {
    /*background: #FFF;*/
}

/* Controls the directional buttons of the scrollbar */
.header-links .links .available-store-views div.store-views::-webkit-scrollbar-button {
    
}

/* Controls the draggable scrolling element of the scrollbar */
.header-links .links .available-store-views div.store-views::-webkit-scrollbar-thumb {
    /*background: var(--bsi-color-hover);*/
}

.header-links .links .available-store-views div.store-views:not(:first-child) {
    padding: 2px 2px;
}

.header-links .links .available-store-views .store-views .store-view {
    position: relative;
    display: block;
    cursor: pointer;
    /*max-height: 75px;*/
    width: calc(100% - 10px);
    text-align: left;
    padding: 5px 0;
}

.header-links .links .available-store-views .store-views .store-view.current-store {
    background: var(--bsi-color-dark-blue);
    color: #FFF;
    border-radius: 5px;
    padding: 5px 10px;
    pointer-events: none;
}

.header-links .links .available-store-views .store-views .store-view a {
    text-decoration: none;
    color: inherit;
}

@media (hover: hover) and (pointer: fine) {
    .header-links .links .available-store-views .store-views .store-view:not(.current-store):hover {
        background: var(--bsi-color-hover);
        border-radius: 5px;
        padding: 5px 10px;
    }
}

.header-links .links .available-store-views .store-views .store-view .store-view-link {
    height: 100%;
}

.header-links .links .available-store-views .store-views .store-view:not(:first-child):not(.current-store)::before {
    content: '';
    display: flex;
    flex: 1;
    height: 1px;
    background: var(--bsi-color-dark-grey);
    margin-bottom: 5px;
}

.icons {
    /* display: none; */
}
.header-links .links .available-store-views .store-views .store-view.current-store + .store-view::before {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .header-links .links .available-store-views .store-views .store-view:hover::before,
    .header-links .links .available-store-views .store-views .store-view:hover + .store-view::before,
    .header-links .links .available-store-views .store-views .store-view.current-store::before,
    .header-links .links .available-store-views .store-views .store-view.current-store + .store-view::before {
        visibility: hidden !important;
    }
}
/* *** End Store Switcher Styles *** */

.header-links .contact-header, .header-links .tm_headerlinkmenu, .header-links .cart-contact {
    display: inline-block;
}

/* *** Mobile Adjustments *** */
/*@media only screen and (max-width: 1750px) {
    .footer-container .footer-top > div:not(.icons):nth-child(4) {
        display: none;
    }
    
    body:not(.cms-home) footer.footer-container .footer-bottom .footer-links-container .footer-link-wrapper .footer-link {
        margin: 0 25px;
    }
}*/

@media only screen and (max-width: 1660px) {
    #home-testimonials-container #testimonials-container .testimonial-block {
        scale: 0.9;
    }

    #home-testimonials-container #testimonials-container {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 1550px) {
    #home-testimonials-container #testimonials-container .testimonial-block {
        scale: 0.8;
    }

    #home-testimonials-container #testimonials-container {
        left: -85px;
        position: relative;
        padding: 1vw;
    }

    .std #home-testimonials-container::before {
        height: 630px;
    }
}

@media only screen and (max-width: 1450px) {
    #trusted-business-container #trusted-businesses-cms-container ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    #trusted-business-container #trusted-businesses-cms-container li {
        flex: 1 1 calc(25% - 1rem);
        max-width: calc(21% - 1rem);
    }

    #home-testimonials-container #testimonials-container .testimonial-block {
        scale: 0.7;
    }

    #home-testimonials-container #testimonials-container {
        left: -130px;
        position: relative;
        padding: 1vw;
    }

    .std #home-testimonials-container::before {
        height: 630px;
    }
}

body,
html {
    overflow-x: hidden;
}

@media only screen and (max-width: 1150px) {
    .checkout-onepage-index .e-stepper .e-step-selected:not(.e-step-error) .e-label, 
    .checkout-onepage-index .e-stepper .e-step-completed:not(.e-step-error) .e-label,
    .e-stepper .e-stepper-steps .e-label {
        font-size: 10pt;
        white-space: normal;
        overflow-wrap: normal;
        word-break: normal;
        text-align: center;
        width: 80px;
    }
}

@media only screen and (max-width: 1370px) {

    .std #home-testimonials-container::before {
        left: -100px;
        width: 100vw;
    }

    .testimonial-block .testimonial-quote-container {
        background: white;
        border-radius: 8px;
        padding: 20px;
        margin: 20px;
        width: 300px;
        height: 300px;
    }

    .testimonial-block .testimonial-quote-container p {
        font-size: 12pt;
    }

    body.cms-home,
    body.catalogsearch-result-index,
    body.catalog-product-view {
        overflow-x: hidden;
    }

    #home-testimonials-container #testimonials-container {
        display: flex;
        padding: 35px;
        left: -60px;
        width: 90vw;
    }

    #testimonials-container::-webkit-scrollbar {
        display: none;
    }

    #home-testimonials-container #testimonials-container .testimonial-block {
        display: flex;
        flex-direction: column;
        align-items: end;
        scale: 1;
    }

    .testimonial-block .testimonial-customer-details-container .testimonial-business-name {
        width: 150px;
    }

    .testimonial-block .testimonial-customer-info-container {
        padding-left: 0px;
        padding-right: 22px;
    }

    .std #home-testimonials-container {
        height: 650px;
    }
}

#side-nav-scroll-hint {
    display: none;
}

#side-nav-container #side-nav::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#side-nav-container #side-nav::-webkit-scrollbar-track {
    background: #d2d3d4; 
}

#side-nav-container #side-nav::-webkit-scrollbar-thumb {
    background-color: #5f8ba4; 
    border-left: solid 10px #d2d3d4;
    border-right: solid 10px #d2d3d4;
}

#side-nav-container #side-nav::-webkit-scrollbar-thumb:hover {
    background-color: #185a7d;
}

#side-nav-container li.level1:hover > a {
    color: white;
}

#new-wishlist-table .tm_responsive_container {
    display: none;
}

#categories-hamburger-menu {
    display: none;
}

#categories-header-btn-container {
    display: none;
    color: white;
}

#categories-header-btn {
    font-size: 50px;
}

#categories-header-btn-label {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 7.9pt;
    color: #e6e3e3;
}

#category-header-icon-container {
    background: transparent;
}

@media only screen and (max-width: 1339px) {
    .header-container #side-nav-container li.level1 > a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1250px) {
    #side-nav-scroll-hint {
        display: block;
        text-align: center;
        text-transform: none;
        font-family: 'Montserrat', sans-serif;
    } 

    .header-container #side-nav-container li.level1 > a {
        font-size: 24px;
    }

    #side-nav-container #side-nav {
        justify-content: unset;
    }

    #side-nav-container li.level1.parent:hover > ul.level1 {
        visibility: hidden;
    }

    .col1-layout .flexslider{
        margin-top: 5px;
        top: 32px;
    }

    #side-nav-container li.level1:hover > a {
        background: #f9a159
    }
}

@media only screen and (max-width: 450px) {
    .header-container #side-nav-container li.level1 > a {
        font-size: 18px;
    }

    #side-nav-container #side-nav {
        justify-content: unset;
    }

    #side-nav-container li.level1.parent:hover > ul.level1 {
        visibility: hidden;
    }

    .col1-layout .flexslider{
        margin-top: 15px;
    }
}

@media only screen and (max-width: 1080px) {
    #trusted-business-container #home-page-trusted-business-logos > ul {
        gap: 1vw;
    }

    #trusted-business-container #home-page-trusted-business-logos #steelmaster-home-logo a::before,
    #trusted-business-container #home-page-trusted-business-logos #fortknox-home-logo a::before,
    #trusted-business-container #home-page-trusted-business-logos #mmf-home-logo a::before,
    #trusted-business-container #home-page-trusted-business-logos #ultimablue-home-logo a::before {
        font-size: 7vw;
    }

    .account-login .col2-set {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    .account-login .col2-set form{
        display: contents;
    }
    
    .col2-set .account-create .form-list li.fields .customer-name .field.name-firstname, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-lastname, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-firstname .input-box, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-lastname .input-box, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-firstname .input-box input, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-lastname .input-box input,
    .account-login .col2-set .input-box, 
    .account-login .col2-set .input-box input {
        width: 45vw;
    }
}

.footer-container .footer-top > div:not(.icons):nth-child(4) 
{
    margin-right: 0px;
}

@media only screen and (max-width: 1739px) {
    .form-wrap .contacform.catalogform .form-list input.input-text,
    .form-wrap .contacform.catalogform .form-list .wide input.input-text,
    .form-wrap .contacform.catalogform .form-list select {
        width: 44vw;
    }
}

@media only screen and (min-width: 1536px){
    .help-banner {
        max-width: 26%;
        margin-right: 57px;
    }
}

@media only screen and (max-width: 1536px) and (min-width: 811px) {
    .footer-container .footer-top > div:not(.icons):nth-child(4) 
    {
        display: none;
    }
    
    .footer-container .footer-top > div:not(.icons):nth-child(3) 
{
    margin-right: 0px;
}
    
    .help-banner {
        max-width: 30%;
    }
}

#category-banner-container {
    width: 100vw;
    position: relative;
    left: -120px;
    border: none;
    overflow: hidden;
}

#category-banner-container img {
    width: 100%;
}

#mobile-category-banner-container {
    display: none;
}

body.no-scroll-body {
    overflow: hidden;
    height: 100vh;
}

@media only screen and (max-width: 810px) {
    .header-container #side-nav-container {
        display: none;
    }

    .page .header-container {
        margin-bottom: 10px;
    }

    .col1-layout #mobile-flexslider-container .flexslider {
        top: -10px;
    }

#categories-hamburger-menu {
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    visibility: hidden;
    transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
    cursor: default;
    margin-top: 310px;
    z-index: 1000;
    isolation: isolate;
}

#categories-hamburger-menu::before {
    content: '';
    position: fixed;
    inset: 0;
    background: white;
    top: 189px;
    z-index: -1;
}

    #category-header-icon-container .category-header-block-container #categories-hamburger-menu li {
        list-style: none;
        font-family: 'Montserrat', sans-serif;
        margin-bottom: 10px;
        padding-left: 40px !important;
    }

    #categories-hamburger-menu li a span {
        position: relative;
    }

    #categories-hamburger-menu li a span::after {
        content: "→";
        display: inline-block;
        margin-left: 8px;
        opacity: 1;
        transform: translateX(0);
        transition: transform 0.35s ease, opacity 0.35s ease;
    }

    #categories-hamburger-menu li:hover a span::after,
    #categories-hamburger-menu li:active a span::after,
    #categories-hamburger-menu li:focus-within a span::after {
        transform: translateX(40px);
        opacity: 0;
    }

    #links-cart-container #categories-hamburger-menu-close-btn {
        font-size: 33pt;
        background: transparent;
        align-self: end;
        border-radius: 50%;
        font-family: 'Montserrat', sans-serif;
        color: #185a7d;
        border: none;
        margin-left: 90vw !important;
        margin-top: -290px !important;
        cursor: pointer;
    }

    #categories-hamburger-menu-close-btn:active {
        background: #185a7d;
        color: white;
        border-color: #5f8ba4;
    }

    #categories-hamburger-menu-close-btn:focus-visible {
        background: #185a7d;
        color: white;
        border-color: #5f8ba4;
    }

    #categories-hamburger-menu ul {
        display: none !important;
    }

    #categories-hamburger-menu h3 {
        font-family: 'Montserrat', sans-serif;
        color: #185a7d;
        font-size: 30pt;
        margin-top: -35px;
        margin-bottom: 30px;
    }

    #categories-hamburger-menu a span {
        font-family: 'Montserrat', sans-serif;
        color: #185a7d;
        font-size: 20pt;
        text-align: left;
    }
    
    .header #links-cart-container #category-header-icon-container {
        margin-top: 20px;
        margin-right: 5px !important;
        cursor: pointer;
    }

    #categories-header-btn-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: transparent;
        gap: 10px;
        z-index: 10;
    }

    .category-description #category-banner-container {
        display: none;
    }

    .category-description #mobile-category-banner-container {
        display: inline-block;
        width: 98.8vw;
        left: -45px;
        position: relative;
        margin-bottom: 20px;
    }

    .category-description #mobile-category-banner-container img {
        width: 100%;
    }

    .std #mobile-flexslider-container {
        display: unset;
    }

    .std #mobile-flexslider-container .flexslider .flex-direction-nav {
        display: none;
    }

    .std #mobile-flexslider-container .flexslider .slides {
        height: 92vw !important;
    }

    #mobile-flexslider-container .flexslider .slides img {
        height: 100% !important;
    }

    #flexslider-container {
        display: none;
    }

    .help-banner {
        margin-bottom: 10px;
    }
    
    footer.footer-container .footer-top {
        justify-content: center;
        flex-wrap: wrap;
    }

    .header {
        flex-direction: column;
    }

    .header #search-middle-nav-container {
        flex-direction: row;
        gap: 5%;
    }

    .page #full-size-search {
        width: unset;
    }

    .header #top-menu-logo-container .logo{
        margin-top: 5px;
    }

    .header #links-cart-container {
        padding-top: 0px;
        justify-content: center;
    }

    .header .minicart-container {
        margin-top: 18px;
    }

    .header .header-links .links .icon-control .link-content .icon-content::before, .header .header-cart .block-cart .cart-label .cart-text-container .cart-icon::before {
        font-size: 70px;
    }

    .notif-label {
        top: -8px;
    }

    .header-container .header .form-search input.input-text{
        width: 36vw;
        font-size: 14px;
    }

    .header-container .header .form-search {
        width: 45vw;
    }
}

@media only screen and (max-width: 810px) and (min-width: 601px) {
    .help-banner {
        max-width: 49%;
    }
    
    .footer-container .footer-top > div:not(.icons):nth-child(1) 
    {
        margin-right: 10px;
    }
    .footer-container .footer-top > div:not(.icons):nth-child(3) 
    {
        margin-right: 10px;
    }
    
    .footer-container .footer-top {
        margin: 22px 0px;
    }
    
}

@media only screen and (max-width: 600px) and (min-width: 320px){
        .help-banner {
            height: 313px;
        }
}

@media only screen and (max-width: 320px){
        .help-banner {
            height: 167px;
        }
}

@media only screen and (min-width: 811px) {
    .help-banner {
        margin-right: 57px;
    }
    
    .footer-container .footer-top {
        margin: 42px 0px;
    }
}

@media only screen and (max-width: 1650px) {
    .header {
        padding-right: 2vw;
        padding-left: 4vw;
    }

    .form-search input.input-text {
        width: 18vw;
    }

    .header .form-search {
        width: 23vw;
    }
    
/*    .footer-container .footer-top > div:not(.icons):nth-child(3) {
        display: none;
    }*/
    
    body footer.footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link {
        margin: 0 10px;
    }
}

/*@media only screen and (max-width: 1300px) {
    .footer-container .footer-top > div:not(.icons):nth-child(2) {
        display: none;
    }
}*/

@media only screen and (max-width: 1224px) {
    :root {
        --default-side-space: 25px;
    }

    .category-description #category-banner-container {
        width: 98.8vw;
        left: -45px;
    }
    
    .flex-direction-nav .flex-prev {
        left: 0;
    }
    
    .flex-direction-nav .flex-next {
        right: 0;
    }
    
    .header .logo img {
        max-height: 3em;
    }
    
    .header-links .links span div.small-label {
        font-size: 18px;
    }
    
    .header-links .links span div.big-label {
        font-size: 23px;
    }
    
    #nav-container .minicart-container {
        min-width: 200px;
    }
    
    .header-cart .block-cart .cart-text-container {
        width: 30% !important;
    }
    
    .header-cart .block-cart .cart-text-container .cart-icon {
        margin-right: 5px !important;
    }
    
    .call-us-banner {
        display: none !important;
    }
    
    .col1-layout #ei-slider {
        width: calc(100% + (var(--default-side-space) * 2)) !important;
        margin: 0 calc(var(--default-side-space) * -1) !important;
    }

    .header-links .links .icon-control .link-content .icon-content::before,
    .header-cart .block-cart .cart-label .cart-text-container .cart-icon::before {
        font-size: 6vw;
    }

    .header-links .links .logged-in-account-icon .link-content .icon-content::after,
    .header-links .links .icon-control .link-content .icon-content::after,
    .minicart-container:hover::before {
        display: none;
    }

    #links-cart-container *:not(.notif-label, .cart-qty-icon-amount) {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 1px 0 !important;
    }

    .header #search-middle-nav-container {
        margin-left: 0px;
    }

    .std #home-testimonials-container {
        position: relative;
        left: -50px;
        overflow: visible;
        width: 102vw;
    }

    .std #home-testimonials-container::before {
        left: -61px;
        width: 200vw;
    }

    #home-testimonials-container #testimonials-container {
        padding-top: 70px;
        scale: 0.9;
        padding-right: 250px;
        left: 0;
    }

    #home-testimonials-container #testimonials-container .testimonial-block {
        padding-right: 1vw;
    }

    .std #banksupplies-people-banner-container h2 {
        font-size: 4vw;
    }

    body .footer-container .footer-bottom .footer-links-container {
        display: flex;
        flex-direction: column-reverse;
    }

    .cart_topbg .main-cart {
        scale: 0.9;
    }

    #links-cart-container .cart_topbg .main-cart .actions .button span > span  {
        padding: 10px !important;
    }

    body:not(.cms-home) .page .breadcrumbs {
        padding-top: 30px;
    }

    .requestcatalog-index-index .col1-layout .form-wrap {
        width: 50%;
    }

    .form-wrap .contacform.catalogform .form-list input.input-text,
    .form-wrap .contacform.catalogform .form-list .wide input.input-text,
    .form-wrap .contacform.catalogform .form-list select {
        width: 47vw;
    }

    .contacform ul.form-list li, .cms-page-view .col-main .std ul.form-list li {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }
}

@media only screen and (max-width: 1140px) {
    .std #home-testimonials-container #testimonials-container {
        scale: 0.8;
        left: -35px;
    }
}

@media only screen and (max-width: 1070px) {
    .std #home-testimonials-container #testimonials-container {
        left: -55px;
    }
}

@media only screen and (max-width: 1000px) {
    .std #home-testimonials-container #testimonials-container {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scale: 1;
    }

    .testimonial-block {
        flex: 0 0 calc(100% - 0.5rem);
        scroll-snap-align: start;
        box-sizing: border-box;
    }

    #home-testimonials-container #testimonials-container .testimonial-block {
        display: flex;
        flex-direction: column;
        align-items: end;
        padding-right: 11vw;
    }
}


@media only screen and (max-width: 1400px) {
    .toolbar .pager .pager_right:has(.pages) {
        gap: 7vw;
    }
}

@media only screen and (max-width: 1000px) {
    .main #no-search-results-content-container {
        flex-direction: column;
        gap: 5vw;
    }

    .main #no-search-results-left-content {
        width: 100%;
    }

    #contact-us-404-block {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1153px) {
    .toolbar .pager .pager_right:has(.pages) {
        clear: unset;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        gap: 2px;
        align-items: baseline;
    }
    
    .toolbar .pager .pager_right:has(.pages) * {
        margin-left: 0px;
        display: inline-block;
    }

    #sorter-limiter-toolbar-container {
        display: flex;
        gap: 10px;
    }

    .toolbar .pager:has(.pages) {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
}

@media only screen and (max-width: 979px) {
    .toolbar .pager .pager_right {
        clear: unset;
        margin-top: 0px;
    }

    #sorter-limiter-toolbar-container {
        display: flex;
        gap: 10px;
    }

    .form-wrap .contacform.catalogform .form-list .fields .field .input-box input.input-text,
    .form-wrap .contacform.catalogform .form-list .wide input.input-text,
    .form-wrap .contacform.catalogform .form-list select {
        width: 55vw;
    }
}

@media only screen and (max-width: 550px) {
    #sorter-limiter-toolbar-container {
        flex-direction: column;
        gap: 5px;
        align-items: baseline;
    }

    .cart #shopping-cart-table thead::after {
        top: 353px;
    }

    .toolbar .pager {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .main .toolbar .pager .pager_right {
        justify-content: left;
    }

    #syncfusion-switcher-dialog .e-btn.e-primary.view-dialog-switch {
        margin-left: 60vw;
    }

    .e-control.switch-view-dialog .e-dlg-content::before {
        left: 35vw;
    }

    .totals #shopping-cart-totals-table::after {
        left: -500px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 650px) {
    .pager .pager_right .sort-by {
        padding-top: 0px;
    }
}

@media only screen and (max-width: 900px) {
    #home-testimonials-container #testimonials-container .testimonial-block {
        padding-right: 7vw;
    }

    .std #trusted-businesses-cms-container li > a > img {
        scale: 0.8;
    }

    .std #trusted-businesses-cms-container li > a > p {
        font-size: 2vw;
        margin-left: 20px;
        white-space: break-spaces;
    }
}

@media only screen and (max-width: 770px) {
    #home-page-product-scroll-container .small-carousel {
        scale: .6;
    }

    #home-testimonials-container #testimonials-container .testimonial-block {
        padding-right: 3vw;
    }

    .main .std .tabberlive .bestseller-products .products-grid > li {
        height: fit-content !important;
        width: 245px !important;
    }

    .main .std .tabberlive .bestseller-products .products-grid > li p,
    .main .std .tabberlive .bestseller-products .products-grid > li h2 {
        font-size: 2vw;
    }

    .std #home-page-product-scroll-container .scroll-left, .std #home-page-product-scroll-container .scroll-right {
        padding: 0px;
    }

    .col2-set .account-create .form-list li.fields .customer-name .field.name-firstname, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-lastname, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-firstname .input-box, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-lastname .input-box, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-firstname .input-box input, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-lastname .input-box input,
    .account-login .col2-set .input-box, 
    .account-login .col2-set .input-box input {
        width: 100%;
    }

    .form-wrap .contacform.catalogform .form-list .fields .field .input-box input.input-text,
    .form-wrap .contacform.catalogform .form-list .wide input.input-text,
    .form-wrap .contacform.catalogform .form-list select {
        width: 65vw;
    }

    .contacform .form-list .fields .field {
        padding: 0px;
    }

    .contacform ul.form-list, .cms-page-view .col-main .std ul.form-list {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .contacform.catalogform .buttons-set .captcha-submit-container {
        flex-direction: column;
        gap: 40px;
    }
}

@media only screen and (max-width: 560px) {
    .col2-set .account-create .form-list li.fields .customer-name .field.name-firstname, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-lastname, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-firstname .input-box, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-lastname .input-box, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-firstname .input-box input, 
    .col2-set .account-create .form-list li.fields .customer-name .field.name-lastname .input-box input,
    .account-login .col2-set .input-box, 
    .account-login .col2-set .input-box input {
        width: 85vw !important;
    }

    .cms-faq .main .col-main .container .form-wrap .field, 
    .cms-faq .main .col-main .container .form-wrap .field input, 
    .cms-faq .main .col-main .container .form-wrap .field .input-box,
    .cms-faq .contacform .form-list li.wide input.input-text {
        width: 60vw !important;
    }

    .cms-faq .contacform .form-list li.wide textarea {
        width: 58vw !important;
    }

    .cms-faq .fieldset {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cms-faq .main .col-main .container .form-wrap .captcha-submit-container {
        flex-direction: column;
        gap: 30px;
    }
}

@media only screen and (max-width: 630px) {
    #home-testimonials-container #testimonials-container .testimonial-block {
        padding-right: 0px;
        scale: 1;
        padding-left: 34vw;
    }

    .main .std .tabberlive .bestseller-products .products-grid > li {
        width: calc(100% / 1) !important;
    }

    .main .std .tabberlive .bestseller-products .products-grid > li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .std #home-testimonials-container::before {
        left: 0px;
    }

    #trusted-business-container #trusted-businesses-cms-container ul {
        scale: 0.9;
        gap: 2rem;
    }

    .std #trusted-businesses-cms-container li > a > p {
        font-size: 2vw;
        margin-left: 20px;
        text-wrap: auto;
        width: 110px;
    }

    #home-testimonials-container #testimonials-container {
        left: 0px;
    }
    
}

@media only screen and (max-width: 520px) {
    #trusted-business-container #trusted-businesses-cms-container ul {
        scale: 1;
        gap: 6rem;
        padding-right: 75px;
        position: relative;
        left: -25px;
    }    

    .std #trusted-businesses-cms-container li > a > p {
        font-size: 18px;
    }

    .std .scroll-left, .scroll-right {
        padding: 0px;
    }
}

@media only screen and (max-width: 480px) {
    .opc #checkout-review-table tbody tr td h3.product-name a {
        font-size: 10pt;
        padding-left: 0px;
    }

    #checkout-review-table-wrapper {
        max-width: 100%;
        overflow-x: hidden;
    }

    #checkout-review-table-wrapper * {
        width: 100% !important;
    }

    #checkout-review-table tfoot::after {
        display: none;
    }

    #checkout-review-table .form-list fieldset textarea {
        width: 90% !important;
    }
}

@media only screen and (max-width: 450px) {
    #home-testimonials-container #testimonials-container .testimonial-block {
        padding-left: 22vw;
    }

    .cart #shopping-cart-totals-table::after {
        left: -500px;
        bottom: -10px;
    }

    .main .cart #shopping-cart-table thead::after {
        top: 337px;
    }
}

@media only screen and (max-width: 1050px) {
/*    .footer-container .footer-top > div:not(.icons) {
        display: none;
    }*/
    

    
    .footer-container .footer-top .fullscreen-icons {
        display: none;
    }
    
    .footer-container .footer-top .mini-icons {
        display: block !important;
    }
    
    .footer-container .footer-top .icons .social-icons-container {
        left: 50%; /* places the START of the positioned container 50% from the left */
        transform: translate(-50%, 0); /* places the middle of the container back 50% */
        bottom: 10px;
    }
    
    .footer-container .footer-bottom .newsletter-subscribe-link {
        display: none;
    }
    
    .footer-container .footer-bottom .footer-links-container {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 600px) {
    .help-banner {
        max-width: 100%;
        width: 600px;
    }
    
    .footer-container .footer-top img {
        border-radius: 0px;
    }
    
    .footer-container .footer-top {
        margin: 35px 0px;
    }

    .header #links-cart-container {
        padding-bottom: 15px;
    }

    .header-container .header #search-middle-nav-container {
        margin-top: 5px;
    }

    .header #search-middle-nav-container #full-size-search #fs_search_mini_form .form-search {
        margin-top: 7px;
    }

    .my-wishlist fieldset {
        scale: 0.9;
        position: relative;
        left: -28px;
        top: -98px;
    }

    .my-wishlist fieldset .add-to-cart-alt p {
        padding-bottom: 20px;
    }

    .col1-layout .flexslider {
        top: 20px;
    }

    .cms-home .col1-layout .breadcrumbs {
        display: none;
    }
}

@media only screen and (max-width: 530px) {
    .my-wishlist fieldset {
        scale: 0.8;
        left: -60px;
        top: -180px;
    }

    body.wishlist-index-index .wrapper .col2-left-layout aside.col-left {
        margin-top: -350px;
    }
}

@media only screen and (max-width: 470px) {
    .my-wishlist fieldset {
        scale: 0.7;
        left: -90px;
        top: -260px;
    }
}

@media only screen and (max-width: 420px) {
    .my-wishlist fieldset {
        scale: 0.65;
        left: -113px;
        top: -330px;
    }

    body.wishlist-index-index .wrapper .col2-left-layout aside.col-left {
        margin-top: -630px;
    }

    body.wishlist-index-index footer.footer-container {
        position: relative;
        top: -130px;
    }
}

@media only screen and (max-width: 500px) {
    .cms-left .shipping-contact-info {
        width: 300px;
        font-size: 10pt;
    }

    .cms-privacy-policy .cms-content {
        width: 44%;
        padding-left: 165px;
    }

    .cms-order-information .main-container.col1-layout .main .col-main {
        width: 80%;
    }

    #home-page-product-scroll-container .small-carousel {
        flex-direction: column;
        scale: 1;
        align-items: center;
    }

    #home-page-product-scroll-container .small-carousel .product-block .product-block-inner .add-to-links{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .header .header-links .links .icon-control .link-content .icon-content::before, .header .header-cart .block-cart .cart-label .cart-text-container .cart-icon::before {
        font-size: 55px;
    }

    .header-container .header #links-cart-container .minicart-container {
        margin-top: 18px;
    }

    .header #categories-hamburger-menu a span {
        font-size: 18pt;
    }

    .header #categories-header-btn {
        font-size: 40px;
    }

    .header #categories-header-btn-label {
        font-size: 6.9pt;
    }

    .page .header-container .header #links-cart-container #category-header-icon-container {
        margin-top: 19px;
    }

    .page .header-container .header #links-cart-container #categories-header-btn-container {
        gap: 4px;
    }

    .header #top-menu-logo-container a.logo img {
        height: 7vw;
    }

    .header-container .header #search-middle-nav-container #full-size-search #fs_search_mini_form .form-search {
        margin-top: 5px;
    }

    .header-container .header .form-search input.input-text {
        width: 37vw;
        font-size: 11px;
    }

    .header-container .header .form-search {
        width: 50vw;
    }
}

#top-menu-logo-container {
    display: none;
}

@media only screen and (min-width: 601px) {
    .help-banner {
        width: 383px;
        height: 200px;
    }
    
    .footer-container .footer-top img {
        border-radius: 10px;
    }
}

@media only screen and (max-width: 980px) {
    .header > a.logo {
        display: none;
    }
    
    .header .logo-alt {
        /* display: inline-flex; */
        /* height: 100%; */
    }

    #welcome-back-header-label {
        display: none;
    }
    
    .header .logo-alt img {
        align-self: center;
        max-height: 4em;
    }
    
    #side-nav-container {
        width: 20%;
        margin-right: 20px;
        position: relative;
        text-transform: uppercase;
    }
    
    #side-nav-container li.level1.parent > ul.level1 {
        display: block;
        visibility: hidden;
        position: absolute;
        left: 100%;
        z-index: 1;
    }
    
    #side-nav-container .top-item, #side-nav-container li.level1 > a {
        line-height: 1.25;
        padding: 14px 20px;
        display: block;
        border-bottom: 1px solid white;
        box-sizing: border-box;
        font-weight: normal;
    }
    
    #full-size-search {
        display: inline-block !important;
    }
    
    body footer.footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h1,
    body footer.footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h2,
    body footer.footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h3,
    body footer.footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h4,
    body footer.footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h5,
    body footer.footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h6 {
        font-size: 14px;
    }

    .header #search-middle-nav-container {
        margin-left: 0px;
    }

    #top-menu-logo-container {
        display: inline-block;
    }

    #top-menu-logo-container a.logo img {
        height: 6vw;
    }

    #search-middle-nav-container #full-size-search #fs_search_mini_form .form-search {
        margin-top: 10px;
    }

    .header .form-search input.input-text{
        width: 25vw;
        font-size: 14px;
    }

    .header .form-search {
        width: 35vw;
    }

    .header-links .links .icon-control .link-content .icon-content::before, 
    .header-cart .block-cart .cart-label .cart-text-container .cart-icon::before {
        font-size: 8vw;
    }

    .header #search-middle-nav-container {
        justify-content: center;
        margin-top: 0px;
    }

    #numberAndEmailBanner {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 980px), not all and (pointer: fine) {
    #side-nav-container .top-item,
    #side-nav-container.nav-mobile li.parent > a,
    #side-nav-container.nav-mobile li.no-children > a {
        padding: 0;
    }
}

@media only screen and (max-width: 980px) and (hover: hover) and (pointer: fine) {
    #side-nav-container:not(.nav-mobile) li.level1.parent:hover > ul.level1 {
        visibility: hidden;
    }
}

@media only screen and (max-width: 979px) {
    .header-cart {
        margin: 0;
    }
    
    footer.footer-container .footer-bottom#footer .footer-links-container ul {
        display: block;
    }
}

@media only screen and (min-width: 821px) {
    body .footer-container .footer-bottom {
        border-top: 10px solid var(--bsi-color-dark-blue);
    }
    
    body .footer-container .footer-bottom {
        padding-top: 20px;
    }
    
    .footer_bottom {
        background: unset;
    }
}

@media only screen and (min-width: 821px) and (max-width: 979px) {
    .product-view .product-collateral .tabs {
        display: block !important;
    }
    
    .product-view .product-collateral .padder {
        padding: 15px 10px;
    }
    
    .product-view .product-collateral .padder h6 {
        display: none;
    }
    
    .product-view .product-collateral .padder ol {
        display: block;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 980px) {
    #nav-container #full-size-search {
        display: inline-block !important;
    }
    
    #nav-container #full-size-search #fs_search_mini_form .form-search {
        min-height: 100% !important;
    }
}

@media only screen and (min-width: 821px) and (max-width: 860px) {
    #nav-container #side-nav-container {
        width: 200px !important;
    }
}

/* Tablet mode */
/* Screen is 820 pixels (or smaller) OR the primary pointer is not precise (i.e. not a mouse') */
@media only screen and (max-width: 820px), not all and (pointer: fine) {
    body.nav-open {
        overflow: hidden;
    }
    
    body.nav-open,
    body.nav-open *:not(#nav-container):not(#nav-container *) {
        touch-action: none;
    }
    
    #nav-container #side-nav-container.nav-mobile #side-nav {
        display: none;
        max-height: 70vmin;
        transition: none;
        transition-delay: 0;
    }
    
    #nav-container #side-nav-container.nav-mobile li.parent.nav-open > ul {
        visibility: visible;
    }
    
    #nav-container #side-nav.nav-mobile,
    #nav-container #side-nav.nav-mobile li.parent.nav-open {
        overscroll-behavior: none;
    }
    
    #nav-container #side-nav-container li.level1.parent > ul.level1 {
        position: static;
    }
    
    nav#nav-container #side-nav-container #side-nav.nav-mobile li.parent > a:first-child span::after {
        font-family: var(--bsi-icons);
        content: var(--bsi-icon-circle-plus);
        color: var(--bsi-color-dark-grey);
        font-size: 16px;
        font-weight: 900;
        float: right;
    }
    
    nav#nav-container #side-nav-container #side-nav.nav-mobile li.parent.nav-open > a:first-child span::after {
        content: var(--bsi-icon-circle-minus);
    }
    
    nav#nav-container #side-nav-container #side-nav.nav-mobile li.parent.bold-category > a:first-child span::after,
    nav#nav-container #side-nav-container #side-nav.nav-mobile li.parent.nav-open > a:first-child span::after {
        color: #FFF;
    }
    
    #nav-container #side-nav-container.nav-mobile #side-nav,
    #nav-container #side-nav-container.nav-mobile #side-nav li.parent ul {
        /*touch-action: pan-y;  Only allow users to scroll vertically */
    }
    
    #nav-container #side-nav-container.nav-mobile #side-nav li.nav-open {
        position: relative;
    }

    #nav-container #side-nav-container.nav-mobile #side-nav li.parent > a {
        width: 100%;
        height: 100%;
    }
    
    #nav-container #side-nav-container.nav-mobile #side-nav a {
        display: block;
        line-height: 1.25;
    }

    #nav-container #side-nav-container.nav-mobile #side-nav li > a span,
    #nav-container #side-nav-container.nav-mobile #side-nav .featured-categories div a span {
        display: block;
        height: 100%;
        padding: 14px var(--default-side-space);
    }

    #nav-container #side-nav-container.nav-mobile #side-nav li.parent > ul {
        display: none;
        width: 100%;
        max-width: 100%;
        opacity: 1;
    }

    #nav-container #side-nav-container.nav-mobile #side-nav li.parent > ul > li .featured-categories {
        display: block;
    }

    #nav-container #side-nav-container.nav-mobile #side-nav img {
        display: none;
    }
    
    nav#nav-container #side-nav-container.nav-mobile #side-nav.nav-mobile {
        width: 100vw;
        margin-left: calc(var(--default-side-space) * -1);
        line-height: 0;
    }
    
    nav#nav-container #side-nav-container.nav-mobile #side-nav.nav-mobile li.all-category {
        display: block;
    }
    
    nav#nav-container #side-nav-container.nav-mobile #side-nav.nav-mobile li.all-category span {
        color: var(--bsi-color-dark-grey);
        font-weight: 800;
        font-size: 14px;
    }
    
    nav#nav-container #side-nav-container #side-nav.nav-mobile.nav-open li.nav-open {
        background: var(--bsi-color-hover);
    }
    
    nav#nav-container #side-nav-container #side-nav.nav-mobile li.parent > ul {
        box-shadow: unset;
    }
    
    #side-nav-container #side-nav.nav-mobile .featured-categories .nav-divider,
    #side-nav-container #side-nav.nav-mobile .all-category + .nav-divider,
    #side-nav-container #side-nav.nav-mobile .non-featured-categories .nav-divider {
        display: block;
        background: inherit;
    }
    
    #side-nav-container #side-nav.nav-mobile ul li:last-child .featured-categories .nav-divider:last-child,
    #side-nav-container #side-nav.nav-mobile ul li:last-child .non-featured-categories .nav-divider:last-child,
    #side-nav-container #side-nav.nav-mobile li.parent.nav-open + li.nav-divider {
        display: none;
    }
    
    #side-nav-container #side-nav.nav-mobile .non-featured-categories .nav-divider {
        margin: 0;
    }
        
    nav#nav-container #side-nav-container #side-nav.nav-mobile ul .divider-content,
    nav#nav-container #side-nav-container #side-nav.nav-mobile ul .line,
    nav#nav-container #side-nav-container #side-nav.nav-mobile ul .featured-categories-divider {
        display: none;
    }
    
    nav#nav-container #side-nav-container #side-nav.nav-mobile .non-featured-categories ol {
        display: block;
    }
    
    nav#nav-container #side-nav-container #side-nav.nav-mobile .non-featured-categories ol li span,
    nav#nav-container #side-nav-container #side-nav.nav-mobile .featured-categories div a span {
        margin: 0;
        padding: 14px var(--default-side-space);
    }
    
    nav#nav-container #side-nav-container #side-nav.nav-mobile div.featured-category,
    nav#nav-container #side-nav-container #side-nav.nav-mobile .non-featured-categories ol li:not(.nav-divider) {
        padding: 0;
        margin: 0;
    }

    nav#nav-container #side-nav-container #side-nav.nav-mobile li.even ul.nav-open {
        background: var(--bsi-color-ivory);
    }
    
    nav#nav-container #side-nav-container #side-nav.nav-mobile li.odd ul.nav-open {
        background: #FFF;
    }
}

@media only screen and (max-width: 820px) {
    .header-links .links span div.big-label {
        font-size: 18px;
    }
    
    .header-links .links span div.small-label {
        font-size: 14px;
    }
    
    nav#nav-container #side-nav-container {
        width: 60px;
    }
    
    nav#nav-container #side-nav-container .topmenu-toggler::after {
        margin-right: auto;
        margin-left: auto;
    }
    
    nav#nav-container #side-nav-container .topmenu-toggler .menu-text {
        display: none;
    }
    
    nav#nav-container #full-size-search #fs_search_mini_form .form-search::before {
        display: none;
    }
    
    nav#nav-container #full-size-search #fs_search_mini_form .form-search #fs_search {
        border-radius: 10px;
        padding-left: 5px;
    }
    
    .col2-left-layout article.col-main {
        width: 100%;
    }
    
    .col2-left-layout aside.col-left {
        width: 100%;
    }
    
    .block div.block-title.mobile_togglecolumn {
        display: flex;
        justify-content: space-between;
        background: var(--bsi-color-dark-blue);
    }
    
    .block div.block-title.mobile_togglecolumn strong {
        display: inline-block;
    }
    
    .block div.block-title strong span::after {
        display: none;
    }
    
    .block {
        width: 100%;
    }
    
    .block div.block-title.mobile_togglecolumn.inactive {
        border-radius: 10px;
    }
    
    .block div.block-title.toggle .mobile_togglecolumn {
        /*background: unset;*/
    }
    
    .block div.block-title.toggle.mobile_togglecolumn::after {
        font-family: var(--bsi-icons);
        content: var(--bsi-icon-store-switcher);
        color: #FFF;
        display: inline-block;
    }
    
    .block div.block-title strong span {
        justify-content: unset;
        color: white;
        padding: 10px;
    }
    
    .block .mobile_togglecolumn + .block-content,
    .block .mobile_togglecolumn + form .block-content {
        display: none;
        /*width: calc(100% - 20px);*/
    }
    
    .product-view .product-collateral .padder > div {
        display: block !important;
    }
    
    .product-view .product-collateral .padder h6 {
        background: var(--bsi-color-dark-blue);
    }
    
    .product-view .product-collateral .padder h6::after {
        font-family: var(--bsi-icons);
        content: var(--bsi-icon-store-switcher);
        color: #FFF;
        float: right;
        margin-right: 3px;
    }
    
    .product-view .product-collateral .padder div.std,
    .product-view .product-collateral .padder div.form-add {
        padding: 0 5px;
        
    }
    
    #leave-review-form-fieldset {
        flex-direction: column;
    }
    
    body .footer-container #footer.footer-bottom .footer-links-container {
        display: block;
        width: -webkit-fill-available;
        width: -moz-available;
    }
    
    body .footer-container .footer-links-container {
        padding-top: 20px;
    }
    
    footer.footer-container div.footer-bottom#footer .footer-links-container ul {
        /* display: none; */
    }
    
    body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper {
        display: block;
        margin: 25px 20px;
    }
    
    body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link {
        display: flex;
        flex-direction: column;
    }

    body:not(.cms-home) footer.footer-container #footer.footer-bottom .footer-links-container div.footer-link-wrapper:not(:last-child) .footer-link::after {
        display: none;
    }
    
    body .footer-container #footer.footer-bottom div.footer-links-container .footer-link-wrapper .footer-link h6,
    body .footer-container #footer.footer-bottom div.footer-links-container .footer-link-wrapper .footer-link h5,
    body .footer-container #footer.footer-bottom div.footer-links-container .footer-link-wrapper .footer-link h4,
    body .footer-container #footer.footer-bottom div.footer-links-container .footer-link-wrapper .footer-link h3,
    body .footer-container #footer.footer-bottom div.footer-links-container .footer-link-wrapper .footer-link h2,
    body .footer-container #footer.footer-bottom div.footer-links-container .footer-link-wrapper .footer-link h1 {
        color: var(--bsi-color-dark-blue);
    }
    
    .footer-container #footer.footer-bottom div.footer-links-container .footer-link,
    .footer-container #footer.footer-bottom div.footer-links-container .footer-link a {
        color: white;
    }
    
    .footer-container #footer.footer-bottom div.footer-links-container .footer-link-wrapper:not(:first-child) .footer-link ul li::marker,
    .footer-container #footer.footer-bottom div.footer-links-container .footer-link-wrapper:first-child .footer-link:not(:first-child) ul li::marker {
        /* content: var(--bsi-icon-arrow-right);
        font-family: var(--bsi-icons);
        color: #000; */
    }
    
    .footer-container #footer.footer-bottom div.footer-links-container .footer-link ul {
        padding-left: 8px;
    }
    
    body .footer-container #footer.footer-bottom div.footer-links-container .footer-link {
        font-size: 20px;
    }
    
    body .footer-container #footer.footer-bottom div.footer-links-container .footer-link ul {
        /* list-style-position: inside; */
        margin: 0px;
    }
    
    body .footer-container #footer.footer-bottom div.footer-links-container .footer-link-wrapper:not(:first-child) .footer-link ul li,
    body .footer-container #footer.footer-bottom div.footer-links-container .footer-link-wrapper:first-child .footer-link:not(:first-child) ul li {
        /* margin: 10px 0; */
    }
    
    
    body .footer-container #footer.footer-bottom .footer-link-wrapper .footer-divider {
        display: none;
    }
    
    body.cms-home footer.footer-container div#footer.footer-bottom div.footer-links-container div.footer-link .mobile_togglemenu,
    body:not(.cms-home) footer.footer-container div#footer.footer-bottom div.footer-links-container div.footer-link .mobile_togglemenu {
        background: unset;
        margin-top: 0;
        font-size: 18px;
        color: white;
    }
    
    .footer-container #footer.footer-bottom div.footer-links-container .footer-link .mobile_togglemenu::after {
        /* font-family: var(--bsi-icons);
        content: var(--bsi-icon-circle-arrow);
        float: right;
        font-size: 20px;
        color: var(--bsi-color-med-blue);
        margin-bottom: -10px; */
    }

    .footer-container .newsletter-subscribe-link {
        font-size: 3.5vw;
    }

    #category-listings-container .col-left.sidebar {
        display: none;
    }
}

@media only screen and (min-width: 761px) and (max-width: 979px) {
    .col1-layout .col-main .product-view .product-shop {
        width: 49% !important;
    }
}

@media only screen and (max-width: 760px) {
    .product-view.grouped-product table.data-table tr {
        flex-wrap: wrap;
    }
    
    .product-view.grouped-product .data-table tr td.img,
    .product-view.grouped-product .data-table tr td.pricing {
        width: 50%;
        box-sizing: border-box;
    }
    
/*    .product-view.grouped-product .data-table tr td.img {
        flex-direction: column;
    }*/
    
    .product-view .data-table tr td.last {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 10px;
        flex-wrap: wrap;
    }
    
    .product-view .data-table td.last .qty-table {
        
    }
    
    .product-view .data-table td.last .email-addto-box {
        padding: 0;
    }
    
    .product-view .data-table td.last .add-to-links li a {
        padding-left: 0;
        margin-left: 0;
    }
    
    .product-view .data-table td.last .qty-table,
    .product-view .data-table td.last .email-addto-box,
    .product-view .data-table td.last .add-to-links {
        float: none;
    }
    
    .product-view .data-table td.last .email-addto-box {
        margin: 20px;
    }
    
    .product-view.grouped-product .data-table tr td.last .email-addto-box {
        border-top: none;
    }
}

@media only screen and (max-width: 777px) {
    div.product-view .product-img-box {
        float: none;
        margin: 0;
    }
}

@media only screen and (max-width: 880px) {
    .cart .col-2 .totals .discount {
        width: 60vw;
    }
}

@media only screen and (max-width: 720px) {
    #checkout-step-review #checkout-review-table tfoot tr:not(.last) td {
        font-size: 8pt;
    }

    #checkout-review-table .form-list fieldset textarea {
        width: 340px;
    }
}

@media only screen and (max-width: 700px) {
    .header .logo-alt img {
        max-height: 3em;
    }
    
    .header .links li {
        padding: 0 5px 0 4px;
    }
    
    .header-links .links span div.big-label {
        font-size: 16px;
    }
    
    .header-links .links span div.small-label {
        font-size: 12px;
    }
    
    .col2-left-layout .col-main .my-account #my-orders-table thead tr th:nth-child(3),
    .col2-left-layout .col-main .my-account #my-orders-table thead tr th:nth-child(5),
    .col2-left-layout .col-main .my-account #my-orders-table tbody tr td:nth-child(3),
    .col2-left-layout .col-main .my-account #my-orders-table tbody tr td:nth-child(5) {
        display: none;
    }
    
    .regular-price .price,
    .starting-at,
    .price,
    .product-view .starting-price,
    .regular-price .starting-at {
        font-size: 16px;
    }

    .grouped-product .starting-price .price {
        font-size: 32px;
    }
    
    div.related .block-related .related-products li.item .product-block .product-block-inner p.product-name,
    div.related .block-related .related-products li.item .product-block .product-block-inner p.product-name a {
        font-size: 14px;
    }

    .cms-page-view.cms-careers .form-wrap .contacform .captcha-submit-container {
        gap: 45px;
        flex-direction: column;
    }
}

@media only screen and (max-width: 640px) {
    .col-main #my-orders-table thead {
        display: table-header-group;
    }
    
    .col-main #my-orders-table tbody tr td {
        text-align: left !important;
        width: unset;
        display: table-cell;
        padding: 5px 5px;
    }
    
    .col-main #my-orders-table tbody tr td:nth-child(4) {
        text-align: right !important;
    }
    
    div.related {
        max-height: unset;
    }
    
    .col-main #shopping-cart-table thead {
        display: table-header-group;
    }
    
    .col-main #shopping-cart-table tbody td {
        width: unset;
        display: table-cell;
    }
    
    .col-main #shopping-cart-table tfoot td {
        display: table-cell;
    }
    
    .col-main #shopping-cart-table tfoot td .cart-buttons-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .col-main #shopping-cart-table tfoot td .btn-continue,
    .col-main #shopping-cart-table tfoot td .btn-update,
    .col-main #shopping-cart-table tfoot td .btn-empty {
        float: unset;
    }
    
    .col-main #shopping-cart-table tfoot td .btn-update {
        margin-left: 0;
    }
    
    .product-view.grouped-product .data-table tbody tr td.img,
    .product-view.grouped-product .data-table tbody tr td.pricing,
    .product-view.grouped-product .data-table tbody tr td.last {
        width: 100%;
    }
    
    .product-view.grouped-product .data-table tbody tr td.pricing,
    .product-view.grouped-product .data-table tbody tr td.pricing .tier-prices {
        text-align: left !important;
    }
    
    .product-view.grouped-product .data-table .pricing .price-box,
    .product-view.grouped-product .data-table .pricing .tier-prices {
        float: none;
    }
    
    #checkout-review-table-wrapper #checkout-review-table {
        /*table-layout: fixed;*/
    }
    
    #checkout-review-table-wrapper #checkout-review-table thead {
        display: table-header-group;
    }
    
    #checkout-review-table-wrapper #checkout-review-table tr td {
        display: table-cell;
    }
    
    #checkout-review-table-wrapper #checkout-review-table thead tr th:nth-child(2),
    #checkout-review-table-wrapper #checkout-review-table tbody tr td:nth-child(2) {
        display: none;
    }
    
    #checkout-review-table-wrapper #checkout-review-table thead tr th:first-child,
    #checkout-review-table-wrapper #checkout-review-table tbody tr td:first-child {
        width: auto;
    }
    
    #checkout-review-table-wrapper #checkout-review-table thead tr th:not(:first-child),
    #checkout-review-table-wrapper #checkout-review-table tbody tr td:not(:first-child) {
        width: fit-content;
    }
    
    .col2-left-layout .col-main .my-account #my-orders-table tfoot tr td {
        display: table-cell;
    }
}

/* Phone Mode */
@media only screen and (max-width: 600px) {

    .main-container .main .std .tabberlive .bestseller-products .products-grid > li h2 {
        font-size: 11pt;
    }

    .col2-left-layout aside.col-left {
        margin-left: calc(var(--default-side-space) * -1);
        margin-right: calc(var(--default-side-space) * -1);
        width: calc(100% + (var(--default-side-space) * 2));
    }

    body.wishlist-index-index .col2-left-layout aside.col-left {
        margin-top: -200px;
    }

    #links-cart-container .header-links .tm_headerlinkmenu .links {
        margin-top: 11px;
    }
    
    .header .logo-alt {
        display: none;
    }
    
    #mobile-logo {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    body:not(.cms-home) .page #mobile-logo {
        display: none;
    }
    
    #mobile-logo .logo-alt {
        display: none;
    }
    
    #mobile-logo .logo img {
        max-height: 4em;
    }
    
    #mobile-call-us-banner {
        /* display: flex !important; */
        justify-content: center;
    }
    
    #mobile-call-us-banner.call-us-banner a::before {
        color: var(--bsi-color-med-blue);
        font-size: 24px;
    }
    
    #mobile-call-us-banner.call-us-banner a span {
        font-size: 24px;
        color: var(--bsi-color-med-blue);
    }
    
    .header-container {
        margin: 0;
        background: #185a7d;
        min-height: 135px;
        max-height: 5vmin;
    }
    
    .header-container .header .header-links {
        margin-left: auto;
        margin-right: auto;
    }
    
    .header-container .header .header-links .tm_headerlinkmenu .links .wishlist-icon,
    .header-container .header .header-links .tm_headerlinkmenu .links .checkout-icon,
    .header-container .header .header-links .tm_headerlinkmenu .links .logged-out-welcome-icon ~ .register-account-icon::after {
        display: none !important;
    }
    
    .header-container .header .header-links .tm_headerlinkmenu .links li:not(.welcome-icon) {
        min-width: fit-content;
    }
    
    .header-links .links .link-content > span {
        margin-bottom: 0;
        flex-direction: row;
    }
    
    .header-links .links span div.big-label,
    .header-links .links span div.small-label {
        font-size: 12px !important;
        color: var(--bsi-color-dark-blue);
        font-weight: normal;
    }
    
    .header-links .links span div:first-child {
        margin-right: 3px;
    }
    
    #full-size-search {
        /* display: none !important; */
    }
    
    #mobile-search {
        display: inline-flex !important;
        width: calc(100% - var(--default-side-space) * 2);
        height: 3em;
        margin: 0 var(--default-side-space) 20px;
    }
    
    #mobile-search #m_search_mini_form {
        width: 100%;
        height: 100%;
    }
    
    #mobile-search #m_search_mini_form .form-search {
        height: 100%;
        position: relative;
        border: 1px solid var(--bsi-color-dark-blue);
        background: #FFF;
        border-radius: 10px;
    }
    
    #mobile-search #m_search_mini_form .form-search #m_search {
        border-radius: 10px;
        font-size: 20px;
        padding-left: 5px;
    }
    
    #mobile-search #m_search_mini_form .form-search #m_search::placeholder {
        color: transparent;
    }
    
    #mobile-search #m_search_mini_form .form-search button.button {
        height: 100%;
        border-radius: 10px;
    }
    
    #mobile-search #m_search_mini_form .form-search #m_search_autocomplete {
        z-index: 10000 !important; /* This is required to show over the floating navigation */
        top: 42px !important;
    }
    
    nav#nav-container .minicart-container {
        width: 40%;
    }
    
    .block div.block-title.mobile_togglecolumn.inactive,
    .block div.block-title.mobile_togglecolumn.active {
        border-radius: 0;
    }
    
    footer.footer-container {
        margin: 0;

    }
    
    footer.footer-container .footer-top {
        display: flex;
    }
    
    footer.footer-container .footer-top .icons .mini-icons {
        max-height: fit-content;
        width: 100%;
        border-radius: 0;
    }
    
    footer.footer-container .footer-top .icons .social-icons-container {
        bottom: 50%;
        transform: translate(-50%, 150%);
        gap: 45px;
    }
    
    body.cms-home footer.footer-container .footer-bottom {
        margin-top: 0;
    }
    
    body:not(.cms-home) footer.footer-container .footer-links-container {
        padding-top: 0;
    }
    
    .col-main .cart .cart-collaterals {
        flex-wrap: wrap;
    }

    .notif-label {
        top: -3px;
        right: 5px;
    }
}

@media only screen and (max-width: 570px) {
    .col-main .tabberlive .tabs .tab #reorder-list-container {
        justify-content: center;
    }
    
    .product-view.grouped-product .data-table tr td.img {
        flex-direction: column;
    }
}

@media only screen and (max-width: 479px) {
    .header-cart .cart-label {
        padding: 0;
    }
    
    .col-main .title-buttons {
        display: flex;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 400px) {
    .switch-view-dialog #syncfusion-switcher-dialog .e-btn.e-primary.view-dialog-switch {
        margin-left: 56vw;
    }

    .header {
        flex-direction: column;
    }

    .header-container .header #categories-hamburger-menu a span {
        font-size: 14pt;
    }

    .header-container .header #categories-header-btn{
        font-size: 35px;
    }

    .header-container .header #categories-header-btn-label {
        font-size: 6pt;
    }

    .header .header-links .links .icon-control .link-content .icon-content::before, 
    .header .header-cart .block-cart .cart-label .cart-text-container .cart-icon::before {
        font-size: 45px;
    }

    body .page .header-container .header #links-cart-container #categories-header-btn-container {
        gap: 0px;
    }

    body .page .header-container .header #links-cart-container #category-header-icon-container {
        margin-top: 17px;
    }

    .page .header-container .header #links-cart-container .minicart-container {
        margin-top: 16px;
    }

    .header #links-cart-container #categories-hamburger-menu-close-btn {
        margin-right: 5px !important;
    }
}


/* At 379px the product list becomes a single column and we have a bit more real estate again */
@media only screen and (min-width: 380px) and (max-width: 450px) {
    .product-block {
        padding: 0 5px !important;
    }
    
    .product-block .add-to-links .price-box .price {
        font-size: 18px;
    }
    
    .product-block .add-to-links label[for=qty] {
        display: none;
    }
    
    .product-block .add-to-links #qty {
        height: 25px;
        width: 23px;
    }
    
    .product-block .add-to-links .btn-cart > span {
        padding: 7px 9px;
    }
}

@media only screen and (max-width: 450px) {
    .header-container .header .header-links .tm_headerlinkmenu .links .welcome-icon,
    .header-container .header .header-links .tm_headerlinkmenu .links .logged-out-welcome-icon {
        display: none !important;
    }
    
    #mobile-logo .logo img {
        max-height: 3em;
    }
    
    #mobile-call-us-banner.call-us-banner a::before,
    #mobile-call-us-banner.call-us-banner a span {
        font-size: 22px;
    }
    
    .col-main .cart table#shopping-cart-table thead tr th:nth-child(1),
    .col-main .cart table#shopping-cart-table tbody td:nth-child(1),
    .col-main .cart table#shopping-cart-table thead tr th:nth-child(4),
    .col-main .cart table#shopping-cart-table tbody td:nth-child(4) {
        display: none;
    }
    
    .col1-layout #checkoutSteps li {
        padding: 5px 0;
    }
    
    .col1-layout #checkoutSteps,
    .col1-layout #checkoutStepsContent {
        width: calc(100% + (var(--default-side-space) * 2));
        margin-left: calc(var(--default-side-space) * -1);
    }
    
    footer.footer-container .footer-top .icons div.social-icons-container {
        transform: translate(-50%, 125%);
    }

    .col1-layout .flexslider {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .col-main .tabberlive .tabs .tab#report_tab .reorder-table thead th:first-child,
    .col-main .tabberlive .tabs .tab#report_tab .reorder-table tbody td:first-child {
        display: none;
    }
    
    div.email-addto-box .email-friend {
        float: none;
    }
    
    .product-view .product-shop .email-addto-box .add-to-links a.link-wishlist {
        padding-left: 0;
    }
}

@media only screen and (max-width: 370px) {
    .col-main .tabberlive .tabs {
        width: calc(100% + (var(--default-side-space) * 2));
        margin-left: calc(var(--default-side-space) * -1);
    }
    
    .col-main .tabberlive .tabs .tab .product-block {
        margin-right: 0;
    }
    
    .col-main .tabberlive .tabs .tab #reorder-list-container {
        grid-template-columns: 1fr;
    }
    
    .col-main .tabberlive .tabs .tab .reorder-list-item-container {
        width: 100%;
    }
    
    #opc-review .order-review #review-buttons-container .checkout-button.captcha-form {
        align-self: center;
    }
}

@media only screen and (max-width: 319px) {
    .header .header-links .links {
        width: fit-content;
    }
    
    .minicart-container .header-cart #panel {
        
    }
}
/* *** End Mobile Adjustments *** */
/* ****** End Top Link Styles ****** */

/* ****** Navigation ****** */
#nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0;
    clear: both;
    background-color: #185a7d;
    padding-bottom: 4px;
}

/* *** Top Menu *** */
#side-nav-container {
    width: unset;
    margin-right: unset;
    font-weight: unset;
    z-index: 100;
}

#side-nav-container li.level1 {
    background: unset;
    font-family: "Oswald", sans-serif;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}

#side-nav .featured-categories {
    display: grid;
    grid-column-start: 1;
    grid-column-end: 7;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    column-gap: 20px;
    grid-auto-rows: minmax(150px, auto);
    text-transform: none;
}

#side-nav .featured-categories .featured-category {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#side-nav-container li.level1 > a {
    color: #185a7d;
    font-size: larger;
}

#side-nav {
    display: flex;
    justify-content: center;
    background: white;
    overflow-y: hidden;
}

#nav-container #side-nav-container {
    height: 40px;
    width: 225px;
    position: relative;
    border-radius: 10px;
    cursor: pointer;
    
    transition-duration: 0.25s;
    transition-delay: 0.5s;
    transition-property: border-radius;
}

.arrow {
    position: absolute;
    z-index: 1;
    color: #FFF;
    background: var(--bsi-color-dark-blue);
    font-size: 14px;
    line-height: 10px;
    height: 14px;
    width: 100%;
    
    display: none;
}

.nav-mobile .arrow {
    left: calc(50vw - 2rem);
}

.arrow::before {
    font-family: var(--bsi-icons);
    display: flex;
    justify-content: center;
    margin-top: 2px;
}

.arrow.up::before {
    content: var(--bsi-icon-up-arrow);
}

.arrow.down::before {
    content: var(--bsi-icon-down-arrow);
}

.arrow.up {
    bottom: -14px;
}

.arrow.down {
    bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media (hover: hover) and (pointer: fine) {
    #nav-container #side-nav-container:not(.nav-mobile):hover {
        border-radius: 10px 10px 0 0;

        transition-duration: 0.25s;
        transition-delay: 0s;
        transition-property: border-radius;
    }
}

#nav-container #side-nav-container .topmenu-toggler {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    margin-right: 0;
    margin-top: 0;
    float: none;
}

#nav-container #side-nav-container .topmenu-toggler::after {
    content: var(--bsi-icon-hamburger);
    font-family: var(--bsi-icons);
    font-size: 25px;
    color: #FFF;
    margin-right: 20px;
}

#nav-container #side-nav-container .menu-text {
    color: #FFF;
    margin-left: 20px;
    font-size: large;
    text-transform: uppercase;
    font-family: var(--tall-font);
}

#nav-container #side-nav {
    position: unset;
    top: unset;
    left: unset;
    width: unset;
    
    overflow: scroll;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0px 15px 10px -10px rgb(0 0 0 / 60%); /* x-offset y-offset blur-radius spread-radius color */
    
    max-height: 0vh;
    transition: max-height, 0.25s linear;
    transition-delay: 0.33s;
    will-change: transition;
}

#nav-container #side-nav li.all-category {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    #nav-container #side-nav-container:not(.nav-mobile):hover #side-nav {
        max-height: 75vh;
        transition: max-height, 0.25s linear;
        will-change: transition;
    }
}

/* Controls the background of the scrollbar itself */
#nav-container #side-nav::-webkit-scrollbar {
    /*width: 3px;*/
    display: none;
}

#nav-container #side-nav {
    scrollbar-width: none;
}

/* Controls the empty space 'below' the scrollbar' */
#nav-container #side-nav::-webkit-scrollbar-track {
    /*background: #FFF;*/
}

/* Controls the empty space 'above' the scrollbar' */
#nav-container #side-nav::-webkit-scrollbar-track-piece {
    /*background: #FFF;*/
}

/* Controls the directional buttons of the scrollbar */
#nav-container #side-nav::-webkit-scrollbar-button {
    
}

/* Controls the draggable scrolling element of the scrollbar */
#nav-container #side-nav::-webkit-scrollbar-thumb {
    /*background: var(--bsi-color-hover);*/
}

#nav-container #side-nav > li > a span {
    font-weight: 700;
}

#nav-container #side-nav li.level1 {
    background: #FFF;
    position: static;
    font-family: var(--reg-font);
}

#nav-container #side-nav li.level1.bold-category {
    font-family: var(--tall-font);
}

#nav-container #side-nav li.bold-category + li.nav-divider {
    display: none;
}

#nav-container #side-nav.nav-mobile .featured-categories .featured-category,
#nav-container #side-nav.nav-mobile .non-featured-categories ol > li {
    border-radius: unset;
}

#nav-container #side-nav li.bold-category > a span,
#nav-container #side-nav .bold-category > a div {
    color: #FFF;
    /*font-family: var(--med-font);*/
}

#nav-container #side-nav li a span {
    color: var(--bsi-color-dark-grey);
    font-family: var(--med-font);
}

#nav-container #side-nav .non-featured-categories a span,
#nav-container #side-nav .featured-categories a span {
    font-family: var(--med-font);
    font-size: 1em;
}

#side-nav-container li.level1 > a {
    border-bottom: unset;
    font-size: 1.4vw;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

.featured-category-child-links {
    display: flex;
    flex-direction: column;
    font-size: 13px;
}

.featured-category-main-nav-name {
    margin: 20px 0px;
    font-weight: bold !important;
    color: #185a7d;
}

.view-all-featured-category {
    margin-top: 10px;
    font-style: italic;
    font-size: 13px;
    text-decoration: underline;
}

.view-all-featured-category:hover {
    text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
    #side-nav-container:not(.nav-mobile) li.level1:hover > a {
        background: #f9a159;
    }
}

#side-nav-container #side-nav .featured-categories .nav-divider {
    display: none;
}

#side-nav-container #side-nav .nav-divider.nav-hidden::before {
    background: inherit;
}

#side-nav-container #side-nav .nav-divider::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 30px;
    background-color: #000;
    margin: 17px 0px;
    vertical-align: middle;
}

@media (hover: hover) and (pointer: fine) {
  #side-nav-container:not(.nav-mobile) li.level1.parent:hover > ul.level1 {
    position: fixed;
    top: 252px;
    left: 0;
    right: 0;
    width: 99.2vw;
    z-index: 1001;
    background: #fff;
    opacity: 1;
    display: block;
    transition: visibility 0.25s ease-in-out 0.35s, opacity 0.40s ease-in-out 0.3s;
    font-family: 'Montserrat', sans-serif;
  }
}

@media only screen and (min-width: 980px) {
    #side-nav-container li.level1.parent > ul.level1 {
        box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.2);
    }
}

#side-nav-container.nav-mobile li {
    text-align: left;
}

#side-nav-container li.level1.parent > ul.level1 {
    /*max-width: 70vw;*/
    width: auto;
    background-color: #FFF;
    cursor: auto;
    height: fit-content;
    /* box-shadow: 0 -3px 5px rgb(0 0 0 / 20%), 0px 3px 5px rgb(0 0 0 / 20%); */
    will-change: transition;
    opacity: 0;
    left: 0;
    right: 0;
    
    /* *** Animation Styles *** */
    /*transform: scaleX(0);*/
}

#side-nav .featured-categories-divider {
    user-select: none;
}

#side-nav .featured-categories-divider .divider-content {
    color: var(--bsi-color-dark-blue);
    font-size: large;
    /*font-family: var(--tall-font);*/
}

#side-nav .featured-categories .featured-category div,
#side-nav .non-featured-categories span {
    color: #185a7d;
}
/* *** End Top Menu *** */

/* *** Search Bar *** */
#mobile-search {
    display: none;
}

#full-size-search {
    width: 50%;
    height: 40px;
    position: unset;
}

#full-size-search #fs_search_mini_form {
    width: 100%;
    height: 100%;
}

#full-size-search #fs_search_mini_form .form-search::before {
    content: var(--bsi-icon-search);
    font-family: var(--bsi-icons);
    color: white;
    font-size: 20px;
    display: inline-block;
    height: 100%;
    vertical-align: text-top;
    margin-left: 5px;
    margin-top: 5px;
}

#full-size-search #fs_search_mini_form .form-search {
    height: 80%;
    border-radius: 16px;
    border: solid white;
    border-width: 1px;
    background: #5f8ba4;
    position: unset;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
}

#search-middle-nav-container {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    font-family: 'Oswald', sans-serif;
    font-size: 20pt;
    margin-left: 2vw;
}

#auto-complete-container .search-autocomplete {
    position: unset !important;
    margin-top: 34px;
    font-size: 14pt;
    width: 100%;
}

#auto-complete-container {
    z-index: 999;
}

#welcome-back-header-label {
    text-align: center;
    color: white;
    margin-top: 5px;
}

#full-size-search #fs_search_mini_form .form-search #fs_search_autocomplete,
#mobile-search #m_search_mini_form .form-search #m_search_autocomplete {
    top: 40px !important;
}

#full-size-search #fs_search_mini_form .form-search #fs_search_autocomplete ul,
#mobile-search #m_search_mini_form .form-search #m_search_autocomplete ul {
    border: 1px solid #5C7989;
    background-color: #FFF;
}

#full-size-search #fs_search_mini_form .form-search #fs_search_autocomplete ul li.selected,
#mobile-search #m_search_mini_form .form-search #m_search_autocomplete ul li.selected {
    background-color: var(--bsi-color-hover) !important;
}

#full-size-search #fs_search_mini_form .form-search #fs_search_autocomplete ul li,
#mobile-search #m_search_mini_form .form-search #m_search_autocomplete ul li {
    text-align: left;
    /*border-bottom: 1px solid #F4EEE7;*/
    padding: 2px 8px 1px 8px;
    cursor: pointer;
}

.form-search input.input-text {
    border: unset;
    height: 100%;
    box-shadow: none;
    display: inline-block;
    background-color: #5f8ba4;
    color: white;
    border-radius: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}


.form-search input.input-text::placeholder {
    color: white;
}

.form-search button.button {
    position: absolute;
    right: 0;
    min-width: 10%;
    display: inline-block;
    margin-right: -2px; /* Prevents background bleed through */
}

.form-search button.button span {
    background: var(--bsi-color-med-blue);
    font-family: var(--tall-font);
}

.form-search ul li span.amount {
    float: right;
}
/* *** End Search Bar *** */

/* *** Contact Us *** */
#mobile-call-us-banner {
    display: none;
}

.call-us-banner {
    height: 40px;
}
.call-us-banner a::before {
    content: var(--bsi-icon-phone);
    font-family: var(--bsi-icons);
    font-size: 35px;
    color: var(--bsi-color-ivory);
    margin-right: 10px;
}

.call-us-banner a {
    height: 100%;
    display: flex;
    align-items: center;
}

.call-us-banner a span {
    font-size: xx-large;
    color: var(--bsi-color-ivory);
    font-family: var(--tall-font);
}

/* *** Mobile Adjustments *** */
@media only screen and (max-width: 1600px) {
    .header-links .links .welcome-icon .big-label .lastname {
        display: none;
    }
}
/* *** End Mobile Adjustments *** */
/* *** End Contact Us *** */

/* *** Minicart *** */
.minicart-container {
    height: 30px;
    border-radius: 10px;
    margin-top: 34px;
    margin-right: 9px;
    margin-left: 10px;
    position: relative;
}

.minicart-container:hover::before {
    content: '';
    position: absolute;
    top: -32px;
    left: -18px;
    right: 0px;
    height: 100px;
    width: 100px;
    background: #5f8ba4;
    border-radius: 50px;
    z-index: 0;
}

.header-cart {
    float: unset;
    height: 100%;
    width: 100%;
}

.header-cart .block-cart .cart-text-container .cart-icon {
    display: inline-flex;
    align-items: center;
    height: 100%;
    margin-right: 10px;
}

.header .header-cart #panel{   background: none repeat scroll 0 0 #fff;    border: 2px solid #000;  top: 54px !important;    min-width: 20px;    padding: 20px;    position: absolute;    right: 0;    text-align: left;    width: 350px; display:none;z-index: 999; overflow-y: hidden; max-height: 75vh; height: fit-content;}

.header-cart .block-cart .cart-text-container .cart-icon::before {
    display: inline-block;
    content: var(--bsi-2025-icons-Icon-ViewCart);
    font-family: var(--bsi-2025-icons);
    color: #FFF;
    font-size: 65px;
}

/*.header-cart .block-cart .cart-text-container .cart-icon:hover::before {
    background: #5f8ba4;
}*/

.header-cart .block-cart .cart-text-container .cart-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    white-space: nowrap;
}

.header-cart .block-cart {
    display: inline-block;
    float: unset;
    height: 100%;
    width: 100%;
}

.header-cart .cart-label {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.header-cart .block-cart .cart-text-container {
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #FFF;
    font-family: 'Oswald', sans-serif;
}

#links-cart-container {
    display: flex;
    padding-top: 17px;
}

.header-cart .block-cart .cart_mini_right {
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 50%;
    align-items: center;
    margin: 0 auto;
    font-family: var(--reg-font);
    padding: 0;
}

.cart_mini_right .price, .cart_mini_right .cart_qty {
    margin: 0 auto;
}

.cart-qty-icon {
    width: 0px;
}

.cart-qty-icon .cart-qty-icon-amount {
    position: relative;
    top: -18px;
    font-size: 14px;
    left: -30px;
    font-family: 'Montserrat', sans-serif;
    background: #f9a159;
    border-radius: 125px;
    padding: 2px 8px;
    color: #185a7d;
}

.header-cart li {
    clear: both;
    margin-bottom: 5px;
}

.header-cart li .btn-edit {
    display:none;
}

.ie7 .header-cart li{
    overflow:hidden;
}

.header-cart #panel {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #185a7d;
    top: 54px !important;
    min-width: 20px;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 260px;
    display:none;
    z-index: 999;
    overflow: auto;
    max-height: 60vh;
    margin-top: -10px;
    border-radius: 5px;
    font-family: "Montserrat", sans-serif;
}

.mini-products-list .product-image {
    float: left;
    width: 75px;
    height: 75px;
    margin: 0 10px 0 0;
    border: 1px solid #ddd;
}

.cart_topbg .product-image > img {
    height: 90%;
    min-width: 40px;
    max-width: 95%;
}

.header-cart #panel .actions {
    margin-top:7px;
    text-align: center;
}

.header-cart #panel .product-name a {
    font-size:13px;
}

.header-cart #panel .close {
    text-align: center;
    margin: 10px 0 0;
    font-size: 16px;
    cursor: pointer;
}

.dash-hidden {
   visibility: hidden;
}

/* *** Mobile Adjustments *** */
@media only screen and (max-width: 1600px) {
    .header-cart .block-cart .cart-label .cart-text-container .cart-text {
        /*display: none !important;*/
    }
    
    .header-cart .block-cart .cart_mini_right {
        width: unset;
    }
}
/* *** End Mobile Adjustments *** */
/* *** End Minicart *** */
/* ****** End Navigation ****** */

.cart-empty a {
    font-size: 16px;
    text-decoration: underline;
}

/* ****** Home Page Body Styling ****** */
.cms-home .main ul.messages {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 80px !important;
    margin-bottom: 10px !important;
}

.col1-layout #ei-slider {
    float: unset;
    /*width: calc(100% + (var(--default-side-space) * 2));*/
    /*margin: 0 calc(var(--default-side-space) * -1);*/
    width: 100%;
    border-top: var(--bsi-color-dark-blue) 10px solid;
    border-bottom: var(--bsi-color-dark-blue) 10px solid;
    height: fit-content;
}

.tabberlive {
    margin-left: unset;
    float: unset;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 25px;
    height: fit-content;
}

.tabberlive .tab0 {
    /*border-bottom: var(--bsi-color-dark-blue) 2px solid;*/
    border-bottom: unset;
    line-height: unset;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.tabberlive .tab0 ul.tabbernav {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    justify-content: center;
    gap: 25px 15px;
}

.tabberlive .tab0 ul.tabbernav > li {
    float: unset;
}

.tabberlive ul.tabbernav li a:hover {
    color: #5f8ba4 !important;
}

.tabberlive .tabbernav li a {
    border-radius: 10px;
    text-transform: none;
}

.tabberlive ul.tabbernav li a {
    background: unset !important;
    color: #185a7d !important;
    text-decoration: unset;
    font-size: 50px;
    font-family: 'Oswald';
    margin-left: 5px;
}

.tabberlive .tabbernav li a:not(.selected) {
    background: var(--bsi-color-med-blue);
}

.tabberlive .tabbernav li a.selected {
    background: var(--bsi-color-dark-blue);
}

.tabberlive .tabbernav li,
.tabberlive .tabbernav li a,
.tabberlive .tabbernav li a.selected,
.tabberlive .tabbernav li a:hover {
    border-bottom: unset;
}

.tabberlive .tabs {
    padding-top: 10px;
    
}

.tabberlive .tab {
    margin-top: unset;
}

#home-testimonials-container{
    height: 800px;
}

#home-testimonials-container::before {
    content: "";
    width: 99.2vw;
    background: #185a7d;
    height: 750px;
    position: absolute;
    z-index: -1;
    left: -100px;
}

#testimonials-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 70px;
}

.testimonial-quote-container {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin: 20px;
    width: 400px;
    height: 400px;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    position: relative;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.testimonial-quote-container::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 70px;
    border-width: 15px;
    border-style: solid;
    border-color: white transparent transparent transparent;
}

.testimonial-quote-container p {
    color: #185a7d;
    font-size: 18pt;
    line-height: 1.8;
    text-align: center;
    font-weight: bold;
}

.testimonial-customer-image img {
    height: 125px;
    width: 125px;
}

.testimonial-customer-info-container {
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding-left: 44px;
}

.testimonial-customer-details-container p {
    color: white;
    font-size: 14pt;
}

.testimonial-customer-details-container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.testimonial-customer-details-container .testimonial-business-name {
    font-style: italic;
}
/* ****** End Home Page Body Styling ****** */

/* ****** Product Grid Styles ****** */
.std .tabberlive .bestseller-products .products-grid {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
  scroll-snap-type: x mandatory;
}

.std .tabberlive .bestseller-products .products-grid > li {
  flex: 0 0 auto;
  width: calc(100% / 6);
  scroll-snap-align: start;
}

#home-page-product-scroll-container {
    display: flex;
    margin-top: 10px;
}

.scroll-left,
.scroll-right {
    background: none;
    color: #185a7d;
    border: none;
    padding: 0px 30px;
    cursor: pointer;
    z-index: 2;
    margin-bottom: 70px;
    margin-top: -40px;
    font-size: 200px;
    font-weight: lighter;
    transition: transform .1s ease-in-out;
    font-family: 'Noto Serif';
}

.scroll-left:hover,
.scroll-right:hover {
    color: #5f8ba4;
}

.scroll-left:active,
.scroll-right:active {
    transform: scale(.80);
}

.products-grid {
    margin-bottom: 34px;
}

.products-grid li.item {
    padding: unset;
    border-bottom: unset;
    margin: 5px;
    font-family: 'Montserrat';
}

.products-grid .product-block {
    border-right: unset;
    border-radius: 10px;
    /*margin-right: 10px;*/
    /*margin-bottom: 10px;*/
}

#home-page-product-scroll-container .products-grid li .product-block {
    height: 100%;
    border: none;
    transition: transform 0.2s ease-in-out;
    transform: scale(.95);
}

#home-page-product-scroll-container .products-grid li .product-block:hover {
    transform: scale(1);
}

.products-grid li .product-block .product-image-block {
    border: unset;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    max-width: 228px;
    height: 232px;
}

.products-grid li .product-block .product-image-block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    transition: opacity 0.3s ease;
}

.products-grid li .product-block .product-image-block #home-page-product-small-image,
.products-grid li .product-block .product-image-block #product-list-small-image {
    opacity: 1;
    z-index: 1;
}

.products-grid li .product-block .product-image-block #home-page-product-thumbnail,
.products-grid li .product-block .product-image-block #product-list-thumbnail {
    opacity: 0;
    z-index: 2;
}

.products-grid li .product-block:hover .product-image-block #home-page-product-small-image,
.products-grid li .product-block:hover .product-image-block #product-list-small-image {
    opacity: 0;
}

.products-grid li .product-block:hover .product-image-block #home-page-product-thumbnail,
.products-grid li .product-block:hover .product-image-block #product-list-thumbnail {
    opacity: 1;
}


/*.products-grid li .product-block .product-image-block::after {
    content: '';
    display: flex;
    flex: 1;
    height: 2px;
    background: var(--bsi-color-dark-blue);
}*/

.products-grid .product-block .product-block-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#category-listings-container .products-grid .product-block .product-block-inner a{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.products-grid .product-block .product-block-inner .add-to-links {
    margin-top: unset;
    margin-bottom: unset;
}

.products-grid .product-block .product-block-inner .add-to-links form:has(.price-box-quote) {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.catalog-product-view .category-title h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 40pt;
    color: #185a7d;
    text-align: center;
    margin-bottom: 20px;
    text-transform: none;
    border-top: solid 1px #5f8ba4;
}

.products-grid.row.small-carousel {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 850px) {
  .products-grid.row.small-carousel > * {
    max-width: 50%;
  }
}

.product-view.grouped-product .starting-price {
    font-size: 25pt;
    float: unset;
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-view.grouped-product a.button.btn-shine{
    float: unset;
    width: fit-content;
    display: block;
    margin-top: 35px;
    border: solid 1px #185a7d;
    border-radius: 50px;
}

#see-all-best-sellers-btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0px;
}

#see-all-best-sellers-btn-container a.button {
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    text-transform: capitalize;
    background: #185a7d;
    color: white;
    padding: 10px 25px;
    border-radius: 50px;
    border: solid 1px #185a7d;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-weight: bold;
}

#see-all-best-sellers-btn-container a.button:hover {
    background: #f9a159;
    color: #185a7d;
    text-decoration: none;
}

.button.btn-shine > span {
    background: white;
    color: #185a7d;
    text-transform: capitalize;
    font-size: 14pt;
}

.button.btn-shine.update-cart > span{
    background: #185a7d;
    color: white;
}

.products-grid .product-block .product-block-inner .product-name {
    font-weight: unset;
    text-align: center;
}

.tabberlive #home-page-product-scroll-container .product-block .product-block-inner .product-name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 55px;
    margin: 0px;
}

#home-page-product-scroll-container .small-carousel .product-block .product-block-inner .product-name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 55px;
    margin: 0px;
}

.products-grid .product-block .product-block-inner .sku {
    font-weight: bold;
}

.products-grid .product-block .product-block-inner .product-name a {
    font-weight: bolder;
    color: var(--bsi-color-dark-blue);
}

.products-grid .product-block .product-block-inner .add-to-links .price-box,
.products-grid .product-block .product-block-inner .add-to-links .price-box .regular-price .price {
    height: unset;
    text-align: center;
    font-weight: 900;
    font-size: 22px;
    margin: 18px 0;
}

.products-grid .product-block .product-block-inner .add-to-links .price-box .regular-price .price.as-low {
    margin: 0px;
}

.products-grid .product-block .product-block-inner .add-to-links .price-box .starting-at,
.products-grid .product-block .product-block-inner .add-to-links .price-box .price {
    color: var(--bsi-color-dark-blue);
}

.category-products .products-grid .item.last_item_tm .product-block {
    margin-right: 0;
}

.product-collateral .padder .tab-category-title {
    font-size: 35pt;
    text-align: center;
    color: #185a7d;
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    border-top: solid 1px #5f8ba4;
    padding-top: 10px;
    padding-bottom: 20px;
}

.product-collateral .padder #product_tabs_additional_tabbed_contents .std {
    display: flex;
    justify-content: center;
}

.product_tab_info_content {
    margin-bottom: 20px;
    line-height: 1.2;
}

#leave-review-form-fieldset {
    display: flex;
    justify-content: center;
    gap: 1vw;
}

#leave-review-form-fieldset .form-list input.input-text {
    width: 20vw;
}

.product-collateral .captcha-submit-container {
    display: flex;
    align-items: center;
    justify-content: end;
}

.product-collateral .captcha-submit-container .buttons-set {
    margin: unset;
}

.product-collateral h2 {
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 20pt;
    color: #185a7d;
    font-weight: normal;
    border: unset;
    padding: unset;
}

.review-nologged {
    text-align: center;
    font-size: 14pt;
}

.product-view #product_tabs_review_tabbed_contents .form-list textarea {
    font-family: 'Montserrat', sans-serif;
}

.ratings .rating-box {
    margin-right: 20px;
    margin-left: 7px;
    margin-top: 3px;
    scale: 1.3;
}

.collateral-box.dedicated-review-box {
    display: flex;
    width: 85vw;
    justify-content: center;
    gap: 1vw;
}

@media (max-width: 1660px) {
    .collateral-box.dedicated-review-box {
        flex-direction: column;
        align-items: center;
    }

    .collateral-box#customer-reviews #customer-review-list {
        width: 100%;
    }

    .collateral-box.dedicated-review-box#customer-reviews .form-add {
        width: 100%;
    }
}

@media (max-width: 1100px) {
    .collateral-box.dedicated-review-box {
        flex-direction: column;
        align-items: baseline;
    }
}

@media only screen and (max-width: 979px) {
    .padder ol {
        display: unset;
        margin-bottom: 15px;
    }
}

#customer-reviews #customer-review-list {
    max-height: 400px;
    width: 50%;
    padding: 10px;
    border: unset;
    border-right: solid grey thin;
}

#customer-reviews #customer-review-list li {
    border: unset;
}

.collateral-box.dedicated-review-box .form-add {
    width: 50%;
}

/* ****** End Product Grid Styles ****** */

/* ****** Footer Styles ****** */
.footer-container {
    background-color: #185a7d;
    color: white;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
}

.footer_bottom {
    background: white;
}

.footer-container .footer-top {
    /*background: var(--bsi-color-med-blue);*/
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.footer-container .footer-top img {
    height: 100%;
    width:100%
}

.footer-container .footer-top .mini-icons {
    display: none;
}

.footer-container .footer-top .icons {
    position: relative;
}

.social-icons-container {
    display: flex;   
}

.social-icons-container > div {
    margin-right: 4px;
}

.social-icons-container >div a > img {
    height: 28px;
}

.footer-container .footer-top .social-icons-container {
    position: absolute;
    bottom: -10px;
    left: 10px;
    display: inline-flex;
    gap: 10px;
}

.footer-container .footer-bottom .footer-links-container .footer-link-wrapper .footer-link ul li .social-icons-container {
    display: flex;
}

.footer-container .footer-bottom .footer-links-container .footer-link-wrapper .footer-link ul li .social-icons-container img {
    height: 30px;
    margin-right:  10px;
}

.footer-container .footer-bottom {
    margin-top: 20px;
    display: flex;
}

.footer-container .footer-bottom .sign-up-save {
    border-radius: 10px;
}

/* Home Page Footer Styles*/
/*body.cms-home .footer-container .footer-bottom .footer-links-container {
    background: url('../images/Building_Footer_Revised.jpg') no-repeat;
    background-size: 100% 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    column-gap: 20px;
    margin-left: var(--default-side-space);
    width: -webkit-fill-available;  chrome/edge 
    width: -moz-available;  firefox 
    padding-top: 20px;
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper {
    margin: 10px 20px;
    position: relative;
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:not(:first-child)::before {
    content: '';
    background: #FFF;
    border: #FFF 1px solid;
    height: 80%;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    left: -60px;
    margin: auto;
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link {
    display: flex;
    flex-direction: column;
    color: var(--bsi-color-ivory);
    font-size: 20px;
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:not(:first-child) .footer-link ul,
body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:first-child .footer-link:not(:first-child) ul {
    list-style-position: inside;
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:not(:first-child) .footer-link ul li,
body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:first-child .footer-link:not(:first-child) ul li {
    margin: 10px 0;
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:not(:first-child) .footer-link ul li a,
body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:first-child .footer-link:not(:first-child) ul li a {
    margin-left: 5px;
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:not(:first-child) .footer-link ul li::marker,
body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:first-child .footer-link:not(:first-child) ul li::marker {
    font-family: var(--bsi-icons);
    content: var(--bsi-icon-mobile-expandable);
    color: var(--bsi-color-ivory);
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link a {
    color: var(--bsi-color-ivory);
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-divider {
    display: none;
}

body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h1,
body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h2,
body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h3,
body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h4,
body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h5,
body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h6 {
    color: #FFF;
    text-transform: uppercase;
    font-family: var(--tall-font);
}

body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h1:not(.toggle),
body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h2:not(.toggle),
body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h3:not(.toggle),
body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h4:not(.toggle),
body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h5:not(.toggle),
body.cms-home .footer-container .footer-bottom#footer .footer-links-container .footer-link h6:not(.toggle) {
    font-size: 28px;
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:nth-child(1) {
    grid-column: 1 / 2;
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:nth-child(2) {
    grid-column: 2 / 3;
}

body.cms-home .footer-container .footer-bottom .footer-links-container .footer-link-wrapper:nth-child(3) {
    grid-column: 3 / 4;
}*/
/* *** End Home Page Footer Styles *** */

/* *** Non Home Page Footer Styles *** */
body .footer-container .footer-bottom {
    justify-content: center;
}

body .footer-container .footer-bottom .newsletter-subscribe-link {
    /*margin-right: 20px;*/
}

body .footer-container .footer-bottom .newsletter-subscribe-link img {
    height: 155px;
}

body .footer-container .footer-links-container {
    display: block;
    display: flex;
    gap: 2vw;
    padding: 0px 30px 45px 30px;
}

body .footer-container .footer-bottom .footer-links-container .footer-link-wrapper {
    display: contents;
}

body .footer-container .footer-bottom .footer-links-container .footer-link-wrapper .footer-link {
    display: inline-block;
    vertical-align: top;
    margin: 0 50px;
    position: relative;
    border-bottom: solid #5f8ba4;
    border-left: solid #5f8ba4;
    padding: 0px 10px 10px 10px;
    border-radius: 2%;
    height: 200px;
}

body .footer-container .footer-bottom .footer-links-container .footer-link-wrapper .footer-link.first-footer-link {
    border: none;
}

.footer-link.first-footer-link p{
    margin: 0px;
}

body .footer-container .footer-bottom .footer-link-wrapper .footer-divider {
    display: inline-block;
    position: relative;
    height: 100%;
}

.newsletter-subscribe-input-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.newsletter-subscribe-input-wrapper input {
    flex: 1;
    min-width: 0;
    border: solid white;
    border-width: thin;
    background: transparent;
    color: white;
    font-family: 'Montserrat', sans-serif;
    width: 250px;
    height: 36px;
    border-right: none;
    font-size: 11pt;
    padding-left: 2px;
    border-radius: 6px 0 0 6px;
    margin-right: -4px;
}

.newsletter-subscribe-input-wrapper input::placeholder {
    color: white;
}

.newsletter-subscribe-input-wrapper button {
    white-space: nowrap;
    border: solid white;
    border-radius: 6px;
    border-width: thin;
    width: 80px;
    text-align: center;
}

.newsletter-subscribe-input-wrapper .newsletter-submit-button:disabled {
    background: lightgray;
    cursor: default;
    opacity: .7;
    pointer-events: none;
}

.newsletter-submit-button:disabled #newsletter-submit-button-text {
    background: lightgray !important;
    color: black;
}

.modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-wrapper.hidden {
    display: none;
}

.modal-content {
    background-color: #fff;
    padding: 1rem;
    border-radius: 8px;
    max-width: 500px;
    width: 100%;
    position: relative;
}

.dialog-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}


/* body .footer-container .footer-bottom .footer-link-wrapper:not(:last-child) .footer-divider::after {
    content: '';
    background: #000;
    height: 90%;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
} */

body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h1,
body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h2,
body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h3,
body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h4,
body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h5,
body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link h6 {
    font-size: 20px;
    color: white;
    white-space: nowrap;
    text-transform: none;
}

body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link.first-footer-link h6 {
    margin-bottom: 0px;;
}

body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link a {
    color: white;
    display: inline-block;
    transition: transform 0.1s ease-in-out;
}

body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link a:hover {
    transform: scale(1.03) !important;
}

body .footer-container #footer.footer-bottom .footer-links-container .footer-link-wrapper .footer-link .icons a:hover {
    transform: scale(1.1) !important;
}
/* *** End Non Home Page Footer Styles *** */



/* *** Newsletter Styles *** */
.newsletter-subscribe-link {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #5f8ba4;
    color: white;
    font-size: 2.5vw;
    white-space: nowrap;
    width: 100vw;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    font-family: 'Oswald', sans-serif;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.newsletter-subscribe-link > span {
    font-weight: 600;
    margin-left: 10px;
    margin-right: 10px;
}

.newsletter-subscribe-link:hover {
    color: white;
    background: #f9a159;
}

.newsletter-subscribe-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 30%;
    height: 100%;
    background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
}

.newsletter-subscribe-link:hover::before {
    animation: shine 1.5s forwards;
}

@keyframes shine {
    0% {
    left: -75%;
    }
    100% {
    left: 125%;
    }
}

#newsletter-modal {
    position: absolute;
    top: 48%;
    left: 48%;
    transform: translate(-50%, -50%);
    height: 250px;
    width: 350px;
    padding: 11px 25px 25px 25px;
    border-radius: 4%;
}

#newsletter-modal::backdrop {
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,1));
}

#newsletter-modal .dialog-menu {
    display: flex;
    justify-content: end;
    max-height: 20%;
}

#newsletter-modal .dialog-menu > button > span{
    background: none;
    color: black;
    font-size: 12pt;
    scale: 1.2;
    padding: 5px;
}

#newsletter-modal .dialog-menu > button > span.closing-x:hover{
    background: lightgray !important;
}

#newsletter-modal .newsletter-form-container {
    display: flex;
    justify-content: center;
    height: 80%;
    align-items: center;
}

#newsletter-modal .newsletter-form-container input {
    width: 100%;
    height: 30px;
}

#newsletter-modal .newsletter-form-container h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #185a7d;
}

#newsletter-modal .newsletter-form-container form {
    font-size: 13px;
    display: flex;
    flex-direction: column;
}

#newsletter-modal .newsletter-form-container input,
#newsletter-modal .newsletter-form-container label {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
}

#newsletter-modal .newsletter-form-container label {
    margin-bottom: 1px;
}

#newsletter-modal .newsletter-form-container .newsletter-submit-button {
    margin: 10px 0;
}
/* *** End Newsletter Styles *** */
/* ****** End Footer Styles ****** */

/* ****** Category Styles ****** */
/*.col1-layout .category-header-container {
    width: calc(100% + (var(--default-side-space) * 2));
    margin: 0 calc(var(--default-side-space) * -1);
}*/

.category-header-container {
    background: #FFF;
}

.category-header-container .category-description {
    padding: 0;
    /* overflow: auto; */
}

.category-header-container .category-description {
    margin: 0 auto;
    text-align: left;
}

.category-header-container .category-description h3 {
    font-family: 'Montserrat', sans-serif;
}

.category-header-container .category-description > *:not(img):not(a) {
    margin-left: 20px;
}

.category-header-container .category-description > a > *:not(img) {
    margin-left: 20px;
}

.category-header-container .category-description > img,
.category-header-container .category-description > a {
    display: block;
}

.subcategory-grid-container {
    width: 100%;
    margin-top: 44px;
    margin-bottom: 44px;
}

/* 
    keeping this here for reference, but using flexbox instead so we can match wireframe
    .subcategory-grid-container .subcategory-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, 200px);
    grid-auto-rows: 1fr;
    gap: 10px;
} */

.subcategory-grid-container .subcategory-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.subcategory-grid-container .subcategory-grid > * {
    width: 200px;
}

.subcategory-grid-container .subcategory-grid .subcategory-grid-item {
    background: #FFF;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: transform 0.2s ease-in-out;
}

.subcategory-grid-container .subcategory-grid .subcategory-grid-item:hover {
    transform: scale(1.05);
}

.featured_grid_width {
    width: 200px;
}

#featured-categories-container #featured-category-list {
    list-style: none;
    font-size: 0;
}

#featured-categories-container #featured-category-list .featured-category-list-item {
    display: inline-flex;
    justify-content: center;
    
    /* *** Utility Version *** */
    padding: 10px;
    background: #FFF;
    border: var(--bsi-color-dark-blue) 1px solid;
    border-radius: 10px;
    margin: 5px;
    box-sizing: border-box;
}

#featured-categories-container #featured-category-list .featured-category-list-item .subcategory-grid-item {
/*    background: #FFF;
    border: var(--bsi-color-dark-blue) 1px solid;
    border-radius: 10px;*/
    display: flex;
    justify-content: center;
    width: 100%;
    /*height: 100%;*/
    /*margin: 5px;*/
    /*padding: 10px;*/
}

#featured-categories-container #featured-category-list .featured-category-list-item .subcategory-grid-item .subcategory-item {
    display: flex;
    flex-direction: column;
}

#featured-categories-container #featured-category-list .featured-category-list-item .subcategory-img {
    margin-bottom: 5px;
    text-align: center;
    margin-top: auto;
}

#featured-categories-container #featured-category-list .featured-category-list-item .subcategory-img img {
    max-height: 150px;
}

#featured-categories-container #featured-category-list .featured-category-list-item .subcategory-name {
    font-size: 18px;
    color: var(--bsi-color-med-blue);
    font-weight: 700;
    text-align: center;
}

.subcategory-grid-container .subcategory-grid .subcategory-grid-item .subcategory-img {
    margin-bottom: 5px;
    text-align: center;
}

.subcategory-grid-container .subcategory-grid .subcategory-grid-item .subcategory-img img {
    max-height: 150px;
    border-radius: 50%;
}

.subcategory-grid-container .subcategory-grid .subcategory-grid-item .subcategory-name {
    font-size: 18px;
    color: #185a7d;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
}

#recently-viewed-items a {
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 10pt;
    padding: 2px;
    border-radius: 4px;
    transition: background-color 0.1s ease-in-out;
}

#recently-viewed-items a:hover {
    background-color: #f1f4f6;
}

.block-layered-nav dt {
    border: none;
    font-family: 'Montserrat', sans-serif;
    text-transform: none;
    color: #185a7d;
    font-weight: bold;
}

.sidebar .block.block-layered-nav .block-content li {
    border: none;
    padding: 2px;
    margin-left: 7px;
    border-radius: 4px;
    transition: background-color 0.1s ease-in-out;
}

.sidebar .block.block-layered-nav .block-content li:hover {
    background-color: #f1f4f6;
}

.sidebar .block.block-layered-nav .block-content li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 10pt;
}

.sidebar .block-wishlist .block-content .block-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #185a7d;
}

.block-content:has(#recently-viewed-items) {
    border-left: solid 5px #185a7d;
}

.sidebar .block-wishlist #wishlist-sidebar .product-name a,
.sidebar .block-wishlist .actions a {
    font-family: 'Montserrat', sans-serif;
    font-size: 10pt;
}

.sidebar .block-wishlist #wishlist-sidebar .product-name {
    padding: 2px;
    border-radius: 4px;
    transition: background-color 0.1s ease-in-out;
    width: 90%;
}

.sidebar .block .block-content li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 10pt;
    border: none;
}

.sidebar .block.block-account .block-content li a {
    padding-left: 2px;
    font-family: 'Oswald', sans-serif;
    font-size: 20pt;
    transition: background 0.2s ease;
}

.sidebar .block.block-account .block-content li a:hover {
    background: #f9a159;
}

#enterprise-setup:has(div > ul:hover) > a {
    background: #f9a159;
    color: #185a7d;
}

.sidebar .block.block-account .block-content #enterprise-setup li a {
    padding-left: 2px;
    font-family: 'Oswald', sans-serif;
    font-size: 14pt;
    transition: background 0.2s ease;
}

.sidebar .block.block-account .block-content #enterprise-setup li a:hover {
    background: #d2d3d4;
}

.sidebar .block-wishlist .price-box .regular-price {
    font-family: 'Montserrat', sans-serif;
}

.block-account .block-content li.current {
    padding: 10px 0 !important;
    border-bottom: none;
    background: none;
}

.block-account .block-content li.current strong {
    display: inline-block;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 20pt;
    color: #f9a159;
    font-weight: normal;
    padding: 0 10px;
    z-index: 1;
}

.block-account .block-content #enterprise-setup li.current strong {
    font-size: 16pt;
    color: #185a7d;
    font-weight: bold;
}

.block-account .block-content > ul > li.current > strong::before,
#enterprise-setup:has(.current) > a::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 1em;
    width: 100vw;
    background: #f9a159;
    z-index: -1;
}

.sidebar .block-wishlist #wishlist-sidebar .product-name:hover {
    background-color: #f1f4f6;
}

/* ****** End Category Styles ****** */

/* ****** Product Styles ****** */
.category-products .products-list {
    background: #FFF;
    margin-top: -10px;
}

#category-listings-container {
    display: flex;
    gap: 20px;
}

#category-listings-container .block .block-title {
    background: unset;
}

#category-listings-container .block-content {
    border-left: solid 5px #185a7d;
}

#category-listings-container .products-grid li .product-block {
    border: none;
}

#category-listings-container .button.btn-shine > span {
    background: #185a7d;
}

#category-listings-container .button.btn-shine > span > span:hover {
    background: unset;
}

#category-listings-container .block .block-title strong span {
    color: #185a7d;
    font-family: 'Oswald', sans-serif;
    font-size: 18pt;
}

#category-listings-container .block-wishlist .block-title strong span div::before {
    content: var(--bsi-2025-icons-Icon-Favorite-Selected-IconOnly);
    font-family: var(--bsi-2025-icons);
    color: #185a7d;
    font-size: 40pt;
}

#category-listings-container .col-left.sidebar {
    width: unset;
    padding: 0;
}

#category-listings-container .products-grid .product-name {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#category-listings-container .add-to-links.favorites-link {
    display: flex;
    justify-content: end;
}

.minimal-price-link .label {
    color: #185a7d;
}

#category-listings-container .add-to-links.favorites-link a::before {
    padding-top: 15px;
    padding-bottom: 15px;
}

#category-listings-container .products-grid li.item {
    padding: 10px 0;
}

.category-products {
    font-family: 'Oswald';
}

.regular-price .price, .starting-at,
.price,
.product-view .starting-price {
    color: var(--bsi-color-dark-blue);
}

.products-grid .regular-price .starting-price.quote-price {
    height: 25px;
    font-size: 15px;
    text-align: center;
}

.product-view .product-img-box .more-views li a {
    border-width: 1px;
}

.product-view .product-shop .product-name {
    margin-top: 10px;
}

#category-listings-container .button.btn-shine.Request_Quote > span {
    color: white;
    font-size: 13pt;
}

#category-listings-container .button.btn-shine.Request_Quote {
    margin-right: 10px;
}

.product-view .product-shop .product-name h1 {
    color: var(--bsi-color-dark-blue);
    text-transform: none;
    font-size: 24px;
}

.product-essential .product-info-wrapper .price-box .starting-at.dollarsign {
    font-size: 30pt;
}

.product-view .product-shop .product-name div {
    font-size: 14px;
}

.product-view .tabs li a {
    border-bottom: unset !important;
    background: var(--bsi-color-med-blue) !important;
    color: #FFF !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.product-view .tabs li.active a {
    background: var(--bsi-color-dark-blue) !important;
}

@media only screen and (hover: hover) and (pointer: fine) {
    .product-view .tabs li a:hover {
        border-bottom: unset;
    }

    .product-view .tabs li:not(.active) a:hover {
        background: var(--bsi-color-hover) !important;
    }
}

.product-view .tabs {
    border-bottom: unset;
}

.product-collateral .padder {
    border: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.products-grid #qty,
.products-list #qty {
    height: 31px;
}

#enableCustomizer {
    margin-bottom: 4px;
}

.wysiwyg-link#bsi-customizer-video-label {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.wysiwyg-link#bsi-customizer-video-label a {
    color: var(--bsi-color-med-blue);
}

.wysiwyg-link#bsi-customizer-video-label a:hover {
    color: var(--bsi-color-hover);
}

.wysiwyg-link-disclaimer {
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    color: var(--bsi-color-med-blue);
}

#edit-active-object:disabled {
    display: none;
}

#sku-measure-lead-wrapper {
    margin: 20px 0;
}

#sku-measure-lead-wrapper div,
.product-view .product-shop #sku-measure-lead-wrapper #dynamic-sku {
    font-size: 14px;
}

#buy-more-save-more-heading {
    font-family: 'Oswald', sans-serif;
    font-size: 16pt;
    color: #185a7d;
    font-weight: normal;
}

.product-essential .product-shop #tier-container #buy-more-save-more-heading {
    text-align: right;
}

.product-shop.config-product #buy-more-save-more-heading {
    text-align: right;
}

.product-options dd select {
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}

#enableCustomizer span {
    text-transform: none;
    font-size: 14pt;
}

#enableCustomizer {
    margin: 10px 0;
}

.config-product .product-options-bottom {
    display: flex;
    /* margin-top: -200px;
    margin-bottom: 200px; */
}

#wysiwyg-inner-text-message {
    width: 75%;
    text-align: center;
    margin: 0px auto;
    margin-top: 7px;
    font-size: 11pt;
    line-height: 1.25;
}

.product-view .product-essential .product-shop.config-product .short-description {
    color: #f9a159;
}

.relative .bsi-customizer-buttonWrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.relative .bsi-customizer-buttonWrapper .button span,
#custom-font-wrapper .bsi-productcustomizer-button .button span,
#custom-font-wrapper #replace-image-button .button span{
    background-color: white;
    border: solid 1px #185a7d;
    text-transform: none;
    color: #185a7d;
    font-size: 11pt;
    padding: 10px 20px;
}

#product-customizer-right-flyout #bsi-productcustomizer-toolbar {
    background: unset;
    justify-content: center;
}

#product-customizer-right-flyout #bsi-productcustomizer-toolbar #customizer-toolbar-button-close.button span {
    text-transform: none;
    font-size: 10pt;
    padding: 10px 20px;
}

#product-customizer-right-flyout #bsi-productcustomizer-toolbar .bsi-productcustomizer-button button.templateOption > span {
    color: #185a7d;
    font-size: 10pt;
    padding: 0px 15px;
}

#product-customizer-right-flyout #bsi-productcustomizer-toolbar .bsi-productcustomizer-button button.templateOption {
    background-color: white;
    border: solid 1px #185a7d;
    border-radius: 40px;
    font-family: 'Montserrat', sans-serif;
}

#wysiwyg-need-assistance-container {
    text-align: center;
    margin-top: 7px;
}

#wysiwyg-need-assistance-container a{
    text-decoration: underline;
}

#bsi-customizer-video-label {
    text-decoration: underline;
}

.product-view .product-essential .product-shop.config-product .short-description a{
    color: #f9a159;
    text-decoration: underline;
    font-style: italic;
}

.product-view .product-essential .product-shop.config-product .short-description a:hover{
    color: #185a7d;
}

#product-customizer-right-flyout #tools {
    padding-top: unset;
    margin: unset;
}

#toolBox #product-customizer-right-flyout {
    background-color: #f1f4f6;
    border: 1px solid #888888;
    display: none;
    position: relative;
    width: 28vw;
    min-width: 448px;
    min-height: 460px;
    z-index: 1040;
}

#product-customizer-right-flyout .bsi-product-customizer-text-input {
    font-family: 'Montserrat', sans-serif;
}

#toolBox #product-customizer-right-flyout #actionDiv {
    height: 35%;
}

#toolBox #product-customizer-right-flyout #inputDiv {
    height: 45%;
    border-top: unset;
    background: #e2eaee;
}
/* *** Grouped Products *** */
.data-table.grouped-items-table {
    border: none;
    background: #FFF;
}

.data-table.grouped-items-table .tier-prices {
    text-align: unset;
}

.data-table.grouped-items-table .odd:not(.last),
.data-table.grouped-items-table .even:not(.last) {
    border-bottom: none;
    margin-bottom: 10px;
}

.product-view .grouped-items-table .price-box {
    margin-bottom: 3px;
}

.product-view.grouped-product .data-table td.a-center {
    display: flex;
    flex-direction: column;
}

.grouped-product .data-table.grouped-items-table tbody > tr:last-child {
    border-bottom: none;
}

.product-view.grouped-product .data-table.grouped-items-table tr {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: #f1f4f6;
}

.product-view.grouped-product .data-table td.img {
    display: flex;
    flex-direction: row;
}

.product-view.grouped-product .data-table td.img .product-image,
.product-view.grouped-product .data-table td.img .product-info {
    display: inline-block;
    float: none;
}

.product-view.grouped-product .data-table td.img .product-info {
    align-self: flex-start;
}

.product-view.grouped-product .data-table td.pricing {
    align-self: flex-end;
    min-width: 120px;
}

.product-view.grouped-product .data-table td.last {
    width: fit-content;
    min-width: 165px;
}

.product-view .data-table.grouped-items-table .pricing {
    vertical-align: bottom;
}

.product-view .data-table.grouped-items-table .pricing .tier-prices {
    padding: unset;
    margin-bottom: unset;
}

.product-view .data-table.grouped-items-table .price-box {
    margin: 6px 0;
}

.product-pricing, .tier-prices {
    padding: 0;
    font-size: 14px;
}

.product-view .data-table .product-name {
    color: var(--bsi-color-dark-blue);
}

.grouped-add-to-cart-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
}

.data-table td .short-description,
.data-table td .measure_unit {
    color: #000;
    margin-bottom: 5px;
}


/* *** End Grouped Products *** */
/* *** Related Products Styles *** */
.related {
    /*height: 475px;*/
    height: auto;
}

.related .related-products #home-page-product-scroll-container button.button.add-to-cart > span {
    background: var(--bsi-color-dark-blue);
}

.related .block-related {
    border: unset;
    background: #FFF;
    border: 1px solid #888888;
    height: 100%;
    box-sizing: border-box;
}

.related .block-related .category-title {
    height: 10%;
}

.related .block-related .related-products {
    height: 90%;
}

.related .block-related .related-products #related-carousel,
.related .block-related .related-products #related-grid {
    height: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: stretch;
}

.related .block-related .related-products .product-name,
.related .block-related .related-products .product-name a {
    font-size: 18px;
}

.related .block-related li.item {
    float: none;
    display: inline-flex;
    justify-content: center;
    min-width: 145px;
}

.related .block-related li.item .product-block {
    height: 100%;
}

.related .block-related li.item .product-block .product-block-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.related .block-related li.item .product-name {
    margin-top: 0;
}

.related .block-related li.item .product-name .product-image {
    margin-bottom: 0;
}

.related .block-related li.item .product-block-inner .product-name img {
    /*height: 350px;*/
    height: auto;
}

.related .block-related li.item .product-block-inner .price-box {
    /*margin-top: auto;*/
}
/* *** End Related Products Styles *** */
/* *** Quickview Styles *** */
.quickview-trigger {
    background-color: var(--bsi-color-dark-blue);
}

#lightbox .description h2 {
    background: var(--bsi-color-dark-blue);
    border-bottom: unset;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/* *** End Quickview Styles *** */

.product-options .product-attribute-custom,
dl .linked-product-option {
    background-color: unset;
}

/*.product-options dl > div:not(.product-attribute-custom):not(:first-child)::before {
    content: '';
    display: flex;
    flex: 1;
    height: 1px;
    background: var(--bsi-color-dark-blue);
    width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
}*/

.add-to-cart input#qty.qty {
    height: 45px;
    padding: unset !important;
    margin-right: 5px;
    box-sizing: border-box;
}

.product-view .product-shop .add-to-links li a,
.product-view .data-table .add-to-links li a {
    width: fit-content;
}

.product-view .product-shop .add-to-links a.link-wishlist,
.product-view .data-table a.link-wishlist,
#category-listings-container a.link-wishlist,
.email-addto-box .email-friend a {
    background: unset;
}

.empty-add-to-links {
    height: 50px;
}

.email-addto-box .email-friend a {
    padding-left: 0;
}

.email-addto-box {
    display: flex;
    justify-content: end;
    margin-top: 5px;
    border-top: none;
}

.product-view .product-shop .price-box {
    text-align: left;
}

.product-view .product-shop .price-box .price {
    font-size: 30pt;
}

.product-view .add-to-box {
    justify-content: left;
    display: flex;
}

.add-to-cart label {
    margin-top: 12px;
}

.add-to-cart input#qty.qty {
    height: 30px;
    width: 70px !important;
    margin-top: 8px;
}

.add-to-cart button.button span,
button.button.add-to-cart span {
    text-transform: none;
    font-size: 12pt;
}

button.button:hover span {
    background: #f9a159;
}

.add-to-cart button.button > span,
button.button.add-to-cart > span {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.add-to-cart button.button span:hover,
button.button.add-to-cart span:hover,
#product-addtocart-button.button.button span:hover
{
    color: white !important;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.add-to-cart button.button span:hover::before,
button.button.add-to-cart span:hover::before,
#product-addtocart-button.button.button span:hover::before,
.button.add-to-cart span:hover::before {
    color: white !important;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.add-to-cart button.button span::before,
button.button.add-to-cart span::before,
#product-addtocart-button.button.button span::before 
{
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 30%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
}

.add-to-cart button.button span:hover::before,
button.button.add-to-cart span:hover::before,
#product-addtocart-button.button.button span:hover::before 
{
    animation: shine 0.9s forwards;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
}

#product-addtocart-button.button.button span {
    color: #fff;
    background: #185a7d;
}

.add-to-cart button.button span span:hover::before,
button.button.add-to-cart span span:hover::before {
    animation: none;
    background: none !important;
}

/* .products-grid .add-to-links button.select-products,
.products-grid .add-to-links button.customize-products {
    margin-right: 20%;
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
}

.products-grid .add-to-links button.customize-products {
    margin-right: 24%;
} */

#grouped-customize-button-container {
    display: flex;
    justify-content: center;
}

#grouped-customize-button-container span {
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
}

.add-to-cart button.button {
    margin-left: 16px;
}

.button.btn-cart.Request_Quote .request-quote-span {
    background: unset;
    color: #185a7d;
    font-size: 22px;
    text-transform: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

.tabberlive #home-page-product-scroll-container .product-block .button > span,
.bestseller-products #home-page-product-scroll-container .small-carousel .product-block .button > span {
    background-color: #185a7d;
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
}

.tabberlive #home-page-product-scroll-container .product-block .button > span > span,
.bestseller-products #home-page-product-scroll-container .small-carousel .product-block .button > span > span {
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
}

#home-page-product-scroll-container .products-grid .regular-price .starting-price.quote-price {
    font-size: 12px;
    height: 25px;
    padding-right: 8px;
}

#home-page-product-scroll-container button a.Request_Quote > span {
    color: white;
}

.bestseller-products #home-page-product-scroll-container:has(.small-carousel) {
    margin-top: -40px;
}

.tabberlive #home-page-product-scroll-container .product-block .add-to-links:has(.Request_Quote),
#home-page-product-scroll-container .small-carousel .product-block .add-to-links:has(.Request_Quote) {
    display: unset;
}

.tabberlive #home-page-product-scroll-container .product-block .add-to-links,
#home-page-product-scroll-container .small-carousel .product-block .add-to-links  {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tabberlive #home-page-product-scroll-container .product-block .add-to-links form:has(button.add-to-cart),
#home-page-product-scroll-container .small-carousel .product-block .add-to-links form:has(button.add-to-cart) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.tabberlive #home-page-product-scroll-container .product-block .add-to-links form button.Request_Quote,
.tabberlive #home-page-product-scroll-container .product-block .add-to-links form .button.select-products-btn,
.tabberlive #home-page-product-scroll-container .product-block .add-to-links form .button.customize-btn {
    margin: 0px 10px;
}

.button.btn-cart.Request_Quote .request-quote-span:hover {
    background: unset !important;
    color: #185a7d !important;
}

.product-view .product-shop .add-to-links .link-wishlist::before,
.product-view .data-table a.link-wishlist::before,
#category-listings-container a.link-wishlist::before {
    content: var(--bsi-2025-icons-Icon-Favorite-NotSelected-IconOnly);
    font-family: var(--bsi-2025-icons);
    color: #185a7d;
    font-size: 40pt;
    background-color: #f1f4f6;
    border-radius: 50px;
    transition: background-color 0.2s ease;
}

.product-view .product-shop .add-to-links .link-wishlist.active::before,
.product-view .data-table a.link-wishlist.active::before,
#category-listings-container a.link-wishlist.active::before {
    content: var(--bsi-2025-icons-Icon-Favorite-Selected-IconOnly);
    font-family: var(--bsi-2025-icons);
    color: #185a7d;
    font-size: 40pt;
    background-color: #f1f4f6;
    border-radius: 50px;
    transition: background-color 0.2s ease;
}

.product-view .product-shop .add-to-links .link-wishlist:hover::before,
.product-view .data-table a.link-wishlist:hover::before,
.product-view .product-shop .add-to-links .link-wishlist.active:hover::before,
.product-view .data-table a.link-wishlist.active:hover::before,
.email-addto-box .email-friend a:hover::before,
.grouped-items-table .email-addto-box .email-friend a:hover::before,
#category-listings-container a.link-wishlist:hover::before {
    background-color: #d2d3d4;
}

.product-view .product-shop .add-to-links a.link-wishlist, .product-view .data-table a.link-wishlist {
    padding-left: unset;
}

.product-view .data-table .add-to-links {
    margin: 0;
}

.canvas-container .canv {
    border: unset;
    z-index: 1 !important;
}

.email-addto-box .email-friend {
    margin-right: unset;
}

.email-addto-box .email-friend a::before {
    content: var(--bsi-2025-icons-Icon-Share-IconOnly);
    font-family: var(--bsi-2025-icons);
    color: #185a7d;
    font-size: 40pt;
    background-color: #f1f4f6;
    border-radius: 50px;
    margin-right: 5px;
    transition: background-color 0.2s ease;
}

.grouped-items-table .email-addto-box .email-friend a::before,
.grouped-items-table .email-addto-box a.link-wishlist.active::before,
.grouped-items-table .email-addto-box a.link-wishlist.active::before,
.grouped-items-table .email-addto-box a.link-wishlist::before,
.grouped-items-table .email-addto-box a.link-wishlist::before {
    background-color: #e6e6e5;
}

.product-view .product-shop,
.product-view .product-shop .add-to-links a.link-wishlist {
    font-size: 18px;
}

.sku {
    font-size: 16px;
    display: block;
    padding: unset;
}

.measure_unit,
.lead-time {
    font-size: 16px;
    color: #666666;
}

.lead-time {
    text-align: unset;
}

.product-info-wrapper .measure_unit,
.product-info-wrapper .lead-time {
    text-align: right;
    font-size: 16px;
    color: #000;
}

.product-info .sku,
.product-info .measure_unit,
.product-info .lead-time {
    font-size: 14px;
}

.no-rating,
.sku-cross-reference,
.product-view .product-essential .product-shop .short-description {
    font-size: 16px;
    color: #666666;
    font-style: normal;
}

.padder div.std {
    font-size: 16px;
}

.std h3 span strong {
    font-family: 'Montserrat', sans-serif;
}

.ratings-container {
    margin-top: 20px;
    padding-left: 10px;
}

.product-shop .ratings-container .ratings {
    border-bottom: unset;
}

#ask_for_quote {
    z-index: 1041;
}

#simple_contact_form .form-list li {
    height: 70px;
}

.productLabels {
    margin-bottom: 5px;
}

.productLabel > img{
    max-width: 200px;
}

.link-wishlist.disabled {
    opacity: 0.6;
    pointer-events: none;
}

/* ****** End Product Styles ****** */

/* ****** Category/Search Styles ****** */
.category-title,
.top-level-category.page-title {
    margin: 0;
}

.catalogsearch-result-index .page-title h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 20pt;
}

.category-header-container .category-attr-img .category-image,
.category-header-container .category-attr-img .category-image img {
    width: unset;
    /*max-width: 250px;*/
    /*max-height: 250px;*/
    margin: auto auto;
}

.sub-category-grid {
/*     width: calc(100% + (var(--default-side-space) * 2));
     margin: 0 calc(var(--default-side-space) * -1);*/
     width: 100%;
     background: #FFF;
     border-left: 1px solid #000;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
     box-sizing: border-box;
}

.sub-category-grid ul li .category-name {
    color: var(--bsi-color-med-blue);
    font-size: 22px;
    font-weight: 700;
}

.sub-category-grid ul#categories {
    display: flex;
    flex-flow: row wrap;
}

.sub-category-grid ul li .category-img img {
    max-height: 150px;
}

/* *** Toolbar Styles *** */
.toolbar {
    margin-bottom: unset;
    width: 100%;
}

.toolbar .pager {
    background: unset;
    border: none;
}

.toolbar .pager #pager-form span {
    color: #185a7d;
    font-family: 'Montserrat', sans-serif;
}

.toolbar .pager #pager-arrows {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
}

#pager-form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.toolbar #toolbar-page-number-input {
    text-align: center;
    width: 100px;
    font-family: 'Montserrat';
    padding-left: 10px;
    border: solid thin;
    border-radius: 2px;
    height: 20px;
}

.toolbar .pager .limiter {
    z-index: unset !important;
}

.toolbar .pager .pager_right {
    float: right;
    display: flex;
    flex-direction: row-reverse;
    align-content: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    gap: 14vw;
}

.cms-home .toolbar .pager .pager_right {
    gap: 17vw;
}

.toolbar .pager #pager-form button span {
    color: white;
    font-family: 'Montserrat', sans-serif;
    text-transform: none;
    padding: 8px;
}

.pager p strong,
.pager label,
.pager .limiter span,
.pager .amount strong {
    color: #185a7d;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 12pt;
}

.pager .amount {
    float: left;
    margin: 0;
    padding-top: 10px;
    color: #185a7d;
    font-family: 'Montserrat', sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.pager .pager_right .sort-by .sbHolder,
.pager .sbHolder {
    background: unset;
    font-family: 'Montserrat', sans-serif;
    min-width: 80px;
}

.toolbar .pager .sbHolder {
    border: solid black thin;
    border-radius: 2px;
    height: 20px;
    font-size: 11pt;
}

.toolbar .pager .sbHolder:hover {
    background: #d2d3d4;
}

.toolbar .pager .sbHolder ul li:hover {
    background: #f1f4f6;
}

.pager .limiter .sbSelector {
    padding-left: 20px;
}

.sbToggle {
    background: unset;
    height: unset;
    top: 4px;
}

.sbToggle::after {
    font-family: 'Montserrat', sans-serif;
    content: 'v';
    color: #000;
    font-size: 16px;
}

.sort-by .desc-asc {
    margin-top: 0;
}

.sort-by .desc-asc a {
    height: 28px;
}

.sort-by label {
    padding-top: unset;
    text-align: unset;
    display: unset;
    vertical-align: unset;
}

.sort-by a {
    border-radius: 10px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.pager .limiter .sbHolder {
    display: inline-block;
    margin: 0 5px;
    background-color: unset;
    width: 50px;
}

.sort-by a.downarrow::after {
    font-family: var(--bsi-icons);
    content: var(--bsi-icon-arrow-up);
    color: #000;
    transform: rotate(180deg);
}

.sort-by a.uparrow::after {
    font-family: var(--bsi-icons);
    content: var(--bsi-icon-arrow-up);
    color: #000;
}

.pager .pages li {
    border-radius: 10px;
}

.pager .pages li:not(:last-child) {
    margin-right: 5px;
}

.toolbar-bottom .toolbar .pager {
    margin: 0;
    padding: 0;
}

.toolbar-bottom .pager .pager_right {
    height: 34px;
    margin: 0
}

.toolbar-bottom .pager .pager_right .pages {
    margin: 0 10px 0 0;
}

@media only screen and (hover: hover) and (pointer: fine) {
    .pager .pages li:hover {
        background: var(--bsi-color-hover);
        border: 1px solid var(--bsi-color-hover);
    }
}

.pager .pages .current {
    background: var(--bsi-color-hover);
    border: 1px solid var(--bsi-color-hover);
}
/* *** End Toolbar Styles *** */
/* ****** End Category/Search Styles ****** */

.breadcrumbs li strong {
    color: var(--bsi-color-dark-blue);
}

.block {
    border: unset;
}

.block-account .block-title,
.block-viewed .block-title {
    background: unset;
    border: none;
    padding-left: 0;
}

.block-account .block-title strong{
    color: #185a7d;
}

.block .block-title strong span {
    font-family: 'Oswald', sans-serif;
    font-size: 25pt;
    color: #185a7d;
    text-transform: none;
}

.block .block-title strong span::after {
    font-family: var(--bsi-icons);
    /*content: var(--bsi-icon-store-switcher);*/
    color: #FFF;
}

.block .block-content {
    border: unset;
}

.customer-account-forgotpassword form {
    display: block;
    width: fit-content;
}

.registered-users .form-list li:first-child .input-box,
.customer-account-forgotpassword .form-list li .input-box {
    height: 30px;
}

.registered-users .form-list li:last-child .input-box {
    height: 45px;
}

/* ****** Account Styles ****** */
.my-account {
    padding-top: 12px;
}

.box-account {
    background: unset;
}

.dashboard .box .box-title a {
    margin-right: 5px;
}

.dashboard .box .box-title {
    background: var(--bsi-color-med-blue);
    border-radius: 10px;
}

.dashboard .box-account .box .box-content.customer-info,
.dashboard .box-account .box .box-content.customer-newsletter,
.dashboard .box-account .box .box-content .address-info {
    background: #FFF;
    border-radius: 10px;
    padding: 5px;
    min-height: 95px;
    box-sizing: border-box;
}

.dashboard .box-account .box .box-content button.button {
    margin-top: 10px;
}

.box-account .col2-set .col-1 {
    border-right: none;
}

.dashboard .box-account .box .box-content.customer-info p {
    margin: 0;
}

.addresses-list li.item {
    background: #FFF !important;
    border-radius: 10px;
    color: #000;
    padding: 5px !important;
}

.addresses-list li.item button.button {
    margin-top: 10px;
}

.addresses-list li.item h1,
.addresses-list li.item h2,
.addresses-list li.item h3,
.addresses-list li.item h4,
.addresses-list li.item h5,
.addresses-list li.item h6 {
    color: inherit;
}

.use-org-defaults-container {
    margin-bottom: 10px;
}

.use-org-defaults-container label {
    display: inline-block;
}

.use-org-defaults-container input, .address-defaults-container .address-checkbox-container .tm-checkbox input {
    margin-bottom: 2px;
}

.address-defaults-container {
    display: flex;
    gap: 20px;
}

.address-defaults-container .address-checkbox-container {
    display: flex;
    gap: 5px;
}

.address-defaults-container .address-checkbox-container .tm-checkbox {
    padding: 0;
}

.my-account .order-info {
    background: unset;
    padding: unset;
}

.order-info-box, 
.sales-order-print .col2-set {
    background: #FFF;
    border: 1px solid var(--bsi-color-med-blue);
}

.order-items {
    background: #FFF;
    border: 1px solid var(--bsi-color-med-blue);
    /*padding: 12px 15px;*/
}

.order-items .table-caption {
    padding: 12px 15px;
}

.order-items .data-table {
    padding: 12px 15px;
}

#my-orders-table tbody tr {
    cursor: pointer;
}

.account-create {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.col-main .account-create .fieldset {
    width: 100%;
}

.form-list li.fields div[class^='customer-name'] {
    display: flex;
    flex-wrap: wrap;
}

.form-list li.fields div[class^='customer-name'] div[class^='field name-'] {
    width: 275px;
    margin-top: 10px;
}

.form-list li.fields div[class^='customer-name'] div[class^='field name-']:not(:last-child) {
    margin-bottom: 0;
}

.form-list li.fields div[class^='customer-name'] div[class^='field name-'] .input-box {
    width: 260px;
}

.form-list li.fields div[class^='customer-name'] div[class^='field name-'] .input-box .input-text {
    width: 250px;
}

.customer-account-edit .my-account form,
.customer-address-form .my-account form,
.newsletter-manage-index .my-account form {
    display: block;
    width: fit-content;
}

@media only screen and (max-width: 979px) {
    .form-list li.fields div[class^='customer-name'] div[class^='field name-'] .input-box input.input-text {
        width: 216px;
    }
}
/* ****** End Account Styles ****** */

/* ****** Checkout Styles ****** */
.cart .page-title h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 26pt;
    color: #185a7d;
    text-transform: none;
    margin: 20px 0px;
}

.checkout-onepage-success .buttons-set button.button span {
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    text-transform: none;
}

.checkout-onepage-success .buttons-set {
    margin-bottom: 20px;
}

#checkoutStepsContent .buttons-set .button span {
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    text-transform: none;
}

#checkoutStepsContent .checkout-button .button span {
    font-size: 14pt;
    text-transform: none;
}

#review-buttons-container .edit-cart-tag {
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    color: #185a7d;
    text-transform: none;
    margin-left: 10px;
    background: white;
    border: solid 1px #185a7d;
    border-radius: 30px;
    width: fit-content;
    padding: 10px;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
    white-space: nowrap;
    margin-right: 5px;
}

#review-buttons-container .edit-cart-tag:hover {
    background: #f9a159;
}

body.checkout-cart-index,
body.checkout-onepage-index {
    overflow-x: hidden;
}

#shopping-cart-table,
#checkout-review-table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

#shopping-cart-table tfoot {
    border: none;
}

#shopping-cart-table button.button span {
    color: #185a7d;
    background: white;
    text-transform: none;
    font-weight: bold;
    font-size: 12pt;
}

#shopping-cart-table button.button > span {
    border: solid 1px #185a7d;
}

#shopping-cart-table .even,
#shopping-cart-table tfoot tr,
#checkout-review-table .even,
#checkout-review-table tfoot tr {
    background: none !important;
}

#shopping-cart-table tbody tr:not(.last),
#checkout-review-table tbody tr:not(.last) {
    border-bottom: 1px solid black;
}

#shopping-cart-table thead::after,
#checkout-review-table thead::after {
  content: '';
  position: absolute;
  top: 311px;
  left: 0;
  width: 100%;
  height: 34px;
  background: #f1f4f6;
  z-index: -1;
}

#checkout-review-table tfoot tr:not(.last) td,
#checkout-review-table tbody tr td {
    font-size: 14pt;
}

#checkout-review-table tbody tr td h3.product-name a {
    font-size: 14pt;
    padding-left: 40px;
}

#checkout-review-table .form-list textarea {
    width: 450px;
}

#checkout-review-table tr.last #amorderattr {
    width: 450px;
}

#shopping-cart-table thead th,
#checkout-review-table thead th {
    background: none;
    font-size: 15px;
}

.cart-collaterals .col-2 {
    width: 75vw;
}

#shopping-cart-totals-table,
#checkout-review-table tfoot {
  position: relative;
  z-index: 0;
  border: none;
}

#shopping-cart-totals-table::after {
    content: '';
    position: absolute;
    left: -1350px;
    bottom: -57px;
    width: 350vw;
    height: 180px;
    background: #f1f4f6;
    z-index: -1;
    overflow: hidden;
}

#checkout-review-table tfoot::after {
    content: '';
    position: absolute;
    left: -1171px;
    top: -5px;
    width: 350vw;
    height: 130px;
    background: #f1f4f6;
    z-index: -1;
    overflow: hidden;
}

.cart .col-2 #discount-coupon-form {
    width: 80%;
    clear: both;
}

.cart .col-2 .discount .discount-form {
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}

.cart button.apply-coupon-btn span {
    text-transform: none;
    font-size: 12pt;
    font-family: 'Montserrat', sans-serif;
    color: #185a7d;
    background: white;
}

.cart button.apply-coupon-btn > span {
    border: solid 1px #185a7d;
}

.cart .discount .buttons-set {
    margin-top: 0px;
}

.cart .col-2 .discount .input-box {
    width: 150px;
    margin: 5px
}

.cart .col-2 .discount {
    border: none;
    width: 500px;
    margin: 0px;
    margin-right: 125px;
}

#shopping-cart-totals-table tbody {
    font-size: 14pt;
    line-height: 25px;
}

.cart .totals table {
    margin: 48px 0px;
}

button.btn-proceed-checkout span {
    text-transform: none;
    font-size: 12pt;
}

#checkoutSteps {
    display: none;
}

.e-step-inprogress .e-step:before,
.e-step-notstarted .e-step:before {
    content: none !important;
}

.checkout-onepage-index .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
    box-shadow: 0 0 0 2px white, 0 0 0 4px #185a7d, 0 0 0 13px white;
}

.checkout-onepage-index .e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step {
    box-shadow: 0 0 0 13px white
}

.checkout-onepage-index .e-stepper .e-step-selected .e-indicator,
.checkout-onepage-index .e-stepper .e-step-completed .e-indicator {
    background: #185a7d;
}

.e-stepper .e-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    color: #185a7d;
}

.checkout-onepage-index .e-stepper .e-step-selected:not(.e-step-error) .e-label,
.checkout-onepage-index .e-stepper .e-step-completed:not(.e-step-error) .e-label {
    color: #185a7d;
}

.checkout-onepage-index #checkoutStepsContent .step {
    background: white;
    border: none;
}

.checkout-onepage-index .opc li.section {
    border: none;
}

.checkout-onepage-index #orderinfoFieldset .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input,
#checkoutStepsContent select {
    font-family: 'Montserrat', sans-serif;
}

#checkoutStepsContent select,
#checkoutStepsContent .wide input, #checkoutStepsContent .fields .field input,
#checkoutStepsContent input.input-text {
    border: solid 1px lightgray;
    border-radius: 3px;
}

#checkoutStepsContent .block-progress dt.complete {
    border-bottom: solid 1.5px #5f8ba4;
    color: #185a7d;
}

#checkoutStepsContent .form-list li.control input.checkbox {
    accent-color: #185a7d;
}

.checkout-onepage-index .page-title h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 26pt;
    color: #185a7d;
    text-transform: none;
    margin-top: 20px;
}

.col-main .cart .cart-collaterals {
    display: flex;
    justify-content: space-between;
}

.col-main .cart .cart-collaterals::after,
.col-main .cart .cart-collaterals .col2-set::after {
    display: none;
}

.col-main .cart .cart-collaterals .col1-set,
.col-main .cart .cart-collaterals .col2-set {
    float: none;
}

.col-main .cart .cart-collaterals .col2-set {
    width: unset;
}

.col-main .cart .cart-collaterals .col2-set .totals {
    width: fit-content;
    border: none;
    background: none;
}

.col-main .cart .cart-collaterals .col2-set .totals tfoot td {
    white-space: nowrap;
}

ol.checkout-bar.checkoutSteps li.section.active {
    background: var(--bsi-color-hover);
    color: var(--bsi-color-dark-blue);
}

ol.checkout-bar.checkoutSteps li.section.active h2 {
    color: inherit;
}

ol.checkout-bar.checkoutSteps li.section:not(.active) {
    background: var(--bsi-color-dark-blue);
}

#opc-review #review-buttons-container {
    display: flex;
    flex-direction: row;
    border: none;
    justify-content: end;
}

#opc-review #review-buttons-container p.f-left {
    align-self: flex-start;
}

#opc-review #review-buttons-container .checkout-button.captcha-form {
    align-self: flex-end;
}

#opc-review #review-buttons-container .checkout-button.captcha-form .g-recaptcha {
    margin-bottom: 10px;
}
/* ****** End Checkout Styles ****** */

/* ****** Wishlist Styles ****** */
#wishlist-table .add-to-cart-alt .input-text {
    height: 23px;
    margin-left: 5px;
}

.my-wishlist .title-buttons h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 26pt;
    color: #185a7d;
    text-transform: none;
}

.my-wishlist #wishlist-view-form .favorites-page-table-header {
    color: #185a7d;
    font-family: 'Montserrat', sans-serif;
    font-size: 15pt;
    background: #f1f4f6;
    padding: 10px;
}

.my-wishlist td:has(.product-image) {
    width: 10px;
}

.my-wishlist td:has(.cart-cell) {
    width: 65%;
}

.my-wishlist .buttons-set {
    margin: 2em 0;
}

.btn-remove2 {
    background: url(../../BankSupplies/images/btn_remove.gif) 0 0 no-repeat;
}

.my-wishlist .buttons-set span span {
    text-transform: none;
    font-size: 16px;
}

.my-wishlist #wishlist-table .even {
    background: unset;
}

#wishlist-table .add-to-cart-alt {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

#wishlist-table .cart-cell .price-box .starting-at.dollarsign,
#wishlist-table .cart-cell .price-box .price {
    font-size: 30px;
}

#wishlist-table .cart-cell .price-box .starting-at {
    font-size: 13px;
}

#wishlist-table .add-to-cart-alt p {
    margin: 0;
}

#wishlist-table .add-to-cart-alt .input-text {
    margin-bottom: 0;
}

#wishlist-table .cart-cell .price-box {
    margin: 20px 0;
}

.my-wishlist #wishlist-table .even:not(.last),
.my-wishlist #wishlist-table .odd:not(.last) {
    border-bottom: solid 1px black;
}

#wishlist-table {
    border-collapse: collapse;
    border: none;
}

#wishlist-table.table-responsive {
    border-collapse: collapse;
    border: none;
    display: unset;
    visibility: unset;
}

#new-wishlist-table .tm_responsive_container .tm_responsive_row .add-to-cart-alt {
    margin-bottom: 3px;
}

#new-wishlist-table .tm_responsive_container .tm_responsive_row .add-to-cart-alt .qty {
    height: 23px;
}

#new-wishlist-table .tm_responsive_container .tm_responsive_row button {
    margin-right: 5px;
}

#new-wishlist-table .tm_responsive_container .tm_responsive_row button span {
    margin: 0;
}

.my-wishlist textarea {
    font-family: 'Montserrat', sans-serif;
}

#wishlist-table td.last {
    width: 10px;
}

#wishlist-table td.last a {
    scale: 1.1;
}
/* ****** End Wishlist Styles ****** */

/* ****** Reorder Styles ****** */
#reorder-refresh .button span span::before {
    font-family: var(--bsi-icons);
    content: var(--bsi-icon-reload);
}

#reorder-container {
    margin-bottom: 15px;
}

#reorder-list-container {
    display: flex;
    flex-wrap: wrap;
/*    display: grid;
    grid-template-columns: repeat(auto-fill, 254px);
    grid-auto-rows: 1fr;
    gap: 10px;*/
}

#reorder-list-container .reorder-list-item {
    background: #FFF;
    border-radius: 10px;
    padding: 10px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#reorder-list-container .reorder-list-item .product-link {
    display: block;
    height: calc(100% - 55px);
    color: inherit;
}

#reorder-list-container .reorder-list-item .product-link:hover,
#reorder-list-container .reorder-list-item .product-link:visited,
#reorder-list-container .reorder-list-item .product-link:active {
    color: inherit;
    text-decoration: none;
}

#reorder-list-container .reorder-list-item .reorder-add-to-cart {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 35px;
    margin-top: auto;
}

#reorder-list-container .reorder-list-item .reorder-add-to-cart #reorder-form-table form {
    white-space: nowrap;
}

#reorder-list-container .reorder-list-item .reorder-add-to-cart #reorder-form-table form #qty {
    width: 35px;
    height: 31px;
    display: inline-block;
}

#reorder-list-container .reorder-list-item .reorder-add-to-cart #reorder-form-table form button.button {
    float: none;
    display: inline-block;
}

#reorder-list-container .reorder-list-item .reorder-divider::before {
    content: '';
    display: flex;
    flex: 1;
    height: 2px;
    background: var(--bsi-color-dark-blue);
    margin: 10px 0;
}

#reorder-list-container .reorder-list-item .reorder-order-info span > span {
    font-weight: 700;
}

#reorder-list-container .reorder-list-item .reorder-item-desc {
    margin: 5px 0;
}

#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    column-gap: 3px;
}

#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .order-date {
    margin: 0;
}

#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .order-date,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .tran-id,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .qty-ordered,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .unit-of-measure,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .ordered-rate,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .stock-status {
    font-weight: 700;
}

#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .order-date,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .order-date + div,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .tran-id,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .tran-id + div,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .qty-ordered,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .qty-ordered + div,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .unit-of-measure,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .unit-of-measure + div,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .ordered-rate,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .ordered-rate + div,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .stock-status,
#reorder-list-container .reorder-list-item .reorder-item-desc .reorder-info-grid .stock-status + div {
    grid-column: span 1;
}

#reorder-list-container .reorder-list-item .item-thumbnail {
    float: left;
    margin: 0 5px 0 0;
}

#reorder-list-container .reorder-list-item .item-name {
    margin: 5px 0 0;
}

#reorder-list-container .reorder-list-item .item-thumbnail img {
    width: 75px;
    height: 75px;
}

#reorder-list-container .reorder-list-item .item-info span > span {
    font-weight: 700;
}

#reorder-list-container .reorder-list-item .shipping-info > span,
#reorder-list-container .reorder-list-item .shipping-info {
    font-weight: 700;
}

#reorder-list-container .reorder-list-item .current-rate {
    margin-top: 5px;
}

#reorder-list-container .reorder-list-item .current-rate .tier-price .tier-price-qty,
#reorder-list-container .reorder-list-item .current-rate .price-qty {
    font-weight: 700;
}
/* ****** End Reorder Styles ****** */

/* ****** Csp Report Styles ****** */
#csv_download {
    padding-bottom: 10px;
}

#csv_download span span::before {
    content: var(--bsi-icon-download);
    font-family: var(--bsi-icons);
    color: #FFF;
    font-size: 13px;
    padding-right: 3px;
}
/* ****** End Csp Report Styles ****** */

/* ****** Start Flexslider Styles ****** */
#mobile-flexslider-container {
    display: none;
}

.flexslider {
    /* border: none;
    border-top: var(--bsi-color-dark-blue) 10px solid;
    border-bottom: var(--bsi-color-dark-blue) 10px solid;
    border-radius: 0;
    margin: 0 0 40px; */
    width: 99.2vw;
    left: -100px;
    border: none;
    margin-bottom: 80px;
}

.flexslider.portal {
    top: 0px;
}

.flexslider:not(:hover) .flex-direction-nav li a {
    pointer-events: none;
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 25px;
}

.flexslider .slides {
    /*max-height: 420px;*/
}

.flexslider .slides img {
    width: 100% !important;
}

.flexslider .flex-direction-nav {
    list-style-type: none;
}

.flexslider .flex-direction-nav li a {
    overflow: visible;
}

@media screen and (pointer: coarse) {
    .flexslider .flex-direction-nav {
        display: none !important;
    }
}

@media only screen and (max-width: 1224px) {
    .col1-layout .flexslider {
        width: 100vw;
        left: -25px
    }

    .std #home-page-content-banner {
        /* left: -25px;
        margin: 10px auto 0px auto; */
        display: none;
    }
}
/* ****** End Flexslider Styles ****** */

#home-page-content-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 99.2vw;
    margin: 20px auto 200px auto;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    left: -100px;
}

#home-page-content-banner .help-banner {
    width: 100%;
    margin: 0;
}

#home-page-content-banner .help-banner img {
    width: 100%;
    height: auto;
    display: block;
}

#trusted-business-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 20px auto 100px auto;

}

#trusted-business-container h2 {
    color: #185a7d;
    font-size: 50px;
    font-family: 'Oswald';
    text-align: center;
}

#trusted-businesses-cms-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

#trusted-businesses-cms-container ul {
    display: flex;
    gap: 50px;
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

#trusted-businesses-cms-container li {
    text-align: center;
    transition: transform 0.3s ease;
    width: 155px;
}

#trusted-businesses-cms-container li:hover {
    transform: scale(1.05);
}

#trusted-businesses-cms-container li > a > p {
    color: #185a7d;
    font-size: 1.2vw;
    font-family: 'Montserrat';
    margin-top: 10px;
    font-weight: bold;
}

#trusted-businesses-cms-container li > a > img {
    text-align: center;
    border-radius: 50%;
}

#home-page-trusted-business-logos > ul {
    display: flex;
    gap: 50px;
    list-style: none;
    padding: 0;
    margin-top: 10px;
    justify-content: center;
    margin-top: 90px;
}

#steelmaster-home-logo a::before {
    font-family: var(--bsi-2025-icons);
    content: var(--bsi-2025-icons-Logo-STEELMASTER-Gray);
    font-size: 80px;
    color: lightgray;
    transition: color 0.2s ease-in-out;
}

#steelmaster-home-logo a:hover::before {
    color: #185a7d;
    cursor: pointer;
}

#mmf-home-logo a::before {
    font-family: var(--bsi-2025-icons);
    content: var(--bsi-2025-icons-Logo-MMF-Gray);
    font-size: 80px;
    color: lightgray;
    transition: color 0.2s ease-in-out;
}

#mmf-home-logo a:hover::before {
    color: #185a7d;
    cursor: pointer;
}

#fortknox-home-logo a:before {
    font-family: var(--bsi-2025-icons);
    content: var(--bsi-2025-icons-Logo-FortKnox-Gray);
    font-size: 80px;
    color: lightgray;
    transition: color 0.2s ease-in-out;
}

#fortknox-home-logo a:hover:before {
    color: #185a7d;
    cursor: pointer;
}

#ultimablue-home-logo a:before {
    font-family: var(--bsi-2025-icons);
    content: var(--bsi-2025-icons-Logo-UltimaBlue-Gray);
    font-size: 80px;
    color: lightgray;
    transition: color 0.2s ease-in-out;
}

#ultimablue-home-logo a:hover:before {
    color: #185a7d;
    cursor: pointer;
}

#banksupplies-people-banner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
}

#banksupplies-people-banner-container h2 {
    color: #185a7d;
    font-size: 50px;
    font-family: 'Oswald';
    margin-top: 10px;
    margin-bottom: 40px;
    white-space: nowrap;
}

#banksupplies-people-img-container {
    display: flex;
    justify-content: center;
    position: relative;
}

#banksupplies-people-img-container img {
    width: 85vw;
}

#banksupplies-people-img-container::after {
    content: '';
    background: #5f8ba4;
    width: 99.2vw;
    height: 80%;
    position: absolute;
    top: 25px;
    z-index: -1;
}

.cms-no-route .main {
    display: flex;
    justify-content: center;
}

.cms-no-route .main .col-main {
    width: unset;
    float: none;
}

.cms-no-route .col-right.sidebar {
    display: none;
}

#page-404-content-container {
    display: flex;
    font-family: 'Montserrat';
    font-size: 12pt;
    gap: 8vw;
    margin-top: 30px;
}

#no-search-results-content-container {
    display: flex;
    font-family: 'Montserrat';
    font-size: 12pt;
    gap: 20vw;
    margin-top: 30px;
}

#no-search-results-content-container h3 {
    font-family: 'Montserrat';
    font-size: 20pt;
    margin-bottom: 20px;
    color: #185a7d;
}

#no-search-results-left-content {
    width: 55%;
}

#no-search-results-left-content li {
    font-size: 16pt;
    margin-bottom: 20px;
    display: flex;
}

#no-search-results-left-content li img {
    height: 50px;
}

#no-search-results-left-content li a {
    text-decoration: underline;
}

#page-404-content-container dd,
#no-search-results-content-container dd {
    padding: 0%;
}

#page-404-content-container dt,
#no-search-results-content-container dt {
    font-size: 15pt;
    color: #185a7d;
    margin-bottom: 10px;
}

#page-404-content-container p,
#no-search-results-content-container p {
    margin: 15px;
}

#page-404-content-container h1,
#no-search-results-content-container h1 {
    font-family: 'Oswald', sans-serif;
    text-transform: none;
    font-size: 35pt;
    color: #185a7d;
}

#contact-us-404-block{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background: #f1f4f6;
    padding: 20px;
}

#contact-us-404-block > dl >dd{
    display: flex;
    align-items: center;
    flex-direction: column;
}

#contact-us-404-block img {
    width: 200px;
}

#contact-us-404-block a {
    margin-top: 20px;
    color: #185a7d;
    font-weight: bold;
    transition: transform 0.2s ease-in-out;
    font-size: 16pt;
}

#contact-us-404-block a:hover {
    transform: scale(1.07);
}

#page-404-button-links {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

#page-404-button-links span {
    text-transform: none;
    font-size: 12pt;
}

#back-button-404 span {
    background: white;
    color: #185a7d;
    border: solid 1px #185a7d;
}

#back-button-404 span:hover {
    background: #e6e6e5 !important;
}

#content-container-404-text {
    padding-left: 20px;
    padding-right: 10px;
}

.registered-users .content {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.col2-set h2, .col2-set .content h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #185a7d;
    text-align: center;
}

.account-login .content h2, .account-create h2 {
    margin-bottom: 20px;
}

.account-create .form-list .fields {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.registered-users .buttons-set {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.registered-users .buttons-set span {
    text-transform: none;
    letter-spacing: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.account-create .customer-name {
    display: flex;
    flex-direction: column;
}

.account-create .buttons-set button.button {
    margin-right: 30px;
    margin-bottom: 10px;
}

.account-create .form-list li.control label {
    top: -1px;
    padding-left: 0px;
}

.account-login .col2-set .col-2 {
    border: none;
}

.account-create button span {
    text-transform: none;
    letter-spacing: 1px;
    padding-left: 20px;
    padding-right: 20px;
}

.account-create {
    background: #f1f4f6;
    padding: 10px 5px;
}

.input-text {
    font-family: 'Montserrat', sans-serif;
}

.account-login .buttons-set {
    margin: 0;
    display: flex;
    justify-content: center;
}

.account-login {
    margin-top: 100px;
    margin-bottom: 30px;
}

.account-login .form-list {
    width: 500px;
    margin: 0 auto;
}

.account-login .form-list .field {
    width: 100%;
}

.account-login .input-box, .account-login .input-box input {
    width: 100%;
}

.account-create .form-list li.fields .customer-name .field.name-firstname,
.account-create .form-list li.fields .customer-name .field.name-lastname,
.account-create .form-list li.fields .customer-name .field.name-firstname .input-box,
.account-create .form-list li.fields .customer-name .field.name-lastname .input-box,
.account-create .form-list li.fields .customer-name .field.name-firstname .input-box input,
.account-create .form-list li.fields .customer-name .field.name-lastname .input-box input {
    width: 100%;
}

.account-create .g-recaptcha {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

.contacform.catalogform {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    margin-top: 30px;
    margin-right: 0px;
    padding-right: 0px;
}

.contacform.catalogform h2 {
    font-family: 'Montserrat', sans-serif;
    color: #185a7d;
    text-transform: none;
    text-align: center;
}

.contacform.catalogform h1{
    font-size: 35pt;
    font-family: 'Oswald', sans-serif;
    color: #185a7d;
    text-transform: none;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.contacform.catalogform p{
    font-size: 12pt;
    text-align: center;
}

.required-submit-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.contacform.catalogform .captcha-submit-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 35%;
    margin-top: 20px;
}

.contacform.catalogform .buttons-set {
    margin: 0px;
}

.contacform.catalogform .form-list .field {
    width: 385px;;
}

.contacform.catalogform .form-list input.input-text {
    width: 350px;
    font-size: 14px;
}

.contacform.catalogform .form-list .wide input.input-text {
    width: 735px;
}

.contacform.catalogform .form-list select {
    width: 350px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

.contacform.catalogform button.button span span {
    text-transform: none;
    letter-spacing: 1px;
    font-size: 12pt;
}

.cms-page-view.cms-careers .cms-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    margin-top: 30px;
    margin-right: 0px;
    padding-right: 0px;
}

.cms-page-view.cms-careers h2 {
    font-family: 'Montserrat', sans-serif;
    color: #185a7d;
    text-transform: none;
    text-align: center;
}

.cms-page-view.cms-careers h3{
    font-size: 35pt;
    font-family: 'Oswald', sans-serif;
    color: #185a7d;
    text-transform: none;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}

.cms-page-view.cms-careers .cms-content p{
    font-size: 12pt;
    text-align: center;
    width: 65%;
}

.cms-page-view.cms-careers .cms-content .required-submit-area p {
    width: 100%;
}

.cms-page-view.cms-careers .contacform .form-list .field {
    width: 100%;
}

.cms-page-view.cms-careers .contacform .form-list input.input-text {
    width: 98.5%;
    font-size: 14px;
}

.cms-page-view.cms-careers .contacform .buttons-set {
    margin: 0px;
}

.cms-page-view.cms-careers .contacform .captcha-submit-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 35%;
    margin-top: 20px;
}

.cms-page-view.cms-careers .contacform ul.form-list li, .cms-page-view .col-main .std ul.form-list li {
    width: 100%;
}

.cms-page-view.cms-careers .contacform,
.cms-page-view.cms-careers .contacform .input-box,
.cms-page-view.cms-careers .contacform .input-box input {
    width: 100%;
}

.cms-page-view.cms-careers .contacform button.button span span {
    text-transform: none;
    letter-spacing: 1px;
    font-size: 12pt;
    padding-left: 20px;
    padding-right: 20px;
}

.cms-shipping-information .main-container.col1-layout .col-main {
    width: 50%;
    margin: 0 auto 2rem;
}

.cms-shipping-information .main-container.col1-layout .col-main .cms-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.cms-shipping-information .main-container.col1-layout .page-head {
    text-align: center;
}

.cms-shipping-information .main-container.col1-layout .page-head h3{
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    font-size: 35pt;
    color: #185a7d;
    font-weight: normal;
}

.cms-shipping-information .main-container.col1-layout .cms-content h3{
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
    color: black;
    font-weight: bold;
}

.shipping-contact-info {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #f1f4f6;
    gap: 10px;
    width: 465px;
    font-size: 15pt;
    padding: 35px 35px 20px 35px;
    color: #185a7d;
    margin-top: 20px;
    margin-bottom: 20px;
}

.shipping-contact-info .right-information {
    float: unset;
    min-width: unset;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
    padding-top: unset;
    padding-bottom: unset;
}

.shipping-contact-info .right-information p{
    transition: transform 0.1s ease-in-out;
}

.shipping-contact-info .right-information p:hover{
    transform: scale(1.02);
}

.cms-shipping-information .varContent {
    line-height: 1.4;
    font-size: 12pt;
}

.shipping-contact-info .left-information {
    float: unset;
    min-width: unset;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: right;
    padding-top: unset;
    padding-bottom: unset;
}

.blue-paragraph {
    color: #185a7d;
}

.cms-faq .col-main .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60%;
    margin: 0 auto 2rem;
    line-height: 1.4;
}

.cms-faq .col-main .container h3 {
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    font-size: 35pt;
    color: #185a7d;
    font-weight: normal;
    margin-bottom: 20px;
}

.cms-faq .col-main .container strong {
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    color: #185a7d;
    font-weight: bold;
}

.cms-faq .col-main .container p {
    padding-left: 30px;
    font-size: 12pt;
    margin-bottom: .9rem;
}

.cms-faq .col-main .container p > a {
    text-decoration: underline;
    color: #5f8ba4;
}

.cms-faq .col-main .container .form-wrap {
    margin: unset;
}

.cms-faq .col-main .container .form-wrap .field,
.cms-faq .col-main .container .form-wrap .field input,
.cms-faq .col-main .container .form-wrap .field .input-box {
    width: 100%;
}

.cms-faq .col-main .container .form-wrap .captcha-submit-container {
    display: flex;
    gap: 75px;
}

.cms-faq .col-main .container .form-wrap .captcha-submit-container p{
    padding-left: 0px;
}

.cms-faq .col-main .container .form-wrap .contacform {
    margin-right: 0px;
    padding-right: 0px;
}

.cms-faq .col-main .container .col h3 {
    text-align: center;
}

.cms-faq .col-main .container .form-wrap .contacform button.button span span {
    text-transform: none;
    letter-spacing: 1px;
    font-size: 12pt;
    padding-left: 20px;
    padding-right: 20px;
}

.cms-privacy-policy .col-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60%;
    margin: 0 auto 2rem;
}

.cms-privacy-policy .col-main .page-head h3 {
    font-size: 35pt;
    color: #185a7d;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}

.cms-privacy-policy .col-main h3 {
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    color: #185a7d;
    font-weight: bold;
    margin-bottom: 20px;
}

.cms-privacy-policy .col-main strong {
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    color: #185a7d;
    font-weight: bold;
}

.cms-privacy-policy .col-main p {
    padding-left: 30px;
    font-size: 12pt;
    margin-bottom: .9rem;
}

.cms-privacy-policy .col-main li p {
    padding-left: 12px;
}

.cms-sales-tax-policy .col-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60%;
    margin: 0 auto 2rem;
}

.cms-sales-tax-policy .col-main .page-head h3 {
    font-size: 35pt;
    color: #185a7d;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}

.cms-sales-tax-policy .col-main h3 {
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    color: #185a7d;
    font-weight: bold;
    margin-bottom: 20px;
}

.cms-sales-tax-policy .col-main strong {
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    color: #185a7d;
    font-weight: bold;
}

.cms-sales-tax-policy .col-main p {
    font-size: 13pt;
    margin-bottom: .9rem;
    line-height: 1.4;
}

.cms-order-information .main-container.col1-layout .col-main {
    width: 50%;
    margin: 0 auto 2rem;
}

.cms-order-information .main-container.col1-layout .col-main .cms-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.cms-order-information .main-container.col1-layout .page-head {
    text-align: center;
}

.cms-order-information .varContent {
    line-height: 1.4;
}

.cms-order-information .main-container.col1-layout .page-head h3{
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    font-size: 35pt;
    color: #185a7d;
    font-weight: normal;
}

.cms-order-information .main-container.col1-layout .cms-content h3{
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
    color: black;
    font-weight: normal;
}

.cms-order-information .main-container.col1-layout .cms-content p{
    font-size: 12pt;
    padding-left: 10px;
}

.cms-order-information .main-container.col1-layout .cms-content h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    color: #185a7d;
    font-weight: bold;
}

.cms-return-policy .main-container.col1-layout .col-main {
    width: 65%;
    margin: 0 auto 2rem;
}

.cms-return-policy .main-container.col1-layout .col-main .cms-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.cms-return-policy .main-container.col1-layout .page-head {
    text-align: center;
}

.cms-return-policy .cms-content {
    line-height: 1.4;
}

.cms-return-policy .main-container.col1-layout .page-head h3{
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    font-size: 33pt;
    color: #185a7d;
    font-weight: normal;
}

.cms-return-policy .main-container.col1-layout .cms-content h3{
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
    color: black;
    font-weight: normal;
}

.cms-return-policy .main-container.col1-layout .cms-content p{
    font-size: 12pt;
    padding-left: 10px;
}

.cms-return-policy .main-container.col1-layout .cms-content p strong{
    font-size: 14pt;
    color: #185a7d;
    padding-left: 0px;
}

.cms-return-policy .main-container.col1-layout .cms-content h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    color: #185a7d;
    font-weight: bold;
}

.cms-onlinecatalogs .page-title h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 35pt;
    color: #185a7d;
    text-transform: none;
    font-weight: normal;
    text-align: center;
}

.cms-onlinecatalogs .col-main h3 {
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    color: #185a7d;
    font-weight: bold;
    margin-bottom: 20px;
}

.cms-about .building-image {
    width: 100.1%;
    height: 45vw;
    left: 0;
    position: absolute;
    z-index: -1;
    border-bottom: #185a7d 30px solid;
}

.cms-about h3 {
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    font-size: 35pt;
    color: #185a7d;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
}

.cms-about h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 22pt;
    color: #185a7d;
    font-weight: normal;
    text-align: center;
    margin-bottom: 15px;
}

.cms-about p {
    text-align: center;
    font-size: 12pt;
}

.cms-about .about-us-employee-area {
    width: 100%;
    margin-top: 28vw;
}

.cms-about .about-us-employee-area #employee-recognition-bio {
    width: 60%;
    margin: 30px auto; 
}

.cms-about .about-us-employee-area #leadership-team-photo {
    margin: 0 auto; 
    width: 40vw; 
    height: 80%
}

.cms-about .about-us-employee-area #value-awards-photo {
    margin: 0 auto; 
    width: 95%; 
    height: 80%
}

.cms-about #employee-recognition-container {
    border-top: #5f8ba4 2px solid;
    padding-top: 25px;
    margin-top: 25px;
}

.cms-about .about-us-text-area {
    width: 53%;
}

@media (max-width: 1565px) {
    .cms-about .about-us-text-area {
        width: 80%;
    }
}

@media (max-width: 1400px) {
    .cms-about #about-us-main-text {
        padding-top: 52vw;
        padding-left: 25px;
    }

    .cms-about .about-us-employee-area {
        width: 100%;
        margin-top: 2vw;
    }

    .cms-about .about-us-employee-area #leadership-team-photo {
        width: 80%;
    }
}

@media (max-width: 600px) {
    #loading-view-message {
        font-size: 20px;
    }

    .col1-layout .std #mobile-flexslider-container .flexslider {
        top: -72px;
    }

    .header-container .header #links-cart-container #category-header-icon-container {
        margin-top: 25px;
    }

    .header-container .header .minicart-container {
        margin-top: 24px;
    }

    .cms-about #about-us-main-text {
        padding-left: 25px;
    }
}

/* ****** Begin Enterprise CAI Styles ****** */

.block.block-account.enterprise .block-content
{
    padding: 0px;
}

#enterpriseNavContainer .block-content ul li:last-child {
    border: none;
}

#enterprise-setup
{
    position: relative;
}

#enterprise-setup:has(.current) > a { 
    color: #f9a159;
    /* keeping these commented out as marketing might have us go back to this first style
    color: #b5121b;
    padding-left: 13px;
    */
}

#enterprise-setup:has(.current) > a:hover { 
    color: #185a7d;
}

#enterprise-setup > div
{
    position: absolute;
    left: 100%;
    background-color: #e6e6e6;
    top: -5px;
    border: 1px solid black;
    width: 196px;
    border-radius: 4px;
    visibility: hidden;
}

#enterprise-setup > div > ul > li 
{
     padding: 0px 5px;
}

#enterprise-setup:hover > div
{
    visibility: visible;
}

#enterprise-setup > div > ul > li, #enterprise-setup > div > ul > li > a
{
    background:unset;
    border-top:unset;
}

/*#enterprise-setup:hover > a, #enterprise-setup > div > ul > li:hover
{
    background: orange;
    color: #1C5A7D;
}*/

.enterprise-content-wrapper
{
    background: white;
    border-radius: 10px;
    margin: 20px 30px 30px 30px;
}

#organization-settings-tab {padding-left: 15pt; padding-top: 5pt; padding-bottom: 15pt; background: white; border-radius: 5px; border-width: 1px !important; border: solid lightgray;}
#organization-settings-tab .e-tab-header {margin-bottom: 10pt;}
#organization-settings-tab .e-ddl input {font-size: 14px !important; padding-left: 2px;}
#organization-settings-main-tab .e-float-input {
    margin-top: 20px;
    width: 50% !important;
    margin-left: 11pt;
}
#organization-settings-save-btn {margin-right: 20pt; margin-top: 10pt;}
#organization-settings-save-btn-wrapper {text-align: right;}
#threshold-amount-div {margin-left: 11pt;}
#threshold-amount-info {margin-left: 11pt;}

.org-settings-check {
    margin: 15px 0 0 15px;
}

.org-settings-indented {
    margin-left: 20px;
}

#address_grid_dialogEdit_wrapper .new-address-dropdown {margin-top: 0pt; margin-bottom: 3px;}
#address_grid_dialogEdit_wrapper .new-address-dropdown .e-ddl{margin-top: 20px;}
#address_grid_dialogEdit_wrapper {height: 550px !important;}
#address_grid_dialogEdit_wrapper input {padding-left: 0px !important;}

#segment-grid-type-dropdown-label {font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif !important; font-size: 12px !important; color: gray;};

.e-float-input.e-control-wrapper.multi-user-select-class .e-filter-parent .e-input-filter 
{
    all: unset; 
    cursor: text; 
    width: 100%;
}

.e-float-input.e-control-wrapper.multi-user-select-class 
{
    margin-top: 3px;
}

#threshold-amount-wrapper .e-float-input.e-control-wrapper.e-input-group.e-valid-input
{
    margin-top: 0px;
}

#approval-trigger-type-wrapper .e-ddl.e-input-group.e-control-wrapper input.e-dropdownlist 
{
    padding: 0px;
}

#enterprise-content-grid 
{
    display: block;
}

.e-gridcontent {
    cursor: pointer;
}

.info-section.grid-item.full-width * {
    cursor: unset;
}

#grid-header
{
    grid-area: header;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: white;
    background: #1b5a7c;
    border-radius: 10px 10px 0px 0px;
    padding: 10px;
    height: fit-content;
}
/** Segment Hierarchical Styles **/

.users > #enterprise-content-grid
{
    grid-template-columns: 1fr 2.5fr .5fr;
    grid-template-rows: auto 1fr;
    grid-template-areas:
    "header header header";
}

#userlist 
{
}

/** End Users Main view Styles **/

/** Segment Hierarchical Styles **/

.segments > #enterprise-content-grid
{
    grid-template-columns: 1fr 2.5fr .5fr;
    grid-template-rows: auto;
    grid-template-areas:
    "header header header" 
    "main   .      top-right-button" 
    "main   form   ."
    "main   .      bottom-right-button";
}

.rowlabel 
{
    color: #1b5a7c;
    font-weight: 600;
    border-bottom: 2px solid darkgray;
}

#hierachy-div
{
    width: fit-content;
    background: #efefef;
    padding: 30px 15px;
    height: 580px;
    min-height: 568px;
    overflow-y: scroll;
    grid-area: main;
}

#segment-edit-form
{
    grid-area: form;
    margin-left: 45px;
}

#segment-edit-form > div
{
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0px;
    justify-content: space-around;
}

#segment-edit-form select
{
    min-width: 175px;
}

#segment-edit-form label
{
    color: var(--bsi-color-med-blue);
    font-weight: 700;
    display:block;
}

#segment-edit-form input 
{
    display:block;
}


/** End Segment Hierarchical Styles **/

.companyinfo > #enterprise-content-grid
{
    grid-template-columns: 1fr 2.5fr .5fr;
    grid-template-rows: auto 1fr;
    grid-template-areas:
    "header header header" 
    "form   form   form" 
    ".      .      bottom-right-button";
}

#companyinfo-edit-form
{
    grid-area: form;
}

#companyinfo-edit-form > div
{
    margin: 40px;
}

#companyinfo-edit-form > div > div
{
    display: flex;
    margin: 10px;
}

#companyinfo-edit-form > div > div > div
{
    margin-right: 40px;
}

#input-region-filter
{
    margin-bottom: 20px;
}

#region-segment-structure
{
    width: 300px;
}
.regioncontainer, .location, .nolocations
{
    display: block;
    padding: 5px 5px 5px 15px;
}

.region::before {
    content:"+"
}

.region.active::before {
    content:"-"
}

.region
{
    color: black;
    font-weight: 700;
    font-size: 17px;
}
.location
{
    color: #666;
    font-weight: 700;
}
.region, .location
{
    cursor: pointer;
}
.nolocations
{
    display: none;
    pointer-events: none;
}
.region:hover,.location:hover
{
    background: #f9a159
}
.region:before, .location:before
{
    padding-right: 10px;
    color: #608ba4;
}

#deleteButton 
{
    grid-area: top-right-button;
    position: relative;
}

#deleteButton button
{
    background: #FD026C;
    border: none;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 15px;
    margin: 20px 0px 0px;
    cursor: pointer;
    right: 0px
}

#saveButton 
{
    grid-area: bottom-right-button;
    position: relative;
}

#saveButton button
{
    background: var(--bsi-color-med-blue);
    border: none;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
}

#deleteButton button:hover, #saveButton button:hover
{
    background: var(--bsi-color-hover);
    color: var(--bsi-color-dark-blue);
}

#caiCheckoutOrderinfoFields {
    width: 50%;
    float: left;
}

#caiCheckoutOrderinfoFields .checkout-orderinfo-dropdown-label {
    margin-top: 15px;
}

#caiCheckoutOrderinfoFields span select {
    width: 0;
    margin: 0;
}

.review-approval-box .review-approval-user {
    margin-left: 20px;
}

/* ****** Start Segment Node CRUD Styles ****** */
.bsi-customeradmin-myaccount-segmentnode .col-main {
    position: relative;
}

#segmentNodesHeader {
    /*text-align: center;*/
    margin: 25px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#segmentHeaderContainer {
    align-content: center;
}

.bsi-customeradmin-myaccount-segmentnode .enterprise-content-wrapper {
    margin: 10px 0;
}
/* ****** End Segment Node CRUD Styles ****** */

/* ****** End Enterprise CAI Styles ****** */

/* ******* START SYNCFUSION ****** */
.e-control, 
.e-panel-header,
.e-card-content,
.e-tab-text,
.e-badge,
.e-label,
.e-float-input input,
.e-float-text,
.e-float-text.e-label-top,
.e-all-text,
.e-list-item {
    font-family: 'Montserrat', sans-serif !important;
}

.enterprise-content-wrapper #enterprise-content-grid #dashboard .e-panel {
    border-width: 2px;
}

#spendGauge,
#sliceSpendGauge {
    scale: .992;
}

.e-grid .e-pager {
    border-radius: 0 0 30px 30px;
}

.e-dlg-target.e-scroll-disabled {
    height: 100vh !important;
}

.e-float-input input {
    margin-left: 5px;
}

#syncfusion-switcher-dialog .e-float-input input {
    font-size: 13pt;
}

.e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard {
    background: white !important;
    border: 1px solid #777777 !important;
    color: #000;
    font-family: Helvetica,sans-serif;
    font-size: 16px;
}

.e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard.cai-styled, .e-rowcell > .e-input-group e-control-wrapper e-ddl e-lib e-keyboard {
    border: unset !important;
    background: unset !important;
    border-bottom: 1px solid rgb(196, 199, 197) !important;
    font-size: 14px;
}

.e-ddl.e-input-group.e-control-wrapper.cai-styled .e-ddl-icon::before, .e-rowcell > .e-ddl.e-input-group.e-control-wrapper.role-regionpicker-dropdown .e-ddl-icon::before {
    font-size: 20px;
    margin: unset;
}

.e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard.validation-failed {
    border: 1px dashed #DD4B39 !important;
    background: #faebe7 !important;
}

.e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard.validation-failed  > span {
    display: none;
}

.required-entry.product-custom-option.e-control.e-dropdownlist.e-lib.e-input {
    padding: 15px 0px 15px 10px;
}

.e-pagerdropdown .e-input-group.e-control-wrapper.e-input-focus input.e-input {
    padding-left: 10px;
}

.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
    font-size: 25px;
    margin: 0px;
}

.e-upload .e-file-select-wrap .e-file-drop,
.e-btn, .e-css.e-btn {
    font-family: 'Montserrat', sans-serif !important;
}

#dashboard .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon {
    margin-right: 5px;
}

#dashboard .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
    font-size: 30px;
    margin: 0;
}

.e-ddl.e-input-group.e-control-wrapper.treegrid-toolbar-dropdown .e-ddl-icon::before, .e-ddl.e-input-group.e-control-wrapper.period-dialog-dropdown .e-ddl-icon::before,
.e-ddl.e-input-group.e-control-wrapper.role-regionpicker-dropdown .e-ddl-icon::before, .e-rowcell > .e-ddl.e-input-group.e-control-wrapper.role-regionpicker-dropdown .e-ddl-icon::before {
    font-size: 20px;
    margin: unset;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background-color: transparent !important;
}

.e-grid .e-gridheader tr:first-child th, .e-rowdragdrop.e-rowdragdropcell {
    vertical-align: middle;

}

.product-options dd .e-input-group {
    height: 55px;
}

.product-options .e-ddl.e-input-group.e-control-wrapper .e-input {
    padding: 10px;
}

select.multiselect.required-entry.product-custom-option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    padding-left: 10px;
    height: 100px;
}

.e-ddl.e-input-group.e-control-wrapper .e-dropdownlist,
.e-ddl.e-input-group.e-control-wrapper input.e-dropdownlist {
    padding: 0 0 0 10px;
}

/*.e-input-group.e-control-wrapper input.e-dropdownlist.e-input,
.e-input-group.e-control-wrapper.e-input-focus input.e-dropdownlist.e-input {
    padding: 10px;
}*/

/*.e-input-group.e-control-wrapper input.e-dropdownlist.e-input::placeholder,
.e-input-group.e-control-wrapper.e-input-focus input.e-dropdownlist.e-input::placeholder {
    color: #000000;

}*/

.e-grid .e-gridheader tr:first-child th, .e-rowdragdrop.e-rowdragdropcell {
    vertical-align: middle;
}

.e-grid .e-toolbar {
    padding: 0;
    height: 40px !important;
    min-height: 0px;
}

.e-grid .e-toolbar *{
    padding-top: 0.2px !important;
    padding-bottom: 0 !important;
}

#orderhistory_tree_grid_gridcontrol_toolbarItems {
    padding: unset !important;
    height: 50px !important;
    min-height: unset !important;
}

#orderhistory_tree_grid_gridcontrol_toolbarItems * {
    padding-top: unset !important;
    padding-bottom: unset !important;
}

#caiPageTitle {
    background-color: white;
    padding-bottom: 4px;
}

/** Wizard Styles **/
.hidden {
    display: none;
}

.bsi-sf-fade-in-right {
    display: block;
    opacity: 0;
    transform: translateX(-100%);
    animation: fadeInRight 1s forwards;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    50% {
        opacity: 1;
        transform: translateX(0%);
        animation-timing-function: ease-in;
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
        animation-timing-function: ease-out;
    }
}   

.bsi-sf-fade-in-left {
    display: block;
    opacity: 0;
    transform: translateX(100%);
    animation: fadeInLeft 1s forwards;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    50% {
        opacity: 1;
        transform: translateX(0%);
        animation-timing-function: ease-in;
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
        animation-timing-function: ease-out;
    }
}   

.bsi-sf-wizard-footer {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 25px;
    display: flex;
    justify-content: space-evenly;
}

.bsi-sf-wizard-footer div {
    width: 100px;
}

.show-inactive-label {
    color: rgba(var(--color-sf-on-surface-variant));
    font-size: 14px;
    padding: 4px;
}
/* ******* END SYNCFUSION ****** */

/*** Cart Style changes ***/
ol.checkout-bar li.section.bsi-title { 
    text-wrap: nowrap;
}

@media only screen and (max-width: 1000px) {
    #checkoutSteps .step-title.bsi-title h2 {
        font-family: Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }
}

@media (min-width: 481px) and (max-width: 639px){
    ol.checkout-bar li.section.bsi-title {
        font-size: 14px;
        margin-right: 2px;
        padding: 0px;
        width: 100%;
        border-radius: 0;
        margin-bottom: 2px;
    }
}

@media only screen and (max-width: 640px) {
    ol.checkout-bar li.section.bsi-title {
        font-size: 12px;
        margin-right: 5px;
        padding: 3px;
    }
}

@media only screen and (max-width: 767px){
    ol.checkout-bar li.section.bsi-title {
        font-size: 14px;
        margin-right: 2px;
        padding: 0px;
        width: 100%;
        border-radius: 0;
        margin-bottom: 2px;
    }
}

@media only screen and (max-width: 768px) {
    ol.checkout-bar li.section.bsi-title {
        font-size: 9px;
        margin-right: 5px;
        padding: 5px 2px;
    }
}

/*** Adaptive Dialog Styles - SF ***/
.e-card.grid-dialog {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 2500px;
    margin: 0 auto;
}

.e-card.grid-dialog > .e-card-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.e-card.grid-dialog > .e-card-header > div > .e-card-header-title {
    margin: 10px 20px 10px 0px;
    font-size: 1.5rem;
    font-weight: 800;
}

.e-card.grid-dialog > .e-card-header > .e-badge.e-badge-pill {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.875rem;
    height:unset;
    margin-left: 15px;
}

.e-badge.e-badge-pill.green {
    background: rgb(187, 247, 208);
    color: rgb(22, 101, 52);
    padding: 6px 16px;
    height: unset;
}

.e-badge.e-badge-pill.red {
    background: rgb(254, 202, 202);
    color: rgb(153, 27, 27);
    padding: 6px 16px;
    height: unset;
}

.e-badge.e-badge-pill.yellow {
    background: rgb(254, 240, 138);
    color: rgb(133, 77, 14);
    padding: 6px 16px;
    height: unset;
}

.e-badge.e-badge-pill.grey {
    color: #6a6969;
    background: transparent;
}

.grid-dialog.e-card-content {
    padding: 20px;
}

.grid-dialog.e-card-content > .order-summary > .order-total {
    font-weight: bold;
}

.grid-dialog.e-card-content >  .info-card, .comment-card {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 20px;
}

.grid-dialog.e-card-content > .info-card {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    padding: 20px;
}

.grid-dialog.e-card-content > .info-card > .info-section.shipping-billing-info {
    display: flex;
    flex-direction: column;
}

.grid-dialog.e-card-content > .info-card > .info-section.order-summary {
    display: flex;
    flex-direction: column;
    gap:  5px;
    background: #f3f1f7;
    padding: 10px;
    border-radius: 10px;
}

.grid-dialog.e-card-content > .info-card > .info-section.order-summary > .info-content > .summary-item {
    display: flex;
    justify-content: space-between;
}

.grid-dialog.e-card-content > .info-card > .info-section.order-summary > .info-content > .summary-item.total {
    font-weight: bold;
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid #e0e0e0;
}

.grid-dialog.e-card-content > .info-card > .info-section.shipping-billing-info > .shipping-info, .billing-info{
    margin-bottom: 20px;
}

.grid-dialog.e-card-content > .info-card > .info-section {
    display: flex;
    flex-direction: column;
}

.grid-dialog.e-card-content > .info-card > .info-section > .info-header,
.grid-dialog.e-card-content > .info-card > .info-section > .shipping-info > .info-header, 
.grid-dialog.e-card-content > .info-card > .info-section > .billing-info > .info-header, 
.comment-header, .order-info-content > p, .order-date{
    display: flex;
    align-items: center;
    font-weight: bold;
    margin: 10px 0px;
}

.order-info-content > p > span {

    font-weight: normal;
}

.grid-dialog.e-card-content > .info-card > .info-section > .info-header svg, 
.billing-info > .info-header svg, 
.shipping-info > .info-header svg, .comment-header svg, .order-date svg {
    margin-right: 8px;
}

.grid-dialog.e-card-content > .info-card > .info-section > .info-content p, .comment-content {
    margin: 0;
    font-size: 0.875rem;
    color: #666;
}

.grid-dialog.e-card-content > .comment-card {
    padding: 20px;
}

.grid-dialog.e-card-content > .grid-item.full-width {
    min-height: 675px;
}

.grid-dialog.e-card-content > .comment-card  > .comment-content {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 10px;
}

.grid-dialog.e-card-content.card-footer {
    display: flex;
    justify-content: end;
    padding: 20px;
    border-top: 1px solid #e0e0e0;
}

.grid-dialog.e-card-content.card-footer > .btn,
.grid-dialog > .e-card-header > div > .btn
{
    padding: 10px 20px;
    margin: 0px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.3s;
    box-shadow: none;
}

.grid-dialog > .e-card-header > div {
    display: flex;
    align-items: center;
}

.grid-dialog.e-card-content.card-footer > .btn-outline,
.grid-dialog > .e-card-header > div > .btn-outline {
    background: transparent;
    border: 1px solid #333;
}

.grid-dialog.e-card-content.card-footer > .btn-outline:hover,
.grid-dialog > .e-card-header > div > .btn-outline:hover {
    background: #ff6f6f;
}

.grid-dialog.e-card-content.card-footer > .btn-primary, 
.grid-dialog > .e-card-header > div > .btn-primary,
#approvebtn-header, #approvebtn
{
    background: #28a745;
    color: #fff;
    display: flex;
    align-items: center;
}

#printButton-dialog {
    background: rgb(243 241 247);
    color: black;
    display: flex;
    align-items: center;
    border: 0px;
}

#printButton-dialog:hover {
    background: rgb(188 188 188);
}

.grid-dialog.e-card-content.card-footer > .btn-primary:hover, 
.grid-dialog > .e-card-header > div > .btn-primary:hover,
#approvebtn-header:hover, #approvebtn:hover
{
    background: rgba(var(--color-sf-success));
}

.grid-dialog.e-card-content.card-footer > .btn-outline:disabled,
.grid-dialog > .e-card-header > div > .btn-outline:disabled,
.grid-dialog.e-card-content.card-footer > .btn-primary:disabled, 
.grid-dialog > .e-card-header > div > .btn-primary:disabled 
{
    background: rgb(243 241 247);
    color: rgb(168 168 168);
    display: flex;
    align-items: center;
    border: 0px;
}

#approvebtn-header,
#approvebtn,
#rejectbtn-header,
#rejectbtn{
    max-height: 43px;
    overflow:hidden;
    font-size: 1rem;
}

#approvebtn-header > .e-spinner,
#approvebtn > .e-spinner,
#rejectbtn-header > .e-spinner,
#rejectbtn > .e-spinner {
    height: 0px;
}


#approvebtn-header,
#approvebtn {
    padding-left: unset;
    padding-right: unset;
}

#approvebtn-header > p,
#approvebtn > p {
    margin: 0px 25px;
}

.e-edit-dialog .e-gridform .e-table {
    border-spacing: 0px !important;
}

.bsi-customeradmin-myaccount-segment .e-edit-dialog .e-gridform .e-table td{
    padding-bottom: 10px;
}

.e-recordplusexpand, .e-recordpluscollapse {
    display: block;
    margin-top: 8px;
    border: 0px !important;
}

.e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   float: right !important;
}

.e-group-intent {
    width: 20px !important;
    background: #f8f7fb;
}

.e-row {
    border-bottom-color: rgb(196 199 197);
}

@media (max-width: 735px) {
    .grid-dialog.e-card-content > .info-card {
        grid-template-columns: 1fr;
    }

    .grid-dialog.e-card-content.card-footer {
        flex-direction: column;
        gap: 10px;
    }

    .grid-dialog.e-card-content.card-footer > .btn {
        width: 100%;
    }
    
    .grid-dialog > .e-card-header > div > .btn {
        display: none;
    }
}

 @media print {

    .no-print, .e-control.e-treegrid.e-lib.e-keyboard, .e-dlg-header-content, .e-footer-content, #nav-container {
        display: none !important;
    }

    .print-visible * {
        display: visible !important;
        overvlow: visible;
    }
    
    .print-visible
    {
        display: block !important; /* Ensure the dialog is shown */
        visibility: visible !important;/* Make it visible */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 95%; /* Adjust as needed */
        padding: 20px;
        background: blue;
        z-index: 99999999;
    }

        /* Remove horizontal scrollbars */
    .e-dlg-content, .e-gridcontent > .e-content {
        overflow: visible !important;
    }
    
    .e-toolbar, .e-pager {
        display: none !important;
    }
    
    .e-tab.e-tab-header {
        display: block;
    }

    .e-tab.e-tab-header.e-toolbar-items {
        display: flex;
        flex-direction: column;
    }

    /* Ensure tab content is fully visible */
    .e-tab.e-content {
        display: block;
    }
 }
 
#banner-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.big-banner-section{
    background-size: contain;
    background-position: center;
    background-repeat: none;
}
.big-banner-section, .small-banner-section {
    box-sizing: border-box;
}

.employee-phone-wrapper {
    color: white; 
    font-size: 28px; 
    top: 20px; 
    position: relative;
}

.big-banner-section, .small-banner-section  {
    height: 100%;
}

.employee-banner-first-row {
    display: flex;
    justify-content: space-between;
    height: 70px;
}

.employee-banner-logo {
    height: 70px;
    position: absolute;
    margin: 8px;
}

/* Desktop & Tablet: Left 2/3, Right 1/3 */
@media (min-width: 1010px) {
    .big-banner-section {
        width: 66.66%;
    }
    .small-banner-section {
        width: 33.33%;
    }
}

/* Mobile: Both take 100% width */
@media (max-width: 1009px) {
    
    .big-banner-section {
        height: 330px;
        width: 100%;
    }

    .small-banner-section  {
        width: 100%;
        height: 330px;
    }
    
    .flexslider.portal { 
        background: transparent;
        height: fit-content !important;
        border-bottom: none;
    }
    
    .employee-phone-wrapper {
        top: 10px !important; 
    }
    
    .employee-image-container {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -24px !important;
    }
}

.employee-names-wrapper {
    color: lightgrey;
    font-size: 30px;
    margin-top: 17px;
    text-transform: uppercase;
    position: relative;
    font-family: system-ui;
    text-shadow: 0 2px black;
    font-weight: 500;
}

.employee-names-wrapper > p:first-child {
    margin-right: 10px;
}

.small-banner-section {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: .5fr 2fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}


.employee-image-container {
    display: flex;
    align-items: center; 
    justify-content: center; 
    height: 100%;
    position: relative;
    top: -28px;
    padding: 2px;
}

.employee-circle-container {
    aspect-ratio: 1/1;
    max-height: 245px;
    max-width: 60%;
    height: 100%;
    border-radius: 50%;
    z-index: 2;
    position: relative;
}

.employee-image {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.employee-slogan-text-box {
    color: #112445;
    font-size: 21px;
    font-style: italic;
    line-height: 1.3;
    padding-left: 10px;
    position: relative;
    max-width: 100%;
    z-index: 1; /* Lower than image */
}

.employee-email-container {
    text-align: center;
    position: relative;
    bottom: 31px;
    color: #d3d3d3;
    text-transform: uppercase;
    font-size: 25px;
    text-shadow: 0 2px black;
}

@media (max-width: 535px) {
    .custom-cart-wrapper .add-to-cart button.button {
        scale: 0.9;
        margin-left: 7px;
    }

    .product-collateral .form-add .captcha-submit-container {
        flex-direction: column;
    }

    .employee-image-container {
        width: 100% !important;
    }

    .employee-banner-logo {
        position: relative;
    }

    .employee-slogan-text-box {
        font-size: 18px;
    }
    
    .small-banner-section {
        overflow: hidden;
    }
}

@media (max-width: 1702px) {
  .employee-names-wrapper { 
    font-size: 25px;
  }
}

@media (max-width: 1490px) {
    .employee-circle-container {
        max-height: 205px;
    }
    
    .employee-email-container {
        font-size: 21px;
    }
}

@media (max-width: 1360px) {
    .employee-circle-container {
        max-height: 155px;
    }
}

@media (max-width: 1270px) {
    .employee-image-container {
        justify-content: center; 
        position: relative;
    }
    
    .employee-email-container {
        font-size: 21px;
        top: -32px;
    }
}

#force-approve-dialog {
    position: absolute; 
    left: 0 !important; 
    right: 0; 
    margin-inline: auto; 
    width: fit-content;
}

#force-approve-dialog::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
  z-index: -1; /* Ensures it covers everything below the container */
  pointer-events: auto; /* Blocks interaction with lower elements */
}

#force-approve-dialog > .e-dlg-header-content {
    border-radius: 10px 10px 0px 0px;
}

#force-approve-dialog > .e-dlg-content {
    padding-top: 36px;
}

#force-approve-dialog > .e-dlg-content > p{
    margin: auto;
}

#force-approve-dialog > .e-footer-content {
    border-radius: 0px 0px 10px 10px;
}

#approvalOverview {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: inherit !important;
    color: inherit !important;
    cursor: default !important;
}
#approvalOverview:hover {
    background: none !important;
        cursor: default !important;
}