html, body, p, li, ul, ol, div, footer, header, textarea, input, button, a, menu, aside, fieldset, form, label, img, nav, dir, figure, section, h1, h2, h3, h4, h5, h6, table, td, tr, span {font-family: Kanit, sans-serif !important;}* {box-sizing: border-box;}html, #root {height: 100%;}body {margin: 0;height: 100%;}ul {padding: 0;list-style: none;}ul, li, p {margin: 0;}a {text-decoration: none;cursor: pointer;color: #212934;}.megaContainer .navbar > li a {color: #fff;}.menuv2 {background-color: #004e7d;}html {scroll-behavior: smooth;}@font-face {font-family: Kanit;font-style: normal;font-weight: 700;src: url("//static.globalindustrial.com/site42/styles/font-awesome/webfonts/kanit-700.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display: swap;}@font-face {font-family: Kanit;font-style: normal;font-weight: 400;src: url("//static.globalindustrial.com/site42/styles/font-awesome/webfonts/kanit-400-regular.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display: swap;}@font-face {font-family: "Kanit";font-style: normal;font-weight: 600;src: url("//static.globalindustrial.com/site42/styles/font-awesome/webfonts/kanit-600.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display: swap;}@font-face {font-family: Kanit;font-style: normal;font-weight: 500;src: url("//static.globalindustrial.com/site42/styles/font-awesome/webfonts/kanit-500.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display: swap;}.baseWrapper {margin: 0;position: relative;}@media (max-width: 767.98px) {.baseWrapper {position: unset;}}.baseWrapper::after {content: " ";display: block;clear: both;}.mobileScrollsection {max-height: calc(100vh - 220px);overflow-y: auto;margin-right: 20px;margin-top: 16px;padding-left: 3%;}.mobileScrollsection::-webkit-scrollbar {width: 9px;}.mobileScrollsection::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, 0.4);border-radius: 6.5px;}.support {background-color: rgba(188, 190, 192, 0.2);}.supportContainer {height: 45px;padding-right: 20px;text-align: right;flex-direction: row-reverse;align-items: center;margin: 0 auto;max-width: 1440px;position: relative;}@media (max-width: 1024.98px) {.supportContainer {background-color: #004e7d;height: auto;padding: 8px 0;}}.supportContainer .MuiDivider-middle {background: #212934;width: 1px;height: 15px;align-self: center;}@media (max-width: 1024.98px) {.supportContainer .MuiDivider-middle {display: none;}}.supportContainer .labels {font-size: 13px;}@media (max-width: 1024.98px) {.supportContainer .labels {display: none;}}@media (max-width: 1024.98px) {.supportContainer {display: block;}}@media (max-width: 767.98px) {.supportContainer {display: block;}}@media (min-width: 1024.98px) {.supportContainer {display: flex;}}.mainHead {background-color: #f9f9f8;}.header {flex-wrap: wrap;align-items: flex-start;background-color: #f9f9f8;padding: 17px 4%;display: flex;margin: 0 auto;max-width: 1440px;position: relative;}@media (min-width: 768px) and (max-width: 991.98px) {.header {justify-content: flex-start;}}@media (min-width: 992px) and (max-width: 1199.98px) {.header {justify-content: space-between;}}@media (min-width: 1200px) and (max-width: 1399.98px) {.header {justify-content: space-between;}}@media (min-width: 1400px) {.header {justify-content: space-between;}}@media (max-width: 767.98px) {.header {justify-content: flex-start;}}.header .addcartIcon {display: none;}@media (min-width: 1024.98px) {.header .addcartIcon {display: block;}}.header a {border-radius: 4px;color: #212934;text-align: center;font-size: 16px;padding: 5px 0 0 5px;order: 1;display: inline-flex;}.header a.active {text-decoration: underline;}@media (max-width: 1024.98px) {.header a {padding: 0;margin-left: 16px;}}.header .logo {width: 120px;height: 50px;}.header .logo.mobile {display: none;}@media (max-width: 767.98px) {.header .logo {height: auto;width: 100%;display: none;margin-top: 5px;}.header .logo.mobile {display: block;}}@media (min-width: 768px) {.header {padding: 17px 36px 16px 36px;}.header .logo {width: auto;height: 59px;}.header a {padding: 0;width: auto;}.header a:hover {text-decoration: none;}}@media only screen and (max-width: 983px) and (min-width: 768px) {.header a {width: auto;}.header .logo {width: auto;height: 48px;}}.menuOpen {display: none;}@media (max-width: 1024.98px) {.languages {display: none;}}.showHamburgermenu {width: 100%;height: 100%;display: flex;flex-direction: column;position: absolute;z-index: 123;background: #004e7d;color: #fff;}@media (max-width: 1024.98px) {.showHamburgermenu {top: 95px;z-index: 1300;overflow: auto;height: calc(100% - 95px);position: fixed;}.showHamburgermenu .languages {padding-right: 2%;padding-left: 4%;padding-top: 2%;}}@media (max-width: 767.98px) {.showHamburgermenu {top: 95px;z-index: 1300;height: calc(100% - 50px);}}.showHamburgermenu .quickOrderIcon .fal {font-size: 1rem;}.showHamburgermenu .mobileMenu {border-bottom: 1px solid rgba(255, 255, 255, 0.23);padding-bottom: 14px;padding-top: 8px;}@media (min-width: 768px) and (max-width: 991.98px) {.showHamburgermenu .mobileMenu {padding-bottom: 18px;}}.showHamburgermenu .mobileMenu.otherSupports {border-bottom: 0;padding-bottom: 0;padding-left: 3%;}.showHamburgermenu .mobileMenu.mobileMegamenu .menuItems {height: 48px;}.showHamburgermenu .mobileMenu.mobileMegamenu .MuiSvgIcon-root {font-size: 30px;}.showHamburgermenu .mainCategoryList {text-decoration: underline;background: #17628f;padding: 2%;padding-left: 3%;}@media (max-width: 767.98px) {.showHamburgermenu .mainCategoryList {text-decoration: none;}}.showHamburgermenu .mainCategoryList a, .showHamburgermenu .mainCategoryList a:hover {color: #fff;}.showHamburgermenu .nestedNavigation {padding-top: 0;border-bottom: 0;font-size: 14px;overflow: hidden;}.showHamburgermenu .nestedNavigation .mobileScrollsection {margin-right: 0;margin-top: 5px;max-height: calc(100% - 80px);}.showHamburgermenu .menuItemIcon {padding-right: 20px !important;padding-left: 0;}.accountPage .accountMenuMobile {background: #002d50;}.accountPage .hamburgerMenuList {padding-top: 0;}.header .searchWrapper {text-align: center;flex: auto;width: 100%;position: relative;}@media (min-width: 1024.98px) {.header .searchWrapper {order: 2;margin-right: 10px;}}@media (max-width: 1024.98px) {.header .searchWrapper {margin-right: 10px;order: 3;}}.header .searchWrapper .btnColor svg {width: 1.4em;height: 1.4em;font-size: 1.35rem;}@media (max-width: 767.98px) {.header .searchWrapper .btnColor svg {width: 80%;height: 80%;}}.header .searchWrapper .MuiFormControl-root {width: 100%;}.header .searchWrapper .MuiOutlinedInput-input {padding: 10px 14px;}@media (max-width: 767.98px) {.header .searchWrapper .MuiOutlinedInput-input {font-size: 14px;}}.header .searchWrapper .MuiOutlinedInput-adornedEnd {padding-right: 0;font-size: 14px;border: 0;}@media (max-width: 767.98px) {.header .searchWrapper .MuiOutlinedInput-adornedEnd {height: 45px;}}@media (min-width: 768px) {.header .searchWrapper {width: 38%;text-align: right;padding-top: 0;}.header .searchWrapper .MuiOutlinedInput-input {padding: 0 14px;height: 48px;font-size: 16px;font-family: "Kanit", sans-serif;border: 1px solid #bcbec0;border-radius: 4px;}.header .searchWrapper .MuiFormControl-root {margin: 0;}}@media (min-width: 768px) and (min-width: 1024.98px) {.header .searchWrapper .MuiFormControl-root {width: 90%;}}@media (min-width: 768px) and (max-width: 1024.98px) {.header .searchWrapper .MuiFormControl-root {width: 100%;}}@media only screen and (max-width: 983px) and (min-width: 768px) {.header .searchWrapper {padding-top: 0;}.header .searchWrapper .MuiOutlinedInput-input {font-size: 14px;}}@media (min-width: 1400px) {.header .searchWrapper {width: 38% !important;}}@media (min-width: 1200px) and (max-width: 1399.98px) {.header .searchWrapper {width: 30% !important;}}@media (min-width: 992px) and (max-width: 1199.98px) {.header .searchWrapper {width: 30% !important;}}@media (min-width: 768px) and (max-width: 991.98px) {.header .searchWrapper {width: 100% !important;}}@media (max-width: 767.98px) {.header .searchWrapper {width: 100% !important;}}.searchWrapper .btnColor.MuiButton-root {border-radius: 0;background-color: #d41e3d;padding: 16px;color: #fff;min-width: 50px;padding: 10px 6px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;margin-left: -4px;}.searchWrapper .btnColor.MuiButton-root:hover {background: #d41e3d;color: #fff;}@media (max-width: 767.98px) {.searchWrapper .btnColor.MuiButton-root {width: 45px;height: 45px;padding: 0;min-width: 33px;}}@media (min-width: 768px) {.searchWrapper .btnColor.MuiButton-root {padding: 0 6px;height: 50px;}}.account {position: relative;}.account .accountSection {display: none;}@media (min-width: 1024.98px) {.account .accountSection {display: inline-flex;vertical-align: baseline;}}.MuiSvgIcon-root.imgDimen {width: 28px;height: 28px;}@media (min-width: 1025px) {.account {margin-right: 15px;}}@media (min-width: 1200px) {.account {margin-right: 0;}}.headerRight {display: flex;padding-top: 0;width: 40%;order: 2;margin-right: 10px;justify-content: flex-end;flex-grow: 1;}@media (min-width: 768px) {.headerRight {width: 60%;padding-top: 16px;}}@media (min-width: 1025px) {.headerRight {width: 22%;order: 3;flex-grow: 0;margin-right: 0;}}@media (min-width: 1200px) {.headerRight {width: 38%;padding-left: 10px;justify-content: space-between;}}.headerRight i.fa-shopping-cart {width: 27px;min-height: 1px;display: inline-block;}.headerRight .iconText {padding-left: 6px;display: none !important;}@media (min-width: 1200px) {.headerRight .iconText {display: -webkit-box !important;}}.headerRight .accountSection .iconText {padding-left: 6px;max-width: 120px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}.headerRight .headerArrow {width: 1.2em;height: 1.5em;font-size: 1rem;}.headerRight .loginLogoutUser {position: relative;margin-right: 10px;z-index: 1;}@media (min-width: 1024.98px) {.headerRight .loginLogoutUser {display: none;}}@media (max-width: 1024.98px) {.headerRight .loginLogoutUser {display: block;}}.headerRight .loginLogoutUser .activedotWrap {position: absolute;top: -3px;right: 0px;width: 8px;height: 8px;background: #fff;}.headerRight .loginLogoutUser .userLogged {position: absolute;top: -2px;right: -1px;height: 9px;width: 9px;border-radius: 20px;border: 1px solid #d41e3d;background-color: rgba(212, 30, 61, 0.3);}@media only screen and (max-width: 983px) and (min-width: 768px) {.headerRight .MuiIconButton-root {padding: 9px;}.headerRight .iconText {padding-left: 3px;font-size: 11px;}}.tab {overflow: hidden;border: 1px solid #ccc;display: flex;}.tab button {background-color: #004e7d;float: left;border: none;outline: none;cursor: pointer;padding: 12px 16px;transition: 0.3s;font-size: 14px;color: #fff;flex: 0 0 auto;text-transform: uppercase;min-width: 14.2%;font-weight: bold;}.tab button:hover {background-color: #004e7d;}.trackOrder {display: none;cursor: pointer;}@media (max-width: 1024.98px) {.trackOrder {display: none;}}@media (min-width: 1024.98px) {.trackOrder {display: block;margin-right: 25px;}}@media (min-width: 1200px) {.trackOrder {margin-right: 0;}}.header .MuiSvgIcon-root.menuIcon {display: none;font-size: 32px;width: 32px;height: 32px;}@media (max-width: 1024.98px) {.header .MuiSvgIcon-root.menuIcon {display: block;}}.menucloseIcon {display: flex;width: 32px;height: 32px;}.menucloseIcon svg {width: 32px;height: 32px;}.otherSupports {padding-top: 12px;}.otherSupports .menuItems {font-size: 14px;}.marketingBannerRect {background-color: #eaf5ff;}.exclusiveOffersOn {text-align: center;line-height: 1.2;font-size: 14px;letter-spacing: 0.5px;padding: 10px;}.searchWrapper .MuiInputBase-root {background: #fff;}.HeadtotalCart {position: relative;cursor: pointer;}@media (min-width: 768px) {.HeadtotalCart {display: flex;}}.HeadtotalCart .cartTotal {position: absolute;top: -10px;font-size: 12px;height: 20px;width: 20px;background-color: #d41e3d;border-radius: 20px;color: #fff;text-align: center;left: 15px;}.HeadtotalCart .cartTotal strong {font-weight: 500;color: #fff;}.HeadtotalCart .cartPrice {color: #212934;font-size: 16px;border: 1px solid #d41e3d;border-radius: 15px;background-color: #fbe9e9;padding: 0 7px;height: 22px;margin-left: 10px;position: relative;font-weight: 500;}@media (max-width: 767.98px) {.HeadtotalCart .cartPrice {display: none;padding: 0;}}.ctxActivitySummaryWrapper {height: auto;width: 300px;background-color: #fff;padding: 10px 16px;margin-left: -15px;border: 1px solid #dadada;margin-bottom: 26px;}.ctxActivitySummaryWrapper > a {border-bottom: 1px solid #dadada;padding-bottom: 0 !important;}.ctxActivitySummaryWrapper > a:last-child {border-bottom: none;}.ctxActivitySummaryWrapper .badge {margin-top: -2px;margin-left: 10px;}.ctxActivitySummaryWrapper .badge .MuiBadge-badge {border-radius: 50px;}.ctxActivitySummaryWrapper .heading {margin-left: 19px;color: #424c5b;font-size: 14px;font-weight: 500;letter-spacing: 0;line-height: 16px;}.ctxActivitySummaryWrapper div:last-child {border-bottom: none;}.ctxActivitySummaryWrapper .alertSummaryItem {border-bottom: 1px solid #dadada;padding: 16px 0;align-items: center;display: flex;}.ctxActivitySummaryWrapper .alertSummaryItem i {height: 24px;width: 24px;color: #004e7d;font-size: 22px;font-weight: 300;}.ctxActivitySummaryWrapper .alertSummaryItem .count {margin-left: 11px;margin-right: 5px;color: #d41e3d;font-size: 16px;font-weight: 500;letter-spacing: 0;line-height: 16px;}.ctxActivitySummaryWrapper .alertSummaryItem .alertDesc {color: #004e7d;font-size: 16px;letter-spacing: 0;line-height: 16px;}@media (max-width: 1200px) {.menuItems {height: 48px;display: flex;align-items: center;}}@media (max-width: 1200px) {.mobileButtons {margin-left: 3%;}}.mobileMenu.mobileMegamenu .menuItems {padding-left: 3%;}.headerChatIcon {display: none;}@media (max-width: 1024.98px) {.headerChatIcon {display: block;}.headerChatIcon a {margin-right: 16px;margin-left: 0;}.headerChatIcon .fa-comment-dots {display: block;width: 21px;height: 21px;background-repeat: no-repeat;background-image: url('data:image/svg+xml;utf8,');}}.headerPhone {display: none;}@media (max-width: 1024.98px) {.headerPhone {display: none;}}.support hr {background-color: #004e7d !important;}.support a, .support a:hover {color: #004e7d;}div.CallSupportHead {font-size: 22px;font-weight: 500;color: #004e7d;position: absolute;left: 36px;cursor: unset;background-image: url(https://static.globalindustrial.com/site42/images/phone-icon.jpg);background-repeat: no-repeat;background-position: left center;padding-left: 45px;}@media (max-width: 1024.98px) {div.CallSupportHead {position: unset;left: unset;background: none;padding-left: 0;margin: 0 auto;text-align: center;color: #fff !important;}}div.CallSupportHead a, div.CallSupportHead a:hover {color: #fff;}.headerRight i.fa-box {display: inline-block;background-image: url('data:image/svg+xml;utf8,');background-repeat: no-repeat;width: 21px;height: 24px;min-height: 1px;}.headerRight i.fa-user {width: 21px;min-height: 1px;display: inline-block;background-image: url('data:image/svg+xml;utf8,');background-repeat: no-repeat;height: 24px;}.showHamburgermenu .fal {width: 17px;height: 19px;background-repeat: no-repeat;display: block;}.showHamburgermenu i.fa-user {background-image: url('data:image/svg+xml;utf8,');}.hamburgerMenuList i.fa-box {background-image: url('data:image/svg+xml;utf8,');}i.fa-shopping-cart {background-image: url('data:image/svg+xml;utf8,');background-repeat: no-repeat;width: 27px;height: 24px;display: inline-block;}.logo-blue {width: 211px;height: 60px;background-repeat: no-repeat;background-image: url('data:image/svg+xml;utf8,

ECOS® Pro Free & Clear 2X Laundry Detergent Liquid, 5 Gallon Pail - PL9764/05