/*
@font-face{font-family:'Droid Sans';font-style:normal;font-weight:400;src:url('/mm5/themes/levels/fonts/droid-sans-v6-latin-regular.eot');src:local('Droid Sans'),local('DroidSans'),url('/mm5/themes/levels/fonts/droid-sans-v6-latin-regular.eot?#iefix') format('embedded-opentype'),url('/mm5/themes/levels/fonts/droid-sans-v6-latin-regular.woff2') format('woff2'),url('/mm5/themes/levels/fonts/droid-sans-v6-latin-regular.woff') format('woff'),url('/mm5/themes/levels/fonts/droid-sans-v6-latin-regular.ttf') format('truetype'),url('/mm5/themes/levels/fonts/droid-sans-v6-latin-regular.svg#DroidSans') format('svg')}
@font-face{font-family:'Droid Sans';font-style:normal;font-weight:700;src:url('/mm5/themes/levels/fonts/droid-sans-v6-latin-700.eot');src:local('Droid Sans Bold'),local('DroidSans-Bold'),url('/mm5/themes/levels/fonts/droid-sans-v6-latin-700.eot?#iefix') format('embedded-opentype'),url('/mm5/themes/levels/fonts/droid-sans-v6-latin-700.woff2') format('woff2'),url('/mm5/themes/levels/fonts/droid-sans-v6-latin-700.woff') format('woff'),url('/mm5/themes/levels/fonts/droid-sans-v6-latin-700.ttf') format('truetype'),url('/mm5/themes/levels/fonts/droid-sans-v6-latin-700.svg#DroidSans') format('svg')}
.droid-sans{font-family:'Droid Sans',sans-serif}
@font-face {
    font-family: montserrat;
    src: url(../fonts/montserrat-regular-webfont.eot);
    src: url(../fonts/montserrat-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat-regular-webfont.woff2) format('woff2'),url(../fonts/montserrat-regular-webfont.woff) format('woff'),url(../fonts/montserrat-regular-webfont.ttf) format('truetype'),url(../fonts/montserrat-regular-webfont.svg#montserratregular) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: montserrat;
    src: url(../fonts/montserrat-bold-webfont.eot);
    src: url(../fonts/montserrat-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat-bold-webfont.woff2) format('woff2'),url(../fonts/montserrat-bold-webfont.woff) format('woff'),url(../fonts/montserrat-bold-webfont.ttf) format('truetype'),url(../fonts/montserrat-bold-webfont.svg#montserratbold) format('svg');
    font-weight: 700;
    font-style: bold
}

@font-face {
    font-family: montserrat;
    src: url(../fonts/montserrat-light-webfont.eot);
    src: url(../fonts/montserrat-light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat-light-webfont.woff2) format('woff2'),url(../fonts/montserrat-light-webfont.woff) format('woff'),url(../fonts/montserrat-light-webfont.ttf) format('truetype'),url(../fonts/montserrat-light-webfont.svg#montserratlight) format('svg');
    font-weight: 100;
    font-style: normal
}


@font-face {
    font-family: montserrat semi-bold;
    src: url(../fonts/montserrat-semibold.eot);
    src: url(../fonts/montserrat-semibold.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat-semibold.woff2) format('woff2'),url(../fonts/montserrat-semibold.woff) format('woff'),url(../fonts/montserrat-semibold.ttf) format('truetype'),url(../fonts/montserrat-semibold.svg#montserratsemibold) format('svg');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: muli;
    font-style: normal;
    font-weight: 300;
    src: local('Muli Light'),local('Muli-Light'),url(../fonts/Muli-Light.ttf) format('truetype')
}

@font-face {
    font-family: muli;
    font-style: normal;
    font-weight: 400;
    src: local('Muli Regular'),local('Muli-Regular'),url(../fonts/Muli-Regular.ttf) format('truetype')
}

@font-face {
    font-family: muli;
    font-style: normal;
    font-weight: 500;
    src: local('Muli SemiBold'),local('Muli-SemiBold'),url(../fonts/Muli-SemiBold.ttf) format('truetype')
}

@font-face {
    font-family: muli;
    font-style: normal;
    font-weight: 700;
    src: local('Muli Bold'),local('Muli-Bold'),url(../fonts/Muli-Bold.ttf) format('truetype')
}

@font-face {
    font-family: muli;
    font-style: italic;
    font-weight: 300;
    src: local('Muli LightItalic'),local('Muli-LightItalic'),url(../fonts/Muli-LightItalic.ttf) format('truetype')
}

@font-face {
    font-family: muli;
    font-style: italic;
    font-weight: 400;
    src: local('Muli Italic'),local('Muli-Italic'),url(../fonts/Muli-Italic.ttf) format('truetype')
}

@font-face {
    font-family: muli;
    font-style: italic;
    font-weight: 500;
    src: local('Muli SemiBoldItalic'),local('Muli-SemiBoldItalic'),url(../fonts/Muli-SemiBoldItalic.ttf) format('truetype')
}

@font-face {
    font-family: muli;
    font-style: italic;
    font-weight: 700;
    src: local('Muli BoldItalic'),local('Muli-BoldItalic'),url(../fonts/Muli-BoldItalic.ttf) format('truetype')
}
body .x-product-list__name{font-style:normal}
body fieldset{margin-bottom:0px;}
.spec_table td {
    display: table-cell;
    margin: 0px; 
    padding: 0px; 
    font-size: 1em; 
    border-color: rgb(0, 0, 0); 
    text-align: center; 
    border-style: solid; 
    border-width: 0.980114px;
}
.yotpo-display-wrapper .yotpo-pictures-gallery-title{
color: #4f4f4f;
font-size: 1.3em;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 8px;
}*/
a.mbt_sac {
	width:90%;
	text-align:center;
	display:block;
	margin:10px auto 0;
	background-color:#EE3147;
	color:#fff;
	height:40px;
	line-height:40px;
}
.tr_search_holder .search-form button {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
a.column.all-hidden.medium-all-hidden.large-all-shown.x-large-three-tenths.large-three-twelfths.mbt_sac {
    border-radius: 40px;
    text-transform: uppercase;
    max-width: 171px;
    width: 100%;
}
.desc_section{overflow:auto;}

.column.one-sixth.toggle-slide-left.mobile-menu-button.mobilemenutext b {
    font-weight: normal;
    margin: 4px 0 0px;
    font-size: 19px;
    vertical-align: top;
    display: inline-block;
}

#frequenty-bought .x-product-list__price {
    text-align: center !important;
}
.frequenty-bought-cont::-webkit-scrollbar {
  width: 2px;
}
.t-category-name {
    margin-bottom: 30px;
	font-size:32px
}
.request-call-cont {
    visibility: visible !important;
    text-align: center;
}
.request-call-cont .o-layout {
    align-items: center;
}
.request-call-cont .gbtn {
    margin-bottom: 0px;
}
.secure-logos {
    text-align: center;
}

.request-call-cont .o-layout {
    align-items: center;
}
.request-call-cont {
    padding: 50px 0px;
}
.request-call-cont h3 {
    color: #fff;
    font-size: 42px;
}
.request-call-cont p {
    color: #fff;
}
.bg-blue {
    background-color: #2989c6 !important;
}
#footer-form{
overflow:auto
}

/* Track */
.frequenty-bought-cont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px grey; 
  border-radius: 10px;
}
 
/* Handle */
.frequenty-bought-cont::-webkit-scrollbar-thumb {
  background: #f2f2f2; 
  border-radius: 10px;
}

/* Handle on hover */
.frequenty-bought-cont::-webkit-scrollbar-thumb:hover {
  background: #f2f2f2; 
}


.mbtbreadlogo {
    width: 50px;
    height: auto;
    display: inline-block;
}
.counter-plus span {
    font-size: 30px;
}
.x-product-list__item .total p {
    font-size: 24px;
    font-weight: 500;
}
.newsletter-block p {
    color: #656d78;
    margin-bottom: 30px;
}
div#checkout_basket_summary table, div#checkout_basket_summary tr, div#checkout_basket_summary td {
    border: 0px;
    background: transparent;
}
.technical-resources .page-link, .technical-resources .page-link a {
    text-align: left !important;
    display: block;
}
.technical-resources .active_item .chlid_items {
    position: relative !important;
}
.technical-resources .active_item .chlid_items{
  margin-left:0px !important;
}
.technical-resources .page-link {
    display: block !important;
}
.technical-resources .navigation-set li ul{
border:0px !important;
box-shadow:none !important
}
div#footer_questions p span {
    color: #bccbda;
}
.newsletter-block .form input[type="text"]{
    margin: 0 auto;
    padding-top: 17px;
    margin-bottom: 20px;
    border: 1px solid #b8b8b8 !important;
}
.form input[name="newsletter"]{
    padding: 0px;
    border: 1px solid #dfe1e1;
    width: 30%;
    background-color: #f9f9f9;
    border-radius: 3px 0 0 3px !important;
    border-right: 0 !important;
    margin-top: 10px;
    height: 50px;
    margin: 0 auto;
    padding: 0px 14px;
    border: 1px solid #dbd6d6 !important;
    margin-bottom: 20px;
}
picture.x-subcategory-list__picture,
picture.x-product-list__picture {
    border: 1px solid #ddd;
}
.description-list .product-information--description {
    display: none !important;
}
.description-list .product-information--description.active {
    display: block !important;
}

