:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;


--base-color: #E01839;


--base-text-color: #fff;


--footer-color: #3C3C3C;


--footer-text-color: #fff;


--button-color: #4FAB2A;


--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

:root {
    --itt-primary-container: rgb(0, 27, 46);
    --itt-on-primary: rgb(255, 255, 255);
    --itt-background: rgb(255, 255, 255);
    --itt-on-background: rgb(0, 0, 0);
    --itt-tertiary-container: #fad2d2;
    --itt-on-tertiary: #000000;
}

.first-page-content .section:not(:first-of-type) {
    margin-bottom: 40px;
}

.first-page-content .section:not(:first-of-type) h2 {
    font-weight: 500;
}

.first-page-content .section:not(:first-of-type) .promotions {
    display: flex;
    flex-flow: wrap;
    row-gap: 20px;

    border-top: 1px solid #ddd;
    padding: 12px 0;
}

.first-page-content .section:not(:first-of-type) .promotions .promotion-item {
    display: flex;
    flex-direction: column;
    border: none;
    padding: 12px;
}

.first-page-content .section:not(:first-of-type) .promotions .promotion-item .promotion-item-bar {
    margin-bottom: 0;
}

.first-page-content .section:not(:first-of-type) .promotions .promotion-item .promotion-item-info .promotion-item-image {
    width: 90%;
}

.first-page-content .section:not(:first-of-type) .promotions .promotion-item .promotion-item-info .promotion-item-image img {
    margin: auto;
    max-height: unset;
}

.first-page-content .section:not(:first-of-type) .promotions .promotion-item .promotion-item-info .promotion-item-image .promotion-image-overlay img {
    margin: 0;
}

.first-page-content .section:not(:first-of-type) .promotions .promotion-item .promotion-item-info .promotion-item-information .descriptionDesktop {
    font-size: 0.9rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.first-page-content .section:not(:first-of-type) .promotions .promotion-item .promotion-item-bar .promotion-price {
    font-size: 1.1rem;
}

.first-page-content .section .images.images-3 li {
    width: 32% !important;
}

.first-page-content .section .images.images-5 li {
    width: 19% !important;
}

/*Private/Business modal*/

.modal-customer-type__logo {
    background-size: contain;
    top: 25px;
    position: relative;
}

/* IT-TOTAL customizations*/

/*
- change color to same as cart-green
*/

body, h1, h2, h3, h4, h5 {
    font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', 'sans-serif';
}

#body {
    background-color: #ffffff;
}

/*menu bar*/
.menu-wrapper .menu-bar {
    background: #ffffff;
    color: inherit;
}

.menu-wrapper .menu-bar .menu-bar-alterantive-width {
    padding: 0;
}

.menu-wrapper .menu-bar .menu-bar-items {
    align-items: center;
    padding: 0;
}

.menu-wrapper .menu-bar .menu-bar-items .menu-bar-mobile-menu-search {
    margin-right: 20px;
}

.menu-wrapper .menu-bar .menu-bar-items .menu-bar-item-label {
    display: flex;
    align-items: center;
    column-gap: 10px;
    min-height: 40px;
    color: #000000;
}

.menu-wrapper .menu-bar .menu-bar-items .menu-bar-item-label:hover,
.menu-wrapper .menu-bar .menu-bar-items .menu-bar-item-label:focus {
    color: inherit;
    opacity: 0.6;
}

li.menu-bar-menu-pages a.menu-bar-item-label {
    display: none;
}

/* Logged in info*/
.logged-in-info {
    display: none;
}

/* basket */
.minibasket .badge.minibasket-nbr-items {
    background-color: #4fab2a;
    color: #ffffff;
}

.button.buy-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border: 1px solid transparent;
    border-radius: 2px;
    margin: 0;
}

.first-page-content .promotion-buy .button.buy-button {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0;
    padding: 4px;
}

.but-form-container fieldset {
    display: flex;
    align-items: stretch;
    column-gap: 5px;
}

.minibasket .minibasket-info-container {
    padding: 0 10px;
}

.minibasket .minibasket-info-container .minibasket-sum {
    padding: 0;
}

.minibasket .minibasket-icon {
    color: #000000;
    background-color: inherit;
    padding: 0;
    margin: 0;
    width: 32px;
}

/* main wrapper */
.main-wrapper {
    min-height: calc(100vh - 170px);
}


/*footer*/
#footer footer.footer {
    background-color: transparent;
    background-image: linear-gradient(180deg, #010C1D 0%, #00527A 100%);
}