/* --- Mobile product tabs fix -------------------------------------------------
   Below 768px the template hides UL.description-tabs, so the .active class can
   never move off #description. The two rules directly above then leave Specs /
   Warranty / FAQ / Info / Documents permanently display:none and unreachable.
   Same specificity as the rule above (two classes) but later in the file, so it
   wins inside the media query only. Desktop tab behaviour is unchanged.
   Headings are shown because the labels lived in the now-hidden tab bar. */
.cws-section-heading {
    display: none;
}
@media screen and (max-width: 768px) {
    .description-list .product-information--description {
        display: block !important;
        /* Panel content comes from product custom fields. A single long
           unbroken string (or a stray placeholder value) would otherwise
           force the whole page wider than the phone viewport. */
        overflow-wrap: break-word;
        word-break: break-word;
    }
    .description-list .cws-section-heading {
        display: block;
        margin: 1.5rem 0 0.75rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #dfe1e1;
        font-size: 1.25rem;
        line-height: 1.3;
        font-weight: 600;
        color: #354C6F;
    }
    .description-list .product-information--description.active .cws-section-heading {
        margin-top: 0;
    }
}
/* --- end mobile product tabs fix -------------------------------------------- */
.t-site-header .u-bg-gray-100, #header_message{
    background-color: #354C6F !important;
    color: #fff;
    padding:5px;
}
.t-site-header__logo img{
  max-height:100%
}
.t-site-header {
     border-bottom: 0px;
}
.custom_btn strong {
    margin-right: 10px;
}
.t-category-name {
    color: #4382c3;
}
.c-heading-foxtrot,
.t-checkout-step span {
    color:#4382c3;
}
.t-checkout-step--complete {
    border-bottom-color: #2fb089;
    color: #2fb089;
}
mmx-text-editor:not(:defined){
 display:block !important;
 visibility:visible !important;
}
a.call_btn {
    background-color: #ee3147;
    color: #fff;
    padding: 10px 20px;
    border-radius: 23px;
    text-decoration: none;
    margin-left: 15px;
}
.newsletter-block h2.gheading {
    margin-bottom: 5px;
}
form.x-display-list-filtering__sort-by {
    display: none;
}
.x-product-list__item .x-product-list__picture{position:relative;}
.x-product-list__item:hover .category-product-cta-wrapper{display:block;z-index:999}
.category-product-cta-wrapper .icon-eye svg{margin-top:-2px;vertical-align:middle;}
.custom_btn{
 position: relative;
}
#frequenty-bought .x-product-list__price {
    text-align: center !important;
    color: #ff0c0c;
    font-weight: 800;
}
.sku-bar p {
    padding-bottom: 15px;
}
.newsletter-block {
    margin-top: 50px;
    margin-bottom: 50px;
}
.custom_btn
.u-icon-phone{
    position: absolute;
    transform: rotate(91deg);
    left: 12%;
    top: 6px;
}


.t-site-footer__content .c-menu__link:hover {
    text-decoration: none;
}
footer {
    background-color: #354C6F !important;
    color:#fff;
}
.secure-logos ul {
    display: inline-flex;
    justify-content: center;
    align-items: center !important;
    gap: 30px;
    list-style:none;
}
#mmx-image-across__six-across picture img {
    object-fit: contain !important;
}
article.page h1.entry-title {
    font-size: 32px;
    font-weight: 600 !important;
    font-family: "Muli", Helvetica, Arial, sans-serif;
}
#frequenty-bought .x-product-list--frequenty-bought .x-product-list__item {
    width: 30%;
}
.frequenty-bought-cont {
    overflow: auto;
}
div#copyright{
 background: #252525;
}
p#customer_service_second-label {
    margin-top: 20px;
}
footer.t-site-footer div#copyright{
	background: #494949;
}
.chlid_items{
	display:none;
}
.active_page .chlid_items{
 display:block;
}
ul.chlid_items li {
    border: 0px;
}
footer a.c-menu__link {
    text-decoration: none;
    color: #dad9d9 !important;
    display: block;
    font-size: 0.875rem !important;
    line-height: 2 !important;
}
footer a.c-menu__link:hover {
    color: #dad9d9 !important;
    text-decoration: none;
}
#checkout_address-summary{
margin-bottom:50px;
}
#checkout_address-summary .t-basket__order-summary{
padding-top:0px;
}
#checkout_address-summary .t-basket__order-summary .o-layout {
    border: 1px solid #cccccc;
    padding-bottom: 20px;
    padding-top: 0px !important;
}
.c-form-select__dropdown{
    padding: 0px 10px;
    height: 40px;
}
.counter-plus {
    align-items: center;
}
.welcome_container mmx-text {
    max-width: 80%;
    margin: 0 auto;
    margin-right:0px;
}
ul.footer-contact {
    margin: 0;
    list-style: none;
}
.brand-logos{
    margin: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}
.chlid_items li a {
    width: 100%;
    white-space: break-spaces;
    line-height: 18px !important;
    font-size: 13px !important;
}
.big_buttons .o-layout .u-width-6:first-child {
    text-align: right;
}
.big_buttons a.c-button {
    font-size: 36px;
    padding: 15px 20px;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 10px;
    width:100%;
    max-width:440px
}
.big_buttons a.c-button {
    outline: 0px !important;
    border-color: transparent !important;
}
#mmx-button-block__mmx_buttonblock .t-main-content-element .u-width-6 a {
    border-width: 2px !important;
}
.schedule_btn,.schedule_btn:hover {
    padding: 8px 10px;
    outline: 0 !important;
    border: 0pc;
    background:transparent !important;
}
.schedule_btn img {
    max-width: 260px;
}
footer.x-mini-basket__footer {
    background-color: transparent !important;
}
.u-icon-flickr::before {
    content: "\4e";
}
.t-site-footer__copyright p { 
	color: #fff; 
}
.border-bottom {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
}
footer p.c-menu__title {
    font-family: 'Droid Sans',sans-serif;
    font-weight: 700 !important;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    font-size: 16px !important;
}

.footer-contact li {
    position: relative;
    margin: 0px 12px;
    color: #bccbda;
    margin-bottom: 20px;
}

.footer-contact .fa::before {
    position: absolute;
    top: 4px;
    left: -14px;
    color: #fff;
    font-size: 18px !important;
}
#frequenty-bought .x-product-list--frequenty-bought {
    display: flex;
}
#frequenty-bought .x-product-list--frequenty-bought .x-product-list__name {
    text-align: center;
    -webkit-line-clamp: 3;
    overflow: visible;
}
span.theme-color {
    color: #4382c3;
}
.gheading {
    color: #3085c7;
}
.footer-contact
.t-global-footer-social__list {
    margin-bottom: 15px;
}
ul#social_active {
    margin-bottom: 10px;
}
ul.footer-contact a{
  text-decoration:none !important;
}
.t-site-footer__copyright{
border-top:0px;
}
nav .c-navigation__link {
    font-size: 15px;
}

.double-para-with-image .o-layout {
    align-items: center;
}
.form button {
    background: #17b18b;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff!important;
    font-family: droid sans,sans-serif;
    height: 60px;
    letter-spacing: 2px;
    line-height: 4;
    padding-left: 1.75em;
    padding-right: 1.75em;
    text-transform: uppercase;
    width: auto;
    border: 1px;
}
.form button:hover{
  color: #17b18b !important;
  background-color:#fff !important;
  border:1px solid #17b18b;
}
div#sidebar {
    max-width: 264px;
}

.sub-pages li {
    list-style-type: none;
    border-bottom: solid 1px #f2f2f2;
}
.sub-pages  .page-link {
    padding: 0px 0px 0px 5px;
}
.sub-pages  .page-link a{
text-decoration:none;
color:#4382c3;
}

.x-product-list--frequenty-bought .product-name {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.wid-block {
  /*border: solid 1px #DDD; */
    margin-bottom: 20px;
    overflow: hidden;
}
.wid-block .title{
   /*background: #F6F6F6;*/
    padding: 6px 10px;
    border-bottom: solid 0px #DDD;
    margin: 0px;
    color: #111;
    font-size: 22px;
    font-weight: 700;
}
.sub-pages .page-link a {
    color: #575a5d;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
}
.sub-pages li {
    border-bottom: solid 0px #f2f2f2;
}
.sub-pages ul {
    margin: 0;
}
.navigation-set .chlid_items{
 padding:0px !important;
}
.wid-block p, .wid-block a {
    color: #4382c3;
    font-size: 13px;
}
#sidebar .second-section h4
{
    font-size: 1.25rem;
    line-height: 1.2;
  color: #4382c3;
}
table thead th, table tfoot td {
    background-color: transparent;
}
#sidebar .second-section{
padding:10px;
}
.prodtabs{
 cursor:pointer;
}
.x-product-list .x-product-list__link, .x-product-list .x-product-list__price {
    font-style: normal !important; 
    text-decoration:none !important;
}
.x-product-list a.x-product-list__link {
    font-weight: 600;
}
.x-subcategory-list {
    grid-template-columns: repeat(auto-fit, minmax(0, 14.5rem));

}
.o-layout--align-center {
    justify-content: center;
}
.custom-icons mmx-hero picture[slot="image"] > img {
    width: 100% !important;
    height: 100% !important;
   object-fit:contain !important
}
.x-subcategory-list__item a.x-subcategory-list__link {
    font-style: normal !important;
    font-weight: 700;
}
.custom-icons mmx-hero { 
    border-right: 2px solid #e0e0e0;
    padding-right: 35px !important;
 }
#js-CTGY .t-category-name {
    font-size: 32px;
    font-weight: 600;
    color: #4382c3;
}
.x-category-tree__heading {
    color: #4382c3;
}
input#Coupon_Code {
   margin: 0;
   padding: 24px 5px;
}
.t-page-prod .x-quantify #l-quantity {
    width: calc(100%);
    height: 100%;
}
#js-FCTRY-MNLS .t-main-content-element a {
    color: #3085c7;
}
.t-site-header__logo img {
    max-width: 165px;
}
#js-FCTRY-MNLS .t-main-content-element h4 {
    font-size: 20px;
    color: #4382c5;
}
.x-mini-basket__cta a.c-button {
    background-color: #17b18b;
    color: #fff;
    border-color: #fff;
}

.big_buttons > .o-layout .o-layout__item:first-child {
  text-align: end;
}
.x-mini-basket__cta a.c-button:hover,.x-mini-basket__cta a.c-button.c-button--secondary {
    color: #17b18b !important;
    border-color: #17b18b !important;
    background-color:#fff;
    outline: none !important;
    border: 2px solid;
}
picture.x-subcategory-list__picture {
    display: block;
    width: 100%;
    text-align: center;
}
picture.x-subcategory-list__picture img.x-subcategory-list__image {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

#js-FAQS .sub-heading {
    margin: 10px 0px 20px;
}
.phone_ring_icon{
padding-left:100px;
background-image:url("/mm5/graphics/00000001/3/phone_ring.png");
background-repeat:no-repeat;
background-position:center left;
}
.secure-logos ul {
    margin-top: 50px !important;
}
a{ 
 color: #3372aa;
}
a:hover {
    color: #000;
    outline: none;
}
a:active {
    color: #4a9dcf;
}

#frequenty-bought h2.gheading {
    font-size: 26px;
}
p.strikethrough {
    text-decoration: line-through;
    text-decoration-thickness: 2px;
}
.offer p {
    font-size: 10px !important;
}
.sidebar-left{
display:none;
}
.offer p.big {
    font-size: 25px !important;
    margin-bottom: 0px !important;
}
.cello input.button {
    background: no-repeat;
    background-color: #2FB089;
    text-transform: capitalize;
}
.cello input.button:hover {
    background-color: transparent;
    text-transform: capitalize;
    border:2px solid #2FB089;
    color:#2FB089;
}
#js-BASK .t-basket__order-summary .c-keyline {
    display:none;
}
h1.medium_size{
    font-size: 32px;
    font-weight: normal !important;
    color: #4382c3;
}
h2.medium_size,
h4.medium_size  {
    font-size: 30px;
    font-weight: normal !important;
    color: #4382c3;
}
h4.medium_size {
    font-size: 20px !important;
}
.align-center{
  align-items:center;
}
.header-flag{
    display: inline-flex;
    align-items: center;
}
.salecountdown >div {
    display: flex;
    text-align: center;
    align-items: center;
    gap: 25px;
    justify-content: center;
}
.salecountdown .timerblk .number {
    display: flex;
    gap: 5px;
    text-align: center;
}
.timerblk > span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #1d2c4b;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.time-block {
    display: flex;
    align-items: center;
}
.cust_colon .number {
    font-size: 56px;
}
.x-product-list--frequenty-bought {
    grid-template-columns: repeat(5, minmax(0, 1fr));
 }
.block-content a {
    text-decoration: none;
}
.x-product-layout-purchase__name {
    color: #4181c2;
}
.x-filmstrip-controls {
    flex-direction: row !important;
}
.x-filmstrip-controls li {
    z-index: 9;
}
.t-site-header__top-navigation .subheading {
    margin-bottom: 0px;
    font-size: 18px;
    color: #fff;
}
.header-flag p {
    margin: 0;
    margin-left: 10px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
}
#fasten_header .t-site-header__search-icon{
display:none;
}

.login_links {
    margin: 0px;
}
.description-tabs {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-evenly;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 50px;
}
.description-tabs h4.nm {
    margin-bottom: 0px !important;
    font-size: 17px;
    color: #96989e;
    text-transform: uppercase;
}
mmx-category-three-block .image-block img {
    max-width: 400px;
    max-height: 400px;
}

.login_links .u-icon-chevron-down{
display:none;
}
.login_links a {
    color: #fff;
    margin-right: 5px;
    margin-left: 6px;
    text-decoration: none;
}
.align-center-block > .o-layout {
    align-items: center;
}
.double-para-with-image h2.c-heading-charlie,
.center-image-double-para h2.c-heading-charlie  {
    margin-bottom: 50px;
}
.t-site-header__search-form .t-site-header__search-button{
   display:block;
    background-color: #354C6F;
    color: #fff;
    padding: 15px 0px;
    max-width:170px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius:0px !important;

}
.calctemp label, .calctemp .cello {
    color: #000 !important;
}
.light-font{
font-weight:300;
}
.price_block table tr td {
    width: 33%;
}
.t-site-header__search-form .t-site-header__search-button span {
    font-size: 16px;
    margin-left: 10px;
}
.t-site-header__search-form {
    border: 0px solid #5d5d5d;
     border-radius:0px !important;
}
.t-site-header__search-form:focus-within {
    outline: 0px; 
}
.inline-row{
    display: flex;
    align-items: center;
    justify-content: space-around;
}


p.ques {
    color: #354c6f;
    margin-bottom: 0pc;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
}
.custom_btn div > p {
    font-size: 20px;
}
#js-SFNT #mmx-image-across__mmx_imageacross mmx-hero img {
    max-width: 65%;
    object-fit: contain;
}
#js-SFNT .main-block mmx-text:nth-child(4) {
    max-width: 75%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align:left;
}
[data-vertical] [data-filmstrip-controls] button span {
    transform: none !important;
}

#mmx-image-across__mmx_imageacross_4 picture {
  object-fit: contain;
}


#js-SFNT .main-block::part(content) {
    background: transparent;
}
#js-SFNT .welcome_container::part(content) {
    background: transparent;
    padding-right: 0px;
    margin-right: 0;
}

#js-SFNT 
#mmx-image-across__mmx_imageacross {
    margin-top: 0;
}
#js-SFNT  #mmx-image-and-text__mmx_imageandtext mmx-text {
    text-align: left;
}

#js-SFNT #mmx-text-editor__mmx_texteditor_2 p {
    font-size: 20px;
}

#frequenty-bought h2.gheading {
    margin-bottom: 20px;
}

#js-SFNT  #mmx-text-editor__mmx_texteditor_2 {
    border-bottom: 1px solid #cdc9c9;
    margin-bottom: 0px;
    padding-bottom: 50px;
}
.affirm-logo {
    display: flex;
    align-items: center;
}
.affirm-logo p {
    margin-bottom: 0px;
    text-align: left;
    margin-left: 14px;
    font-weight: 700;
}
footer a,
footer:hover a  {
    color: #fff;
outline:0;
}
.req_call_cont{
    color: #fff;
    background-color: #4382c3;
}
.gbtn.greenbtn {
    background: #2fb089 !important;
    border-color: #2fb089 !important;
}
.gbtn.greenbtn:hover {
    border-color: #2fb089 !important;
   color:#2fb089 !important;
}
.request-call-cont .o-layout {
    align-items: center;
    max-width: 1220px;
    margin: 0 auto;
}
.req_call_cont p {
    font-size: 18px;
}
.req_call_cont::before {
    content: "";
    position: absolute;
    left: 0px;
    min-height: 265px;
    width: 100%;
    background-color: #4382c3;
}
.req_call_cont .o-layout__item {
	position:relative;
}