#footer footer.footer .footer-wrapper .content-footer-wrapper,
#footer footer.footer .footer-wrapper .content-footer-wrapper ul,
#footer footer.footer .footer-wrapper .content-footer-wrapper li {
    margin: 0;
    text-align: left;
}

#footer footer.footer .footer-wrapper .content-footer-wrapper {
    justify-content: space-evenly;
    display: flex;
    margin: 0;
    padding: 80px;
}

#footer footer.footer .footer-wrapper .content-footer-wrapper > li, 
#footer footer.footer .footer-wrapper .content-footer-wrapper > li > span {
    display: flex;
    width: 100%;
}

#footer footer.footer .footer-wrapper ul li.small-11.medium-2.large-2:last-of-type {
    display: none;
}

#footer footer.footer .footer-wrapper .content-footer-wrapper li a:hover {
    text-decoration: none;
    color: #c36;
}

#footer footer.footer .footer-wrapper .content-footer-wrapper li.itt-social-icon-wrapper a:hover {
    color: inherit;
}

#footer footer.footer .footer-text {
    display: none;
}

.itt-social-icon-wrapper {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.itt-social-icon-wrapper a {
    margin-bottom: 0 !important;
}

.itt-social-icon-wrapper a i {
    width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itt-social-icon-facebook {
    background-color: #3b5998;
}

.itt-social-icon-youtube {
    background-color: #cd201f;
}

.itt-social-icon-instagram {
    background-color: #262626;
}

.itt-social-icon-linkedin {
    background-color: #0077b5;
}

@media (max-width: 769px) {
    #footer footer.footer .footer-wrapper .content-footer-wrapper {
        row-gap: 40px;
        column-gap: 40px;
        flex-flow: wrap;
        justify-content: flex-start;
        padding: 80px 20px;
    }

    #footer footer.footer .footer-wrapper .content-footer-wrapper > li, 
    #footer footer.footer .footer-wrapper .content-footer-wrapper > li > span {
        width: fit-content;
    }

    .first-page-content .section:not(:first-of-type) .promotions .promotion-item {
        border: none;
    }

    .first-page-content .section:not(:first-of-type) .promotions .promotion-item .promotion-item-bar .promotion-price {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .first-page-content .section:not(:first-of-type) .promotions .promotion-item .promotion-item-bar {
        display: flex;
        flex: 1;
        padding: 0 10px;
    }

    .first-page-content .section:not(:first-of-type) .promotions .promotion-item .promotion-item-bar .product__stock {
        display: flex;
        flex: 1;
        justify-content: flex-end;
    }

    .first-page-content .section:not(:first-of-type) .promotions .promotion-item {
        border: 1px solid #ddd;
    }
}

@media (min-width: 640px) {
    .prodlist-row.large-grid .prodlist-row__buy-wrapper {
        height: 48px;
    }

    .prodlist-row .prodlist-row__buy-wrapper .buy-button.button {
        height: 100%;
    }
}

/*ITT styles*/
.itt-row {
    display: flex;
}

.itt-align-center {
    align-items: center;
}

.itt-colgap-10 {
    column-gap: 10px;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 300,
        'GRAD' 0,
        'opsz' 24
}

.itt-symbols-filled {
    font-variation-settings:
        'FILL' 1,
        'wght' 300,
        'GRAD' 0,
        'opsz' 24
}

/* .fa-shopping-cart */ 
.fa-search, .fa-user, .fa-bars {
    display: none;
}

/* menu item hover */
.menu-bar-desktop-categories-menu {
    background-color: #ffffff;
    border-right: 1px solid #f5f5f5;
}
.menu-bar-desktop-categories-menu-item {
    display: flex;
    align-items: center;
    column-gap: 10px;
    border-bottom: none;
}
.menu-bar-desktop-categories-menu-item-label {
    width: -webkit-fill-available;
    font-weight: 500;
}
.menu-bar-desktop-categories-menu-item:hover {
    background-color: var(--itt-tertiary-container);
}
.menu-bar-desktop-categories-menu-item.active {
    background-color: var(--itt-tertiary-container);
}
.menu-bar-desktop-categories-menu-item.active > a {
    color: var(--itt-on-tertiary);
}
/* .menu-bar-desktop-categories-menu-item.active>img {
    filter: invert(100%);
} */
.menu-bar-desktop-categories-menu-item:hover:after {
    content: ' ';
    border-right: 12px solid #ffffff;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
}
.menu-bar-desktop-categories-menu-item:hover > a {
    color: #000000;
}

ul.menu-bar-desktop-products-menu-items {
    list-style: none;
}

/* misc styles */
.w-100 { width: 100%; }
.w-fit-content { width: fit-content; }

/* list styles */
.list-unstyled { list-style: none; }

/* icon styles */
i.icon-lg, img.icon-lg { width: 34px; font-size: 34px; }
i.icon-md, img.icon-md { width: 24px; font-size: 24px; }
i.icon-sm, img.icon-sm { width: 14px; font-size: 14px; }

/* flex styles */
.row-gap-10 { row-gap: 10px; }
.row-gap-20 { row-gap: 20px; }
.column-gap-10 { column-gap: 10px; }
.column-gap-20 { column-gap: 20px; }
.d-flex { display: flex; }
.flex-column { display: flex; flex-direction: column; }
.justify-content-center { justify-content: center; }
.justify-content-space-around { justify-content: space-around; }
.justify-content-space-between { justify-content: space-between; }
.justify-content-space-evenly { justify-content: space-evenly; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }

/* IT-Total icons */
.itt-icon:hover {
    color: inherit;
    opacity: 0.8;
}

.itt-shopping-cart {
    width: 28px;
    height: 28px;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    display: inline-block;
    background: url("/fileupload/itt-shopping-cart-white.svg") no-repeat center center;
    background-size: contain;
}

.minibasket-icon .itt-shopping-cart {
    width: 32px;
    height: 32px;
}

.login-basket .login-button {
    display: none;
}

.itt-login {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url("/fileupload/itt-login-white.svg") no-repeat center center;
    background-size: contain;
}

.itt-profile-filled, .itt-profile {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain;
}

.itt-profile-filled {
    background: url("/fileupload/itt-profile-circle-filled.svg") no-repeat center center;
}

.itt-profile {
    background: url("/fileupload/itt-profile-circle-inverted.svg") no-repeat center center;
}

.itt-profile-menu-labels-container {
    display: inline-flex;
    font-size: 14px;
    flex-direction: column;
    line-height: 1;
    row-gap: 3px; 
}

.itt-profile-menu-company-label {
    font-weight: 500;
}

.menu-bar-item:last-child .resource-menu-desktop {
    top: 40px;
    right: 0px;
    background: var(--itt-background);
    border-radius: 4px;
}

/* Site Header */
.itt-site-header.inner-wrapper {
    padding: 15px 20px;
    background-color: var(--itt-primary-container);
}

.itt-site-header.inner-wrapper span:not(form span, .search-result-products span), 
.itt-site-header.inner-wrapper i:not(form i) {
    color: var(--itt-on-primary);
}

.itt-site-header.inner-wrapper .logo-container {
    height: fit-content !important;
    width: fit-content !important;
    padding: 0 !important;
}

.itt-site-header.inner-wrapper .header-logo {
    height: 38px !important;
    width: fit-content;
}

.itt-site-header.inner-wrapper .row.header,
.itt-site-header.inner-wrapper .row.header-bar {
    height: fit-content;
    padding: 0;
}

/* Product search bar */
.itt-site-header.inner-wrapper .product-search .product-search-input-container {
    border-radius: 50px;
    padding: 0 15px;
}

.itt-site-header.inner-wrapper .product-search .product-search-input-container fieldset {
    display: flex;
    column-gap: 5px;
}

.itt-site-header input[name="product-search-input"] {
    margin-top: 2px;
    margin-bottom: 2px !important;
    width: -webkit-fill-available;
}

.itt-site-header.inner-wrapper .product-search .product-search-input-container fieldset .product-search-button {
    padding: 0;
}

.itt-site-header .product-search-input-container input:focus {
    outline: none !important;
}

.itt-site-header .product-search-input-container form:focus-within button.product-search-button .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 200, 'opsz' 24;
}

/* Minibasket/Login basket */
.itt-site-header.inner-wrapper .minibasket {
    padding: 0;
}

.itt-site-header.inner-wrapper .minibasket .material-symbols-outlined {
    font-size: 34px;
}

.itt-site-header.inner-wrapper .minibasket .badge.minibasket-nbr-items {
    background-color: var(--itt-tertiary-container);
    color: var(--itt-on-tertiary);
    font-weight: bold;
}

.itt-site-header.inner-wrapper .login-basket {
    text-align: center;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.itt-site-header.inner-wrapper .login-basket .minibasket-link {
    margin: 0;
}

.itt-site-header.inner-wrapper .product-comparison-icon {
    background-color: initial;
}