#js-PROD main.u-text-center .x-product-layout, #js-PROD main.u-text-center .product-information--description {
    text-align: left !important;
}
#js-PROD  .x-product-layout-images {
  flex-direction: column;
  max-height: fit-content;
  min-height: auto;
  overflow: hidden;
  place-content: flex-start flex-end;
}
.x-product-layout-images #thumbnails {
    flex-direction: row;
    margin:0 auto;
}
.x-transfigure-navigation .c-navigation__link span:after {
  background-color: #2FB089;
  }
.main-heading-block {
    margin-bottom: 40px;
}
.x-filmstrip {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.x-filmstrip__list {
  display: flex;
  gap: 10px;
  transition: transform 0.3s ease-in-out;
  will-change: transform;
}

.x-filmstrip__list-item {
  flex: 0 0 auto;
}

.double-para-with-image .content-block h2 , .center-image-double-para .content-block h2 {
    margin-bottom: 50px;
}
.double-para-with-image .content-block p  , .center-image-double-para .content-block p{
    font-size: 22px;
}
.double-para-with-image .content-block, .center-image-double-para .content-block {
    margin-bottom: 50px;
}
.center-image-double-para .image{
   max-width:400px;
   margin:0 auto;
}
.c-form-list__item.coupon-block {
    width: 100%;
    background-color: #4282c4;
    color: #fff;
    max-width: 100%;
   margin-bottom:40px;
}
.coupon-block.limited-offer {
    background: #90b6df;
    color: #354c6f;
}
.big_buttons .o-layout .u-width-6:last-child {
    text-align: left;
}

.x-product-layout-purchase input[value="Add To Cart"] {
    background-color: #2FB089 !important;
    outline: 0px;
    font-size: 18px;
    padding: 12px;
    text-transform:uppercase !important;
}

.t-basket__additional-product-actions a {
    border: 1px solid;
    padding: 8px 10px;
    border-radius: 5px;
}

.x-product-layout-purchase input[value="Add To Cart"]:hover {
    background-color: #fff !important;
    color: #2FB089 !important;
    font-size: 18px;
    padding: 12px;
    border-color: #2FB089 !important;
    outline-color: #2FB089 !important;
}
#frequenty-bought .x-product-list__price {
    text-align: center !important;
}

.x-quantify button {
    outline: 0px !important;
    border: 0pc !important;
}
.affirm-logo img {
    max-width: 144px;
}
.x-product-layout-purchase__options-quantity label {
    text-transform: uppercase;
    color: #4181c2;
}
.review-block h5 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0;
}
.x-photo-viewer__count{
display:none;
}
.x-photo-viewer__header{
z-index:88;
}
.x-photo-viewer__controls {
    justify-content: space-between;
    padding: 1em 0em;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px !important;
    margin: 0 auto;
    background: transparent;
}
.review-block .heading p{
    font-size: 20px !important;
}
.review-block {
    margin-top: 80px;
}
.review-block .heading {
    padding-left: 50px;
    background-image: url(/mm5/graphics/00000001/3/camera.png);
    background-repeat: no-repeat;
    background-size: 35px;
}
.review-block .product_review_slider {
    max-width: 65%;
}
.review-block .owl-theme .owl-nav {
    text-align: right;
}
.current_item a {
    font-weight: 700;
}
.x-product-list--related .x-product-list__figure {
    display: block !important; 
}
.x-product-list--related a.x-product-list__link, 
.x-product-list--related a.x-product-list__link:hover {
    font-weight: 700;
    font-size: 20px;
    color: #4382c3;
    text-decoration: none;
}
#js-BASK table tbody tr:hover td,#js-BASK  table tbody tr:hover th {
    background-color: transparent;
}
/*figure.x-product-layout-images__figure {
    border: 1px solid #ddd;
    box-shadow: 1px 3px 11px 0px #ddd;
    margin: 13px;
}*/
.x-product-layout-images li.x-filmstrip__list-item {
    height: 100px;
    width: 100px;
}
.x-product-layout-images li.x-filmstrip__list-item img {
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: contain;
}
mmx-category-block .u-width-6--l {
    padding: 0px 20px !important;
}
.footer-contact li {
    padding: 0rem 0 !important;
}
#frequenty-bought .o-layout {
    margin: 0 !important;
}
@media only screen and (max-width: 1139px){
.column.all-hidden.medium-all-hidden.large-all-shown.x-large-four-tenths.large-five-twelfths.np.tr_phone{
 width: 39.6665%;
}
.tr_phone strong {
    font-size: 20px;
}
.column.whole.large-align-right.align-center.service-links.np {
    margin-top: 8px;
}
.column.x-large-six-twelfths.large-six-twelfths.one-sixth.align-right.float-right {
    padding: 0 5px;
}
.service-link-phone {
    top: 2px;
    left: 0;

}
}

@media only screen and (max-width: 1069px){
.column.whole.large-np.nlp.x-large-three-tenths.large-three-twelfths{width:26%;}
a.column.all-hidden.medium-all-hidden.large-all-shown.x-large-three-tenths.large-three-twelfths.mbt_sac {
    max-width: 158px;
}
.service-link-phone {
    top: 3px;
    left: 0;
}
.tr_phone strong {
    font-size: 19px;
}
div#new_tr_search_holder .input-group.ng-scope {
    display:block;
}
}
@media only screen and (max-width: 1023px){
.tr_phone strong {
    font-size: 18px;
}
.service-link-phone::before {
    font-size: 15px;
}
.column.all-hidden.medium-all-hidden.large-all-shown.x-large-four-tenths.large-five-twelfths.np.tr_phone {
    width: 40.667%;
}
}

@media only screen and (max-width: 959px){
.column.whole.large-np.nlp.x-large-three-tenths.large-three-twelfths{padding-right:0;}
a.column.all-hidden.medium-all-hidden.large-all-shown.x-large-three-tenths.large-three-twelfths.mbt_sac{display:none;}
}




table, th, td {
  border: 1px solid #dddddd;
  border-collapse: collapse;
}
table tbody tr:hover td, table tbody tr:hover th {
  background-color: #f5f5f5;
}
table {
  border-collapse: separate;
}
.cust-blog-width table td {
  font-family: muli,Helvetica,Arial,sans-serif !important;
  font-size: 13px !important;
}
.page-header .t-category-name {
    margin-bottom: 10px;
    font-size: 32px;
}
td:first-child {
  padding-left: 4px;
}
table th, table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
table tbody tr:nth-child(2n+1) td, table tbody tr:nth-child(2n+1) th {
  background-color: #f9f9f9;
}
table {
  width: 100%;
  margin-bottom: 18px;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.big_buttons > .o-layout .o-layout__item:last-child {
  text-align: left;
}

table thead:first-child tr:first-child th:first-child, table tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
table {
  border: 1px solid #dddddd;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(221, 221, 221);
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
 table td {
  border: 1px solid #dddddd;
}

 a { 
font-size: 16px;
}
#js-BASK table tbody tr:nth-child(2n+1) td, #js-BASK table tbody tr:nth-child(2n+1) th{
background-color:transparent;
}
.c-navigation__row .c-navigation__list:first-child {
    border-right: 2px solid #eaeaea;
    position:relative;
}
.c-navigation__row .c-navigation__list:first-child::before {
    content: "\56";
    font-family: "ReadyTheme Icons", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    position: absolute;
    left: 0;
    top: 35%;
}
.t-site-navigation {
    margin-bottom: 0;
    box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.35);
    position:relative;
    z-index: 10;
    border-bottom: none;
}
.navigation-bar{
        border-bottom:none!important;
}
ul.water_links li {
    width: 22%;
    margin: 2% 0px 2% 0%;
    display: inline-block;
    text-align: center;
}
.welcome_container mmx-text:first-child{
	text-align:center;
}
.header_phone p {
    margin: 0;
}
.header_phone .phone_number {
    font-size: 20px;
}
.header_phone .link a {
    font-weight: 500;
    color: #2889c4 !important;
    text-decoration: none;
}
.tops_categories_section {
    background-color: #f8f8f8;
    padding: 50px 20px;
}
.welcome_container mmx-text:nth-child(3), .cleanwater_container mmx-text:nth-child(3) {
 text-align:center;
 margin-bottom: 40px;
}
#js-PROD .cleanwater_container mmx-text:nth-child(3), #js-PROD .welcome_container mmx-text:nth-child(3){
 text-align:left;
}
h2.global_heading  {
    font-size: 36px;
   line-height:42px;
    font-weight: 600;
    color: #4382c3;
}
.type-display-3 {
    color: #4382c3 !important;
}
.gbtn {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff !important;
    background-color: #00a57b !important;
    padding: 15px 25px 15px 25px;
    text-transform: Uppercase;
    border-radius: 4px;
    outline: none !important;
    border: 2px solid #00a57b;
    margin: 20px 0px;
}
.gbtn:hover {
    color:#00a57b  !important;
    background-color: #fff !important;
    border-color: #00a57b !important;
}
.large-image .gheading {
    margin-bottom: 40px;
}
.product-thumbnail {
    max-width: 400px;
    max-height: 275px;
    min-height:275px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.product-thumbnail img {
    object-fit: contain !important;
    max-width: 400px;
    max-height: 250px;
}
#js-BCTGY
.product-details {
    margin-bottom: 50px;
}
.g-color {
    color: #4382c3;
    margin-bottom: 50px;

}
.blue-container .t-main-content-element, .video-block .t-main-content-element {
    align-items: center;
}
table thead th,
table tfoot td{
   background-color: #efefef;
}
.product-content {
    max-width: 400px;
    margin: 0 auto;
    min-height: 140px;
}
.mr-bt-50{
	margin-bottom:50px;
}
#js-BCTGY .x-breadcrumbs{
display:none;
}
.page-links-container .page-links-next {
    position: absolute;
    right: -20px;
}
.page-links-container .page-links-previous {
    position: absolute;
    left: 0;
}
.x-product-list--frequenty-bought .x-product-list__figure-caption {
  flex-grow: 0;
    gap: 0em;
    justify-content: space-between;
}
.product-name a {
    text-decoration: none;
    font-weight: 700;
    color: #4382c3;
}
.page-links-container{
position:relative;
}
span.page-links-container a {
    text-decoration: none;
}
.page-links-container a.page-links-next {
    position: absolute;
    right: -20px;
}
.page-links-container .page-links-previous {
    position: absolute;
    left: -20px;
}
.page-disp span {
    color: #3388c8;
    font-size: 16px;
}
.prod-price {
    font-style: normal !important;
}
.sorting select, .per-page select {
    border: 1px solid #8b8888;
    padding: 2px;
    border-radius: 2px;
}
.x-product-list--related {
    margin-top: 40px;
}
#js-BCTGY #mmx-category-three-block__mmx_categorythreeblock h4.gheading {
    color: #4382C3;
    font-size: 18px;
    font-weight: 600;
}

#js-BCTGY  #mmx-category-three-block__mmx_categorythreeblock .block-content {
    max-width:60%;
    margin: 0 auto;
    margin-top: 15px;
}
.stars{
margin-bottom:10px;
}
span.star {
    content: url(/mm5/graphics/00000001/3/starmiva-.png);
}
.related-prod-img {
    width: 250px;
    margin: 0 auto;
    height: 250px;
background-color:#fff;
}

.block-content {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 40px 60px;
    min-height: 200px;
}



.block-content .gheading{
    font-weight: 800;
    font-size: 20px;
    color: #4382c3;
}
#js-PROD .x-product-layout-purchase__sku {
    color: #494949 !important;
    font-size: 16px !important;
}
#mmx-image-across__six-across picture img {
  object-fit: contain !important;
}
.__affirm-logo.__ligature__affirm_full_logo__:after {
    content: "" !important; 
}
.benefit-block-setting {
    padding: 150px 0px;
}
.benefit-block-setting .block-content {
    min-height: 230px;
    text-align:center;
}
.benefit-block-setting .main-heading-block {
    margin-bottom: 100px;
}
.benefit-block-setting{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.accordion .faq_heading {
    font-size: 30px;
    font-weight: 700;
    margin-bottom:35px;
   color: #4382C3;
}
.faq_heading{
	text-align:center;
}
#js-PROD .accordion .faq_heading{
    text-align:center;
    color: #4181c2;
}

.accordion {
    max-width: 80%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #efefef;
    box-shadow: 2px 4px 14px 12px #efefef;
    border-top-width: 20px !important;
    border-top-color: #edeaea !important;
    border-radius: 6px;
}
#js-PROD .accordion {
    box-shadow: -5px 12px 5px 12px #efefef;
    max-width: 100%;
}

.accordion-block .question {
    margin-bottom: 0;
}
.accordion-block {
    padding: 15px 20px;
    background-color: #f8f8f8;
 border-bottom: 1px solid #c3c3c3;
}

#js-PROD .accordion-block{
	background-color:#fff;
}
#js-PROD .price_block table tbody tr:nth-child(2n+1) td{
    background-color: transparent;
}
#js-PROD .price_block table tr td:first-child {
    border-left: 0pc;
}
#js-PROD .price_block table tr td:last-child{
    border-right: 0pc;
}
#js-PROD .price_block table{
   border-right:0px !important;
   border-left:0px !important;
}
.total_price {
    font-size: 22px;
    font-weight: 600;
    color: #494949;
}
#js-PROD .price_block table p {  
   margin: 0pc;
    padding: 0pc;
    font-size: 18px;
    font-weight: 600;
}
#js-PROD .price_block table td {
    padding: 20px 15px;
}
.price_block .green {
    color: #00a57b !important;
}
.price_block table td div p.blue, .price_block table td div p.green {
    margin-bottom: 10px !important;
}
#js-PROD .price_block table .blue {
    color: #0e67b0;
}
.coupon-data h4 {
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.coupon-data {
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:100%
}

.coupon-data .cp-text {
    width: 82%;
}
.coupon-data .cp-img {
    width: 15%;
}
.cp-text p {
    font-size: 24px;
     margin:0px;
}
.cp-img img {
    object-fit: contain;
}

mmx-category-block img {
    max-width: 600px;
    max-height: 400px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
}

#js-OCST .hide_checkout,#js-OPAY .hide_checkout,#js-OSEL .hide_checkout {
    display: none;
}
.accordion-block .answer{
  display:none;
 }
.accordion-block .question {
    font-size: 16px;
    font-weight: 600;
}
.accordion-blocks {
    background-color: #f8f8f8;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #c3c3c3;
}
.accordion-blocks .accordion-block:first-child{
   padding-top:0px;
}
.accordion-blocks .accordion-block:last-child {
    border-bottom: 0px !important;
    padding-bottom:0px;
}
.accordion-blocks .question{
  position:relative;
  cursor:pointer;
}
.salecountdown {
    max-width: 550px;
    margin: 0 auto;
}
.salecountdown p {
    display: flex;
    justify-content: space-around;
    text-align: center;
}
.accordion-blocks .question::before {
    content: " ";
    background-image: url(/mm5/graphics/00000001/3/plus-large-svgrepo-com.png);
    padding: 10px;
    position: absolute;
    right: 0;
    background-size: contain;
}
#js-PROD .accordion-blocks .question::before {
    background-image: url(/mm5/graphics/00000001/3/arrow-down.jpg);
}

.accordion-blocks .answer {
    margin-top: 15px;
}
#js-PROD .accordion-blocks {
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #c3c3c3;
    border-left: 0;
    border-right: 0pc;
    border-radius:0px;
}
#js-PROD .accordion-block {
	padding: 25px 20px;
}
.answer.active{
   display:block !important;
}

.expert_advice_container h2.global_heading {
    margin-bottom: 50px;
}
.expert_advice_container .image-block {
    max-width: 500px;
    min-height: 300px;
}
.expert_advice_container .first-block,.expert_advice_container .third-block {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}
.expert_advice_container .block-content {
    text-align: left;
}
.expert_advice_container .gheading {
    color: #575656 !important;
    margin-bottom: 30px;
}
.x-subcategory-list {
    display: flex !important;
    flex-wrap: wrap;
    justify-content:space-between;
}
.x-subcategory-list__item {
    width: 22% !important;
    margin: 0px;
}
.before_after_block mmx-hero mmx-text {
    left: 0 !important;
    right: 0 !important;
    text-align: center;
    width: 100%;
    position:absolute;
    top: 50%;
    max-width: 410px;
    margin: 0 auto;
}
.tried_living_block picture {
    display: none;
}


.before_after_block mmx-hero mmx-text:nth-child(2) {
    top: 44%;
}
.x-transfigure-navigation .c-navigation__list:hover > .c-navigation__row{
	flex-direction:column;
}
#js-PROD .x-product-layout-purchase__options,
#js-PROD .x-product-layout-purchase__cta,
#js-PROD .more-info,.instock-container,
#js-PROD .price_block {
 width:100%; 
 max-width:100%
}
.offer {
    background-image: url(/mm5/graphics/00000001/3/percentage.png);
    background-size: 48px;
    background-repeat: no-repeat;
    padding-left: 55px;
    background-position: left;
}
.more-info-block h4 {
    margin-bottom: 0px;
    color: #0e67b0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.more-info {
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 10px !important;
}
.more-info-block img {
    max-width: 85px;
    max-height: 61px !important;
    margin-bottom: 10px;
}
#js-PROD .x-quantify{
  width:100%;
}
#js-PROD .c-form-select__dropdown {
  padding: 0px 20px;
  box-shadow: none;
  color: #000;
  outline:0;
  height:50px;
}
#js-PROD .c-form-select::before{
    background: transparent;
}
.x-product-list--related .x-product-list__item {
    width: 33% !important;
    display: inline-block !important;
}
.x-product-list--related{
  display:block !important;
}
.x-product-list--related .x-product-list__price {
    font-size: 20px;
    font-weight: 600;
}
.frequently-bought-container {
    padding: 10px 0;
    background-color:#ffffff;
    margin-bottom: 0;
}
.frequently-bought-container .u-text-center {
    text-align: left;
}
#js-PROD .x-product-layout {
    margin-bottom: 0.5rem;
}
.frequently-bought-container .o-layout {
    max-width: none;
}
.frequently-bought-container .x-product-list--frequenty-bought {
    width: 100%;
}
#js-PROD img#main_image {
    width: 100%;
    max-width: 500px;
    max-height: 500px;
    margin: 0 auto;
    aspect-ratio: 1 / 1;
object-fit:contain;
}
.description-tabs li{
  position:relative;
  padding-top:15px;
  padding-bottom:15px;
}
h4.activetab::before {
    position: absolute;
    content: "";
    bottom: 0px;
    width: 100%;
    position: absolute;
    padding: 1px;
    background-color:#4181c6;
}
.hermiston-te-content {
  font-family: "Muli",Helvetica,Arial,sans-serif !important;
}
.x-product-layout-purchase__options-attribute{
background:transparent;
}
.subheading {
    color: #4181c2;
    font-size: 22px;
}
.icon-heading h2 {
    margin-bottom: 40px;
    color: #4382c3;
}
.icon-heading h2:last-child{
   margin-bottom:0px !important;
}
#financial-block .images-block, #financial-block .subheading {
    margin-bottom: 50px;
}
#financial-block > .o-layout {
    align-items: center;
}
.round-tick-icon,.round-dollor-icon {
    padding-left: 100px;
    background-image: url(https://dev2.cleanwaterstore.com/mm5/graphics/00000001/3/tick_icon.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 65px;
}
.round-dollor-icon {
    background-image: url(https://dev2.cleanwaterstore.com/mm5/graphics/00000001/3/doller_icon.jpg);
    padding-top:5px;
}
#financial-block button.gbtn {
    padding: 15px 30px;
    font-size: 20px;
}
#js-techresources .image_across mmx-text::part(text) {
    padding: 10px 0px;
}
#js-techresources .image_across mmx-text::part(text):hover {
    background-color: #fff !important;
    color: #0164b1;
    border:1px solid  #0164b1;
}
.req_call_cont{
  margin-top:50px;
  padding:50px 0px;
}
#js-PROD #mmx-category-image__mmx_categoryimage {
    background-color: #ffffff;
    padding: 0px;
    margin-bottom: 0;
}

#mmx-category-image__mmx_categoryimage img {
    max-width: 1420px;
}
.instock-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.instock-block p {
    white-space: nowrap;
    padding: 0;
    margin: 0pc;
    font-size: 24px;
    font-weight: 600;
    color: #4181c2;
    margin-top: 20px;
}
.active_item .chlid_items{
	display:block;
	margin-left:20px;
} 
#js-WP #mmx-text-area__mmx_textarea::part(content) {
    margin: 0px;
}

.related-prod-img img {
    object-fit: contain !important;
    height: 100% !important;
    max-height: 250px;
    max-width: 250px;
}
.x-product-list--frequenty-bought .x-product-list__item {
    justify-content: center;
}
#js-BASK td, #js-BASK th, #js-BASK tr,#js-BASK table {
    border: 0px !important;
}
.offer {
    line-height: 22px;
}
#js-SFNT .main-block::part(content) {
    background: transparent;
    width: 60%;
}
.c-form-list__item.sale-counter {
    max-width: 100%;
   padding-top:30px;
   padding-bottom:30px;

}
.sale-counter h4{
margin-bottom:0px;
}
span.black-box {
    font-size: 25px;
    background-color: #000;
    color: #fff;
    padding: 10px 15px;
    display: block;
    letter-spacing: 0px;
    border-radius: 5px;
}
.request-call-cont .big-text {
    font-size: 20px;
 }
.x-photo-viewer__controls .u-icon-chevron-right:before {
    content: "3";
}
.x-photo-viewer__controls .u-icon-chevron-left:before {
    content: "2";
}
.prod_desc ul {
    list-style-type: disc;
    margin-left: 20px;
}
.video-block a.c-button {
    background-color: #0164b1;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 20px;
    border: 2px solid;
}
/*
mmx-hero mmx-text[slot="heading"]::part(text) {
  color: #354D70 !important;
}*/

.clean-waterblk mmx-hero picture[slot="image"] > img,.clean-waterblk  mmx-image-and-text picture[slot="image"] > img {
  height: auto !important;
  width: auto !important;
  object-fit: contain !important;
width: 100%;
  max-width: 270px;
}
.clean-waterblk mmx-hero picture {
  text-align: center;
}
.x-product-list__item .product-product-flag{position:absolute;top:0px;right:0px;margin-top:0px;padding:5px 10px}
@media(min-width:979px){ 
  .banner-content {
    max-width: 600px;
  }
}
@media(min-width:768px) and (max-width:1214px){ 
.main-block::part(mmx-hero__content) {
    width: 60%;
}
  .x-subcategory-list__item {
      width: 27% !important;
      display: inline-block;
      margin: 0px;
  }
  .big_buttons a.c-button {
    font-size: 26px;
   }
  .big_buttons {
    margin-top: 25px !important;
  }
.mmx-button__button.mmx-button__size--l {
    padding: 15px 25px;
}

}
/* --- CWS category header pattern (intro + badge strip) ------------------------
   Reusable category-page header: intro copy + 4-badge strip + note. Markup lives
   in each category's Header/Footer field (category data, not MMT); this is the
   only place the styles should live. Open Sans 600/800 are loaded by the Global
   Head Tag link (cssui-global-head.mvt). */
.cws-cat-intro{font-family:'Open Sans',Arial,sans-serif;color:#494949;max-width:860px;margin:var(--default-spacing-unit) 0 28px}
.cws-cat-intro h2{font-family:'Open Sans',Arial,sans-serif;font-weight:800;color:#0e67b0;font-size:28px;line-height:1.25;margin:0 0 14px}
.cws-cat-intro p{font-size:16px;line-height:1.6;margin:0 0 12px}
.cws-cat-intro .cws-lede-strong{font-weight:700;color:#354C6F}
.cws-badge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 18px}
.cws-badge{display:flex;align-items:center;gap:10px;background:#d5effa;border:1px solid #b2d3f0;border-radius:6px;padding:12px 14px}
.cws-badge svg{flex:0 0 26px;width:26px;height:26px;color:#0e67b0}
.cws-badge span{font-family:'Open Sans',Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.3;color:#354C6F}
.cws-cat-note{font-size:15px;line-height:1.5;color:#494949;margin:0}
.cws-cat-note a{color:#00a57b;font-weight:600;text-decoration:none}
.cws-cat-note a:hover{text-decoration:underline}
@media (max-width:900px){
  .cws-badge-row{grid-template-columns:repeat(2,1fr)}
  .cws-cat-intro h2{font-size:23px}
}
@media (max-width:420px){
  .cws-badge-row{grid-template-columns:1fr}
}
/* --- category footer pattern ---
   Rich-content footer: .cws-wrap section wrapper, .cws-size responsive spec
   table (stacks to cards <=640px via td[data-label]), .cws-checks tick list,
   .cws-free pill, .cws-cta / .cws-btn call-to-action, and a cws-faq-* skin on
   the theme's x-collapsible-content accordion (a11y-toggle, no custom JS).
   The two !important flags beat theme link colour / table striping. Notes use
   .cws-cat-note (defined above); there is deliberately no .cws-note. */
.cws-wrap{font-family:'Open Sans',Arial,Helvetica,sans-serif;color:#494949}
.cws-wrap h2{color:#0e67b0;font-size:26px;font-weight:700;margin:36px 0 14px}
.cws-size{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e1e8f0;border-radius:10px;overflow:hidden;font-size:16px}
.cws-size th{background:#354C6F;color:#fff;text-align:left;padding:14px var(--default-spacing-unit);font-weight:700}
.cws-size td{padding:14px var(--default-spacing-unit);border-top:1px solid #eef2f6}
.cws-size tbody tr:nth-child(even) td{background:#F8F8F8}
.cws-size td.cws-model{font-weight:800;color:#0e67b0;font-size:18px;white-space:nowrap}
.cws-checks{list-style:none;margin:0;padding:0}
.cws-checks li{position:relative;padding:calc(0.5 * var(--default-spacing-unit)) 0 calc(0.5 * var(--default-spacing-unit)) 34px;font-size:16px;line-height:1.5;border-bottom:1px solid #f0f3f6}
.cws-checks li:last-child{border-bottom:none}
/* .prod_desc ul (0,1,1) sets disc + margin-left:20px; this (0,2,0) wins without !important */
.prod_desc .cws-checks{list-style:none;margin-left:0}
.cws-checks li::before{content:'\2713';position:absolute;left:0;top:calc(0.5 * var(--default-spacing-unit));width:22px;height:22px;border-radius:50%;background:#00a57b;color:#fff;font-size:13px;font-weight:700;text-align:center;line-height:22px}
.cws-free{display:inline-block;background:#00a57b;color:#fff;font-size:12px;font-weight:800;padding:2px calc(0.5 * var(--default-spacing-unit));border-radius:5px;margin-right:6px;letter-spacing:.5px}
.cws-cta{text-align:center;margin:calc(2 * var(--default-spacing-unit)) 0}
.cws-btn{display:inline-block;background:#00A57B;color:#fff !important;text-decoration:none;padding:14px 24px;border-radius:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:16px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
@media screen and (max-width:640px){
  .cws-size,.cws-size tbody,.cws-size tr,.cws-size td{display:block;width:100%;box-sizing:border-box}
  .cws-size{border:none}
  .cws-size thead{position:absolute;left:-9999px}
  .cws-size tr{border:1px solid #e1e8f0;border-radius:10px;margin:0 0 14px;overflow:hidden}
  .cws-size tbody tr:nth-child(even) td{background:#fff}
  .cws-size td{border-top:1px solid #f2f5f9;padding:10px var(--default-spacing-unit)}
  .cws-size td.cws-model{background:#354C6F !important;color:#fff;border-top:none}
  .cws-size td[data-label]::before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7c8a9c;font-weight:600;margin-bottom:2px}
}
/* FAQ skin. Markup: .cws-faq-item.x-collapsible-content > button.cws-faq-q
   .x-collapsible-content__toggle[data-a11y-toggle=ID] + #ID.cws-faq-a
   .x-collapsible-content__item. Theme handles reset/flex/width/aria states. */
.cws-faq-item{border-bottom:1px solid #e0e0e0;padding:14px 0}
.cws-faq-item:last-child{border-bottom:none}
.cws-faq-q{font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#0E67B0;cursor:pointer;text-align:left;margin:0;padding:4px 0}
.cws-faq-q::after{content:'+';font-size:22px;font-weight:400;color:#00A57B;flex-shrink:0;margin-left:12px}
.cws-faq-q[aria-expanded=true]::after{content:'\2212'}
.cws-faq-a{font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:15px;color:#333;line-height:1.7}
.cws-faq-a[aria-hidden=false]{padding:10px 0 4px}
/* --- end CWS category header pattern ---------------------------------------- */
/* --- CWS contact tank description (.cws-ct): T2002080/2370/2090/2380/2140, T2001820/1830/1840, T2002100.
   Moved out of the product descriptions 2026-11-12 so Product JSON-LD no longer starts with CSS.
   Everything is scoped under .cws-ct. Must stay ABOVE the runaway @media(max-width:767px) below. --- */
.cws-ct{--blue:#0e67b0;--navy:#354c6f;--flow:#4282c3;--sky:#d5effa;--text:#494949;--rule:#dad9d9;--paper:#f8f8f8;--green:#00a57b;--warn:#dd2539;
  max-width:1160px;margin:0 auto;padding:40px 0 0;font-size:17px;line-height:1.6;color:var(--text)}
.cws-ct *{box-sizing:border-box}
.cws-ct h2{color:var(--blue);font-size:30px;line-height:1.2;margin:0 0 12px;font-weight:800}
.cws-ct h3{color:var(--blue);font-size:24px;line-height:1.25;margin:0 0 14px;font-weight:800}
.cws-ct h4{color:var(--navy);font-size:18px;margin:0 0 6px;font-weight:800}
.cws-ct p{margin:0 0 14px}
.cws-ct a{color:var(--blue)}
.cws-ct section{padding:40px 0;border-top:1px solid var(--rule)}
.cws-ct section:first-of-type{border-top:0;padding-top:0}
.cws-ct .lede{font-size:19px;max-width:62ch}
.cws-ct .prose{max-width:68ch}

/* two-column rows */
.cws-ct .row{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}
.cws-ct .row.even{grid-template-columns:1fr 1fr}

/* the ONE card style */
.cws-ct .card{background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:22px 24px}
.cws-ct .card.blue{background:#f2f8fd;border-color:#cfe3f4}

/* this-tank summary */
.cws-ct .facts{list-style:none;margin:0;padding:0}
.cws-ct .facts li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:16px}
.cws-ct .facts li:last-child{border-bottom:0}
.cws-ct .facts b{color:var(--navy)}
.cws-ct .eyebrow{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--flow);margin:0 0 8px}

/* flow */
.cws-ct .flow{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}
.cws-ct .flowsvg{width:150px;height:auto;display:block}
.cws-ct .flow ul{margin:0;padding-left:20px}
.cws-ct .flow li{margin:0 0 10px}
.cws-ct .key{font-weight:800;color:var(--navy)}

/* sizing */
.cws-ct .big{font-size:28px;font-weight:800;color:var(--navy);line-height:1.1}
.cws-ct .small{font-size:14px;color:#6b6b6b}
.cws-ct details{border:1px solid var(--rule);border-radius:12px;margin-top:20px;background:#fff}
.cws-ct summary{cursor:pointer;padding:16px 22px;font-weight:800;color:var(--blue);list-style:none}
.cws-ct summary::-webkit-details-marker{display:none}
.cws-ct summary::after{content:"+";float:right;font-size:22px;line-height:1}
.cws-ct details[open] summary::after{content:"–"}
.cws-ct details .inner{padding:0 22px 18px}
.cws-ct .formula{font-weight:800;color:var(--navy);background:var(--paper);border-left:4px solid var(--flow);padding:10px 14px;margin:0 0 14px;border-radius:0 8px 8px 0}

/* install */
.cws-ct ol.steps{margin:0;padding-left:22px}
.cws-ct ol.steps li{margin:0 0 10px;padding-left:4px}
.cws-ct ol.steps li.req{background:#fdf2f3;border-radius:8px;padding:8px 12px 8px 8px}
.cws-ct ol.steps li.req::marker{color:var(--warn);font-weight:800}
.cws-ct .req-tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--warn);text-transform:uppercase;margin-right:6px}
.cws-ct .btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:800;padding:12px 20px;border-radius:8px;font-size:16px}

/* table */
.cws-ct .tbl{width:100%;border-collapse:collapse;font-size:15px}
.cws-ct .tbl th{background:var(--navy);color:#fff;text-align:left;padding:10px 12px;font-weight:700}
.cws-ct .tbl td{padding:10px 12px;border-bottom:1px solid var(--rule)}
.cws-ct .tbl tr.here td{background:#f2f8fd;font-weight:800}
.cws-ct .tbl tr.here td:first-child{box-shadow:inset 4px 0 0 var(--blue)}
.cws-ct .here-tag{font-size:11px;font-weight:800;color:#fff;background:var(--blue);border-radius:999px;padding:2px 8px;margin-left:8px;vertical-align:middle}

/* faq */
.cws-ct .faq .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.cws-ct .faq details{margin-top:0}

/* utilities (replace inline styles in the description) */
.cws-ct .bullets{margin:0;padding-left:20px}
.cws-ct .m0{margin:0}
.cws-ct .tbl.narrow{max-width:520px}
.cws-ct .rule{border:0;border-top:1px solid var(--rule);margin:20px 0}
.cws-ct .small.note{margin-top:10px}
/* theme overrides: the theme's clearfix ::before/::after on .row/.grid become grid items; theme strips list markers */
.cws-ct .row::before,.cws-ct .row::after,.cws-ct .grid::before,.cws-ct .grid::after{content:none;display:none}
.cws-ct ul.bullets,.cws-ct ul.bullets li,.cws-ct .flow ul,.cws-ct .flow ul li{list-style-type:disc}
.cws-ct ol.steps,.cws-ct ol.steps li{list-style-type:decimal}
.cws-ct p,.cws-ct li,.cws-ct td,.cws-ct th,.cws-ct summary,.cws-ct h2,.cws-ct h3,.cws-ct h4{hyphens:manual}
.cws-ct .tbl th,.cws-ct .tbl td{border:0;border-bottom:1px solid var(--rule);word-break:normal;overflow-wrap:normal}
.cws-ct .tbl th{border-bottom:0;white-space:nowrap}
.cws-ct .tbl td:first-child{white-space:nowrap}
.cws-ct .tbl{border:0}
.cws-ct .tbl tbody tr td{background:transparent}

@media (max-width:860px){
  .cws-ct{font-size:16px;padding-top:24px}
  .cws-ct h2{font-size:26px}.cws-ct h3{font-size:22px}
  .cws-ct .row,.cws-ct .row.even,.cws-ct .faq .grid{grid-template-columns:1fr;gap:24px}
  .cws-ct .flow{grid-template-columns:100px 1fr;gap:16px}
  .cws-ct .flowsvg{width:100px}
  .cws-ct .tbl{font-size:14px}
  .cws-ct .tbl th,.cws-ct .tbl td{padding:8px 6px}
  .cws-ct .tbl th:nth-child(2),.cws-ct .tbl td:nth-child(2),.cws-ct .tbl th:nth-child(6),.cws-ct .tbl td:nth-child(6){display:none}
  .cws-ct .here-tag{display:block;width:max-content;margin:4px 0 0}
}
/* --- end CWS contact tank description --- */
@media(max-width:767px){
 .related-prod-img {
    width: 100%;
 }
 .related-prod-img img {
    max-width: 100%;
    width: 100%;
 }
 .column.one-sixth.toggle-slide-left.mobile-menu-button.mobilemenutext b {
    font-size: 15px;
    padding-right: 0;
 }
 .u-icon-chevron-right:before {
    content: "3";
 }
 .u-icon-chevron-left:before {
    content: "2";
 }
  .mobile-main-header .mobile-menu-button span {
    font-size: 20px;
  }
  .column.one-sixth.toggle-slide-left.mobile-menu-button.mobilemenutext {
    padding-right: 0;
  }
  .custom_btn {
    position: relative;
    padding: 10px 1px;
  }
  .custom_btn strong {
    font-size: 16px;
  }
 a.call_btn {
    padding: 7px 10px;
    font-size: 15px;
 }
 .req_call_cont::before {
	background-color:transparent;
 }
 .benefit-block-setting{
     background-size: cover;
    background-position: left;
  }
  .benefit-block-setting .two-block{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #js-BCTGY #mmx-category-three-block__mmx_categorythreeblock .block-content {
    max-width: 100%;
  }
  .video_block .description {
    max-width: 100%;
  }
  .accordion {
    max-width: 100%;
  }
 .welcome_container mmx-text{
    max-width: 100%;
 }
 .icon-heading h2{
   font-size:32px;
   margin-bottom:15px;
 }
.icon-heading{
	margin-top:40px;
 }
 .phone_ring_icon {
	padding-left:0px;
	padding-top:100px;
	background-position:center top !important;
 }
 .inline-row {
    flex-direction: column;
 }
.block-content {
    padding: 30px 30px;
}
.x-subcategory-list {
    display: flex !important;
    flex-direction: column;
}
 .accordion-blocks .question::before{
	display:none;
 }
 mmx-category-block .description {
   margin-bottom: 20px; 
 }
#frequenty-bought .x-product-list--frequenty-bought {
    display: flex;
    flex-direction: column;
width:100%
}

body .x-product-list__figure{
    width: 100% !important;

}
#frequenty-bought .x-product-list--frequenty-bought .x-product-list__item {
    width: 100% !important;
}
span.black-box {
    font-size: 14px;
    padding: 5px 10px;
}
.salecountdown >div {
    gap: 10px;
}
.timerblk > span {
    font-size: 14px;
}

.offer {
    background-size: 0px;
    padding-left: 0px;
    background-image:none;
}
.offer p.big {
    font-size: 14px !important;
    margin-bottom: 0px !important;
}
#js-PROD .price_block table p {
    font-size: 14px;
    line-height: 16px;
}
.cust_colon .number {
    font-size: 26px;
}
#js-PROD .price_block table tbody tr td {
    vertical-align: middle;
    padding: 5px 5px;

}
.x-product-layout .x-product-layout-purchase__name {
    margin-top: 20px;
}
.x-photo-viewer__controls {
    max-width: 100%;
 }
.x-subcategory-list__item {
    width: 100% !important;
    margin: 20px 0px;
}
body .product-information--description p, body .product-information--description div {
    width: 100% !important;
}
.x-product-list--frequenty-bought .x-product-list__item {
    margin-left: 0rem;
    margin-right: 0rem;
}
#frequenty-bought .x-product-list--frequenty-bought .x-product-list__item {
    width: 100%;
    margin: 0px;
}
#frequenty-bought > .o-wrapper {
    padding: 0;
}
.big_buttons a.c-button {
  font-size: 20px;
  padding: 15px 20px;
  margin-bottom: 20px;
  width:100%;
}
.big_buttons .t-main-content-element > div {
  padding: 0 !important;
}
body .mmx-hero__content {
  padding:0px !important 
  padding-top: 30px !important;
}
#js-SFNT .main-block mmx-text:nth-child(4) {
    max-width: 100%;
    padding: 20px;
    padding-top: 20px;
    padding-top: 5px;
    margin-top:0px;
   margin-bottom:0px;
  }
 #mmx-image-across__mmx_imageacross_4 mmx-hero:nth-child(1) {
  display: none;
 }
 .video-block {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
 }
 .video-block .o-layout > .o-layout__item {
   padding: 0px !important;
 }
 .video-block wistia-player {
  padding-top: 30px;
 }
 .video-block {
  margin-top: 20px !important;
 }
 #mmx-text-area__mmx_textarea {
   padding-left: 20px;
   padding-right: 20px;
 }
.mmx-button__button.mmx-button__size--l {
  padding: 14px 30px;
}
.global_heading {
  font-size: 28px;
  line-height: 32px;
  padding-left: 10px;
  padding-right: 10px;
}
 .mob-pd{	
    padding-left:20px;
    padding-right:20px;
}
.clean-waterblk mmx-hero picture[slot="image"] > img,.clean-waterblk  mmx-image-and-text picture[slot="image"] > img {
  width: 100%;
  max-width: 270px;
}
.big_buttons > .o-layout .o-layout__item:first-child,.big_buttons > .o-layout .o-layout__item:last-child {
    text-align: center;
}
.t-site-header__logo img {
  max-width: 145px;
}
.des_hide_mob mmx-text[slot="body"] {
  display: none;
}
.x-product-list, .x-subcategory-list {
    display: grid;
    gap: 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-bottom: var(--default-spacing-unit);
}
.prod_desc {
    overflow: auto;
}
.product-video {
    min-width: 100%;
}
 .ex1 {
    margin: 0px !important;
    margin-bottom: 20px !importan;
 }
 .cleaned li {
    padding-left: 0em !important;
 }
 body .container {
    padding: 0em 0px;
 }
 .sa-slider-container-main{
  padding-left:0px !important;
  padding-right:0px !important;
 }
 #js-SFNT .main-block::part(content) {
    background: transparent;
    width: 100%;
padding-left:20px;padding-right:20px;
padding-top:30px;
  }
 .video-block {
    margin-bottom: 0px !important;
  }
  .tried_living_block {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .clean-waterblk {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #mmx-text-area__mmx_textarea_6 {
    margin-top: 50px !important;
  }
.mb-tp-0{ 
   margin-top:0px !important;
}
.SA__wrapper {
    padding-left: 20px;
    padding-right: 20px;
}
#js-SFNT mmx-hero#mmx-text-area__mmx_textarea_4 {
    padding-left: 15px;
    padding-right: 15px;
}
.tried_living_block::part(images) {
    gap: 0px;
}
.tried_living_block::part(images) .mmx-text.type-title-4 {
	margin-top:0px !important
}
/* Closes the @media(max-width:767px) block opened above (search for it). It was
   never closed; browsers closed it implicitly at end-of-file, so every rule from
   that line down is mobile-only. Explicit close keeps that behaviour and balances
   the braces. New site-wide CSS must go ABOVE that @media line. */
}