.admin-header-links{position:relative;z-index:1;background-color:#333;text-align:center;color:#eee}.admin-header-links *{display:inline-block;margin:0 10px;line-height:35px;font-size:12px;font-weight:700}.admin-header-links .impersonate{display:inline-block}.admin-header-links .impersonate a{background-color:#555;padding:0 15px}.admin-header-links .impersonate a:hover{background-color:#666}html{scroll-behavior:smooth}.header{position:relative;background:#f60;z-index:10;height:41px}html.html-home-page .header{position:relative;background:#f60;z-index:10;height:51px}html.html-home-page .header{background-color:unset;width:calc(100% - 25px);margin:0 auto;width:100%;margin:0 auto}.header{position:relative;margin:0 auto;padding-left:25px}html.html-home-page .header .centralised-column{width:unset; min-height: 50px;}.header .centralised-column{width:750px; min-height: 40px;}







.header .header-logo{



     text-decoration:none!important;-webkit-transition:none;-o-transition:none;transition:none;position:relative;float:left;



    font-size:18px;padding:0px 10px;



}



html.html-home-page .header .header-logo{



    text-decoration:none!important;-webkit-transition:none;-o-transition:none;



    transition:none;position:relative;float:left;font-size:18px;padding:0px 12px;











}



div#cart-close-btn {



    float: right;



    padding: 7px 5px 0px 0px;



}   







.header-logo {order: 2;font-size: 30px;}



.menu-bar.slider-trigger.left {order: 1;}



ul#top-menu {order: 3;}







html.html-home-page .header .header-logo {font-size: 38px;}







.flyout-cart.active{display:block}



.header .header-logo a{display:inline-block}.header 
.header-logo a img{width:100%;height:auto;opacity:1}
.header-menu{color:#000;}
.header .menu-bar{cursor:pointer}
.header-menu .top-menu{text-align:center;display:block;padding:0}
ul#top-menu li a:hover{color:#fdd5bb}
html.html-home-page ul#top-menu li a:hover{color:#ccc}
.header-menu .top-menu.mobile{display:none!important}
.header-menu>ul>li{display:inline-block;padding:0 10px;line-height:41px;font-size:14px;color:#fff;font-weight:200}
html.html-home-page .header-menu>ul>li{display:inline-block;padding:0 10px;line-height:52px;font-size:14px;color:#fff;font-weight:400}


.header-menu>ul>li.sst-new::before {
    content: "";
    background-image: url(../images/sprayspout/new-small.png);
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    margin-left: -19px;
    transform: rotate(-24deg);
    margin-top: -4px;
}

.header-menu>ul>li.sst-new::after {
    content: "";
    background-image: url(../images/menu/flash.png);
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    transform: rotate(41deg);
    margin-top: 4px;
    margin-left: -24px;
    animation: gentleFlash 20s linear forwards;
}

.header-menu>ul>li.sst-new {
    animation: colourCycle 10s forwards;
    text-shadow: 0 0 10px rgba(255,255,255,.3);
}

@keyframes gentleFlash {
 0%, 4%    { opacity: 1; }
    5%, 9%    { opacity: 0; }
    10%, 14%  { opacity: 1; }
    15%, 19%  { opacity: 0; }
    20%, 24%  { opacity: 1; }
    25%, 29%  { opacity: 0; }
    30%, 34%  { opacity: 1; }
    35%, 39%  { opacity: 0; }
    40%, 44%  { opacity: 1; }
    45%, 49%  { opacity: 0; }
    50%, 54%  { opacity: 1; }
    55%, 59%  { opacity: 0; }
    60%, 64%  { opacity: 1; }
    65%, 69%  { opacity: 0; }
    70%, 74%  { opacity: 1; }
    75%, 79%  { opacity: 0; }
    80%, 84%  { opacity: 1; }
    85%, 89%  { opacity: 0; }
    90%, 94%  { opacity: 1; }
    95%, 100% { opacity: 0; }
}

@keyframes colourCycle {
    0%, 10%   { color: #ffffff; }
    15%, 25%  { color: #f7c872; }
    30%, 40%  { color: #abba3c; }
    45%, 55%  { color: #9cc4c4; }
    60%, 70%  { color: #fb7696; }
    75%, 85%  { color: #c2d1f2; }
    90%, 95%  { color: #fcd4df; }
    100%      { color: #ffffff; }
}

.home-page #hero .overlay .header-logo a{background:0 0;border:none;padding:0}.header .header-upper{display:block;float:right;z-index:1}.header-selectors-wrapper{margin:37px 0 0 0}.header-links-wrapper{display:inline-block;position:relative}.header-links-wrapper .header-links{display:inline-block;padding:0;top:-6px;right:5px;position:absolute;width:100px;}html.html-home-page .header-links-wrapper .header-links{top:0px;}.header-links{top:5px;}.header-links li{margin:0}.header .top-link-area a{line-height:32px;display:block;color:#000;font-weight:400;font-size:11px;font-family:Abadi,"Open Sans",sans-serif;text-transform:uppercase;letter-spacing:.5px}.header .top-link-area ul li a{padding:3px 15px!important}.header .top-link-area li a:hover{color:#e95720;background:#fff}.mini-shopping-cart:before{content:"";width:12px;height:12px;border:5px solid transparent;border-bottom-color:#e7e7e7;position:absolute;right:11px;top:-12px;visibility:visible;opacity:1;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s}.mini-shopping-cart:after{content:"";height:10px;width:100%;top:-10px;position:absolute;z-index:1}.header .top-link-area{display:inline-block;padding:0;margin:0;position:relative;cursor:pointer}.header .top-link-area:hover ul{display:block}.header .top-link-area .user{cursor:pointer;display:inline-block;position:relative}.header .top-link-area span{cursor:pointer;display:inline-block}.header .top-link-area li:hover span{color:#000}.header .top-link-area img{width:auto;height:54px}#topcartlink img,.header .top-link-area img{width:auto;height:32px}.header .top-link-area ul{display:none;position:absolute;right:0;background:#fff;border:solid 1px #dadada;-webkit-box-shadow:0 0 3px 0 #dadada;box-shadow:0 0 3px 0 #dadada;color:#686868;white-space:nowrap;text-align:left;top:32px;padding:5px 0;border-radius:0 0 3px 3px;z-index:101}.html-home-page .header .top-link-area ul{top:30px}.header .top-link-area img,li#topcartlink img{height:23px}.header .top-link-area ul:before{content:"";width:12px;height:12px;border:5px solid transparent;border-bottom-color:#dadada;position:absolute;right:7px;top:-12px;visibility:visible;opacity:1;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s}.header .top-link-area ul::after{content:"";width:100%;height:10px;top:-10px;position:absolute}.header .header-links ul{font-size:0}.header .header-links li{display:block}.header .header-links-wrapper .cart-label{font-size:11px;text-transform:uppercase;font-weight:700;color:#000;font-family:Abadi;letter-spacing:.5px}



.header .header-links-wrapper .cart-qty{position:absolute;top:-5px;left:20px;width:17px;height:17px;display:block;font-size:9px;background-color:#fff;color: #ff6600;text-align:center;line-height:16px;border-radius:19px}.header .header-links a:hover{color:#0f0f0f}.header .header-links-wrapper .cart-area{display:inline-block;position:relative;top:0;padding:0}.header #topcartlink{display:inline-block}.header #topcartlink .ico-cart{position:relative;display:block;line-height:1;width:40px;text-align:center;z-index:11}.header .header-lower{position:relative;display:inline-block;z-index:0;margin:32px 0 32px 20px}.header .header-call-us{position:relative;display:inline-block;font-size:16px;text-align:center;top:14px}.calltext{float:left;width:200px;text-align:left}p.callwhen{font-size:13px}.header .header-call-us a{font-size:24px;font-weight:400!important;color:#f60!important;letter-spacing:1px}.phoneimage{float:right;width:50px}.header .menu-call-us{position:relative;display:inline-block;font-size:16px;text-align:center;width:160px;background-color:#fff;height:80px;width:100%;padding:16px 0 0 0}.header .menu-call-us a{font-size:20px;font-weight:700!important;color:#f60!important;padding:0}img.callusbutton{width:40px}.flyout-cart{display:none;position:absolute;top:26px;right:16px;width:418px;background:#fff;border:solid 1px #dadada;-webkit-box-shadow:0 0 3px 0 #dadada;box-shadow:0 0 3px 0 #dadada;color:#686868;z-index:110;clear:both;}.html-home-page .flyout-cart{top:32px}.flyout-cart.active{display:block}.flyout-cart .mini-shopping-cart{-webkit-transition:none;-o-transition:none;transition:none;z-index:10;position:static;width:auto;background:0 0;border:0;-webkit-box-shadow:none;box-shadow:none;color:initial;clip:auto}.flyout-cart .mini-shopping-cart .count{padding:10px;line-height:1;color:#0f0f0f;font-size:14px;font-weight:600;font-family:"Open Sans",sans-serif;letter-spacing:.5px}.flyout-cart .mini-shopping-cart .count span{color:#0f0f0f;font-size:14px;font-weight:700;margin-left:4px}.flyout-cart .mini-shopping-cart .count span a{margin:0 2px;font-weight:600;color:#333}.flyout-cart .mini-shopping-cart .items{border-top:1px solid #ddd;margin:0 10px 0 10px;padding:10px}.flyout-cart .mini-shopping-cart .item{overflow:hidden;padding:10px 0;border-bottom:1px solid #ddd}.flyout-cart .mini-shopping-cart .item:last-child{border-bottom:none}.flyout-cart .mini-shopping-cart .picture{float:left;width:70px;text-align:center}.flyout-cart .mini-shopping-cart .picture a{display:block;position:relative;overflow:hidden; width:100px; height:100px;}.flyout-cart .mini-shopping-cart .picture a:before{content:"";display:block;padding-top:100%}.flyout-cart .mini-shopping-cart .picture img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%}.flyout-cart .mini-shopping-cart .picture+.product{margin:0 0 0 80px}.flyout-cart .mini-shopping-cart .name{margin:0 0 7px;font-size:13px;font-weight:600}.flyout-cart .mini-shopping-cart .name a{color:#000}.flyout-cart .mini-shopping-cart .name a:hover{color:#333}.flyout-cart .mini-shopping-cart .price,.flyout-cart .mini-shopping-cart .price .quantity{color:#666}.flyout-cart .mini-shopping-cart .attributes{margin:5px 0;color:#444}.flyout-cart .mini-shopping-cart .totals{border-top:1px solid #ddd;padding:15px 20px 15px 20px;margin:0;font-size:14px;text-align:right;font-weight:700;font-family:"Open Sans",sans-serif;letter-spacing:.5px;color:#0f0f0f;background-color:#f0f0f0}.flyout-cart .mini-shopping-cart .totals strong{font-size:16px;color:#000;font-weight:700}.flyout-cart .mini-shopping-cart .buttons{background-color:#f0f0f0;padding:0 20px 20px 20px;margin:0}.flyout-cart .mini-shopping-cart input[type=button]{display:inline-block;border:none;background-color:#f60;padding:13px 20px;color:#fff;width:100%;font-weight:400;border-radius:3px;text-transform:uppercase;font-size:14px;letter-spacing:2px}.mini-shopping-cart input[type=button]:hover{background-color:#f60}#eu-cookie-bar-notification.reaction~#chat-widget-container{bottom:60px!important}#eu-cookie-bar-notification.reaction~#livechat-eye-catcher{bottom:82px!important}#eu-cookie-bar-notification .learn-more{display:none}#eu-cookie-bar-notification{position:fixed;bottom:0;left:0;right:0;background:#3f3f3f;color:#fff;z-index:123145;font-family:Roboto,sans-serif;font-weight:400;text-align:center;padding:8px 15px}#eu-cookie-bar-notification .content{display:-webkit-box;display:flex;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#eu-cookie-bar-notification button{background:#3f3f3f;color:#fff;border:2px solid #fff;font-weight:400;font-size:14px;line-height:14px;padding:6px 20px;margin-left:30px;font-family:Roboto,sans-serif;display:inline-block;white-space:nowrap}#eu-cookie-bar-notification button:hover{color:#ccc;border-color:#ccc}#eu-cookie-bar-notification a{text-decoration:underline}#eu-cookie-bar-notification a:hover{color:#008cff}#megaM-wrapper{position:absolute;right:0;left:0;top:41px;display:none;height:100vh;z-index:100}.html-home-page #megaM-wrapper{top:52px}#megaM-label:hover{cursor:pointer;color:#fdd5bb}#megaM-label.open{background:#f46200;color:#fff}.html-home-page #megaM-label:hover{color:#ccc}.html-home-page #megaM-label.open{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(255,255,255,.9);color:#444}



.html-home-page #megaM-label.open::after{content:"";width:100%;position:absolute;bottom:0;left:0;height:1px;background:#ccc}.html-home-page .lock-scroll .header-wrapper{background:rgba(0,0,0,.7)!important}#megaM{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(255,255,255,.85);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}#megaM-cover{height:100%;width:100%;background:rgba(0,0,0,.5)}#megaM .taps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;width:45%;border-right:1px solid rgba(0,0,0,.25);padding:55px}#megaM .taps .tap-item{padding:20px;width:50%}#megaM a,#megaM h3,#megaM p{font-weight:400;color:#666}#megaM .taps .image{padding-top:75%;position:relative;height:0;overflow:hidden}#megaM .taps img{display:block;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#megaM .tap-item h3{font-weight:300;margin:30px 0}#megaM .taps .learn-more a{background:#fff;border:1px solid #999;min-width:320px;display:block;padding:0;font-size:16px;font-weight:200;height:60px;line-height:60px}#megaM .tap-item p{line-height:1.7}#megaM .content{text-align:left;padding:75px;padding-right:30px;display:-webkit-box;display:-ms-flexbox;display:flex;width:55%}#megaM .content .image{width:40%}#megaM .content img{width:100%;height:auto;max-width:100%;max-height:100%;display:block}#megaM .content .installation-notice{padding-left:5%;width:55%;display:-webkit-box;display:flex;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#megaM .content .installation-notice h3{font-size:30px;font-weight:200;margin-bottom:30px}#megaM .content .installation-notice p{font-size:17px;font-weight:200;margin-bottom:25px}#megaM .content .close{position:absolute;top:0;right:0;padding:15px}#megaM .content .close img{width:32px;height:32px;display:block}#megaM .postcode-check .postcode-loading{display:none}.menu-mobile{display:none}@media (hover:hover){#megaM .taps .learn-more a:hover{border-color:#666}#megaM .content .close:hover{cursor:pointer}}@media only screen and (max-width:1200px){.header-menu>ul>li{font-size:15px;padding:0 7px}#eu-cookie-bar-notification .text{font-size:12px}#megaM .content .text{display:none}#megaM .content,#megaM .taps{width:50%}#megaM .content .installation-notice p{font-size:14px}#megaM .content .installation-notice{width:60%}}

span.sigmodern-badge:after, li.imgItem.sprayhose-available:after {
    content: "";
    background-image: url(../images/sprayspout/SprayHoseAvailable2.png);
    position: absolute;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    background-size: contain;
    z-index: 9999;  
    transform-origin: top right;
    
    z-index: 99;
    pointer-events: none;
}

li.imgItem.sprayhose-available:after {
    margin-top: -60px;
    margin-left: 115px;
}

span.sigmodern-badge.top-menu-ss:after 
    {
        background-size: 50px;
    }

@media screen and (max-width:992px){
    .header .header-upper .header-links{padding-right:0;/*width:40px*/}
    .header .header-call-us{display:none}
    .header .menu-bar{display:block!important}
    .header-menu #slideFrame .sliderClose{z-index: 10005;}
    .header-menu .menu-mobile{display:inline-block;position:fixed;height:100%;left:0;top:0;width:100%;display:none;overflow-y:auto;z-index:99}
    .header-menu>ul>li{display:block}
    .header-menu>ul>li>a{font-size:15px}
    .header-menu .top-menu.mobile{display:block!important;background-color:#f60;opacity:.9;max-width:300px}
    .select-box-wrapper{padding:15px 15px;border-bottom:1px solid #292929;display:none}
    .select-box-wrapper div{margin:15px 0;position:relative}
    .select-box-wrapper div select{height:30px;padding:2px 12px 2px 6px;font-size:11px;background:0 0;color:#fff;border-radius:3px;text-transform:uppercase;font-weight:700;cursor:pointer;font-family:Abadi;letter-spacing:.5px;width:100%;position:relative}
    .select-box-wrapper div select option{color:#0f0f0f}
    .menu-toggle{background:#0f0f0f url(../images/menu-icon.png) right center no-repeat;padding:15px;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;cursor:pointer;width:100px}.top-menu{display:none!important}.header-upper{z-index:0}.top-menu.mobile{display:inline-block;width:100%}.top-menu>li{position:relative;margin:1px 0}.top-menu.mobile>li{border-bottom:1px solid #fff}.top-menu>li>a{display:block;padding:15px 18px;font-size:14px;color:#c9c9c9;text-transform:uppercase;font-weight:700;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.top-menu>li>a:hover{color:#fff}.top-menu.mobile>li a{font-weight:400;color:#fff}.top-menu .sublist{display:none;padding:5px 0}.top-menu .sublist li{position:relative;margin:1px 0 1px 0;border-top:#242527 solid 1px}.top-menu .sublist li a{display:block;padding:15px 10px 15px 40px;font-size:14px;color:#fff;font-weight:400;font-family:"Open Sans",Arial;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.sublist-toggle{position:absolute;top:0;right:0;width:55px;height:55px;background:url(../images/toggle-black.png) center no-repeat;padding:15px;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;cursor:pointer}.sublist .sublist-toggle{height:49px}.sublist .sublist li a{padding:15px 10px 15px 50px}.sublist .sublist .sublist li a{padding:15px 10px 15px 60px}.block-category-navigation{display:block}.block-account-navigation{float:none;margin:0 0 50px;max-width:none;width:100%}.sublist-toggle{position:absolute;top:0;right:0;width:45px;height:45px;background:url(../images/toggle-black.png) center no-repeat;padding:15px;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;cursor:pointer}.sublist-toggle:active,.sublist-toggle:hover{background:url(../images/toggle-black-hover.png) center no-repeat}.ShoppingCart-left{float:none!important;width:100%!important}/*.cart-footer{float:none!important;width:100%!important}.cart-footer .totals{float:right!important;width:45%!important;margin:0}*/.footer-block .list li{display:block}.header .header-lower{margin:33px 0 21px 20px}.header-links .top-link-area{/*display:none*/}.header-links .top-link-area ul{right:0}.header-links .top-link-area ul:before{left:79%}.header-selectors-wrapper{margin:39px 0 0 0}.header-selectors-wrapper div{display:none}}

@media only screen and (max-width:650px){.header .centralised-column{width:100px}}

@media only screen and (max-width:497px){
    .header {padding-left:15px;}
    .header .header-logo a{margin:0 auto;width:100px}.flyout-cart{width:100vw;right:0}.mini-shopping-cart:before{right:30px}.header-menu .top-menu.mobile{max-width:unset}
    #eu-cookie-bar-notification .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
    #eu-cookie-bar-notification button{margin:8px 0 0 0}
    #eu-cookie-bar-notification.reaction~#chat-widget-container{bottom:90px!important}
    #eu-cookie-bar-notification.reaction~#livechat-eye-catcher{bottom:112px!important}
} 



    .header-menu .sliderContent{background:rgba(255,255,255);width:480px;overflow:hidden}



    #header-menu .header-menu #slideFrame .slider-scroll{padding:0}



    .header-menu #slideFrame .sliderClose{margin-left: 430px;top: 0px;background:0 0;-webkit-box-shadow:none;box-shadow:none;    z-index: 10005;}



    .header-menu #slideFrame .sliderClose svg{stroke:#ccc;fill:#ccc}



    



@media (max-width:480px){.header-menu .sliderContent{width:100%}.header-menu #slideFrame .sliderClose{margin-left: 90%;}}



.header-menu #slideFrame #mainMenu{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;/*align-items:center;*/-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;height:100%}



.header-menu #slideFrame ul{padding-left: unset;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;}.header-menu #slideFrame li{list-style-type:none;margin-bottom:8px;}.header-menu #slideFrame li a{font-weight: thin;color:#666;font-size:14px;line-height:22px;font-weight:100;}.header-menu #lower-menu-section li a {color:#505050;}.header-menu #slideFrame .details{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:20%;width:100%;text-align:center;border-top:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header-menu #slideFrame .details span{font-size:14px}.header-menu #slideFrame .details a{font-weight:100;font-size:25px;color:#444}.header-menu #slideFrame .details .opening-times div{display:block}.header-menu #slideFrame .details .opening-times .days,.header-menu #slideFrame .details .opening-times .hours{width:100%;display:block;text-align:center}@media all and (max-width:600px){.header-menu #slideFrame #mainMenu{padding-bottom:60px}}.popup{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);z-index:999999;padding:0 15px}.modal-content{max-width:996px;margin:auto;background:#cecece;border:1px solid #000;top:25%;position:relative}.modal-content>img{display:block;max-width:100%;max-height:100%}#popup-close{position:absolute;right:-16px;top:-16px;width:32px;height:32px;padding:0;background:0 0;border:none;display:block}#popup-close:hover{cursor:pointer}.widget-popup .widget-popup-content{max-width:90%;width:800px;top:20%}



.widget-popup .image{width:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2))),url(../images/chiller-splash.jpg);background-image:-o-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../images/chiller-splash.jpg);background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../images/chiller-splash.jpg);background-repeat:no-repeat;background-size:cover;height:500px;border:#fff solid 25px;border-bottom:#fff solid 80px;background-position:center;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.widget-popup .content{width:54%;padding:30px;background:#fff}.widget-popup .content p.heading{font-family:"Open Sans",sans-serif;font-size:18px;text-align:center;margin:0 auto;color:#333}.widget-popup .content p.heading span.fontfour{font-weight:400}.widget-popup .content p.smallprint{font-size:11px;position:absolute;bottom:10px;padding-right:30px;padding-bottom:0;color:#999;text-align:center}



.widget-popup .content p.headline{text-align:center;vertical-align:middle}



.widget-popup .content p.headline.money{margin-top:20px;font-weight:600;font-size:80px;line-height:60px}.widget-popup .content p.headline.hundred{font-size:20px}.widget-popup .content p.headline.discount{margin-bottom:23px;font-size:28px}.widget-popup .content p.center{text-align:center}.widget-popup .content .bold{font-weight:800;font-size:18px}.widget-popup-warranty{position:absolute;left:-35px;top:-15px;width:27px;height:32px;padding:0;background:0 0;border:none;display:block}.widget-popup-warranty img{width:125px}.widget-popup-content p.extended-warranty{font-family:"Open Sans",sans-serif;font-size:16px;text-align:center;margin:0 auto;color:#333}.widget-popup .text-content{position:relative;height:100%;padding:30px 0}span.gold{color:#86d700}.widget-popup .content p.heading.spring{font-size:16px}span.getoff{font-size:18px;font-weight:100;vertical-align:baseline}.widget-popup .content p.headline.money.spring{margin-top:5px}.widget-popup .text-content .qettle{font-size:60px}.widget-popup .text-content h1{font-size:50px}h1.signature{color:#fff;font-size:90px;line-height:250px}.text-content .qettle{font-size:35px;color:#fff}p.pop-up-text{color:#fff;text-transform:uppercase;letter-spacing:4px;font-size:18px;top:66%;left:50%}p.pop-up-text.top{margin-bottom:75px}p.pop-up-text.bottom{margin-top:52px}#widget-popup .button{position:absolute;bottom:-60px;border:thin solid #999;background:#fff;padding:8px 10px;color:#999;width:200px}.button.left{left:0;right:0;margin:0 auto}.button.right{right:35%}#widget-popup-close .button.right{bottom:-461px;right:290px}.text-content .qettle{color:#fff;font-size:50px}@media only screen and (max-width:855px){.widget-popup .widget-popup-content{width:90%}.widget-popup .content p.heading{font-size:14px}}@media only screen and (max-width:600px){h1.signature{font-size:75px}p.pop-up-text{font-size:16px}}@media only screen and (max-width:590px){.widget-popup .content p.heading{font-size:18px;margin-top:20px;width:calc(90% - 60px)}.widget-popup .content p.smallprint{bottom:-10px}.widget-popup-warranty{left:-35px}.widget-popup .content.spring{height:440px}.widget-popup .image{border:#fff solid 17px;border-bottom:#fff solid 73px}.button{bottom:-82px}.widget-popup-warranty img{width:110px}.widget-popup-warranty{margin-top:-35px}}@media only screen and (max-width:550px){.widget-popup .image{background-position:60% 0}h1.signature{font-size:62px}p.pop-up-text{font-size:14px}}@media only screen and (max-width:500px){.widget-popup .content{width:100%;padding:30px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.7)),to(rgba(255,255,255,.9))),url(../images/easter-tea.jpg);background:-o-linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.9)),url(../images/easter-tea.jpg);background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.9)),url(../images/easter-tea.jpg);min-height:400px;background-size:cover}.widget-popup-warranty{margin-top:-45px}.widget-popup .content p.heading{font-size:16px}.widget-popup .content p.smallprint.spring{bottom:-30px}.widget-popup .content p.headline.money.spring{font-size:68px}.widget-popup .content p.headline.hundred.spring{font-size:16px}}@media only screen and (max-width:469px){p.pop-up-text{font-size:13px}h1.signature{font-size:57px}}@media only screen and (max-width:415px){p.pop-up-text{left:44%}}@media only screen and (max-width:375px){.widget-popup .content p.headline.money{margin-top:10px}.widget-popup .content p.headline.discount{margin-bottom:16px}.widget-popup .content p.smallprint{bottom:0}.widget-popup .content p.headline.money{margin-top:20px}.widget-popup .content p.heading{margin-top:25px}}



.header-links-wrapper .header-links {top: -8px; width: 80px; text-align: right;}







.menu-icons-top{display:flex;justify-content: space-around;flex-direction: row;margin-top: 10px; margin-right: 5%;margin-left: 5%;}



.menu-icons-bottom span, .menu-icons-top span{text-transform: uppercase;font-weight: 400;}



.menu-icons-bottom{



    display:flex;



    justify-content: space-around;



    flex-direction: row;



    margin-right: 0px 5%;



    padding: 15px 0px;



    position: absolute;



    bottom: 0;



    background: linear-gradient(to bottom, rgb(99 111 123 / 75%), rgb(99 111 123 / 75%));



}



.menu-icons-bottom a span {color: #ffffff;padding-bottom:7px;}



.menu-icons-taps{



    display:flex;



    flex-direction: column;



    justify-content: left;



    margin-bottom: 30px;



    margin-top: 30px;



}



.phone-notice::before {



    content: "\f521";



    font-family: "Font Awesome 5 Free";



    font-weight: 100;



}



.phone-notice svg {



    width: 15px;



    margin: 0px 5px;



    stroke: #ffffff;



    fill: #ffffff;



}



.menu-icons-top img{



    width: 80%;



    border-radius: 50%;



    padding-bottom: 5px;



}



.menu-icons-bottom img{



    width: 65%;



    border-radius: 50%;



    padding-bottom: 5px;



}



.header-menu {



    display: flex;



    align-items: center;



}



.menu-bar.slider-trigger.left {



    display: flex;



}



.top-section-right {



    display: flex;



    justify-content: center;



    align-items: center;



}







.top-section-right .svg-inline--fa {height: 23px;}







.phone-notice {



    display: flex;



    background: #333;



    padding: 10px;



    font-size: 12px;



    text-transform: uppercase;



    font-weight: 200;



    color: #fff;



    text-align: center;



    align-self: flex-start;



    width: 100%;



    align-items: center;



    justify-content: center;



}



#header-menu .header-menu #slideFrame #lower-menu-section li{



    margin: 2px 0px 2px 0px;







}



#mainMenu .menu-tap{



    display:flex;



    align-items: center;



    margin-top: 10px;







}   



#mainMenu a.menu-tap{



    border-bottom: solid 1px #ccc;



} 



#mainMenu a.menu-tap.last{



    border-bottom: unset;



}  



#mainMenu .menu-tap img{



    margin-right: 10px;



    margin-left: 5%;



    margin-bottom: 3px;



}    







#lower-menu-section{



    padding-top: 30px;



    background-color: #ccc;



    width: 100%;



    padding-bottom: 50px;



}



#lower-menu-section .malingList{



    padding: 5% 5% 5% 10%;



    background-color: #ccc;



    width: 100%;



}







#lower-menu-section .malingList input{



    width: 100%;



}



input[type="text"] {



    width: 200px;



    height: 20px;



    padding-right: 50px;



}







#slideFrame  img#arrow {



    width: 10px;



    text-align: right;



    float: right;



    margin-right: 5%;



}







#lower-menu-section .malingList button[type="submit"] {



    top: -25px;



    position: relative;



    border: unset;



    background-color: unset;



    float: right;



    margin-right: 5%;



}







.header-menu #slideFrame ul#lower-menu-section li a{



    /*font-size:12px;*/



    padding-left: 10%;



}



#mainMenu .menu-tap img{



    display: inline-block;



}



.header-menu #slideFrame li .menu-icons-top a{



text-align: center;



font-size: 12px;



display:flex;



flex-direction: column;



justify-content: left;



width: 25%;



line-height: 14px;



margin-right: 5px;



}



.header-menu #slideFrame li .menu-icons-bottom a{



    text-align: center;



    font-size: 12px;



    display:flex;



    flex-direction: column;



    justify-content: left;



    width: 25%;



    line-height: 14px;



    margin-right: 5px;



    }



    







/* Small top level nav for tradey types */



.above-header {



    width: 100%;



    background: #333;



    display: flex;



    /*justify-content: flex-end;*/



}







.menu-tap span{



    width: 100%;



}







#mainMenu .qMobileMenu{



    margin-top: 0px;



    margin-bottom: 0px;



}



#mainMenu .top-section {



    display: flex;



    flex-direction: row;



    justify-content: space-between;



    margin: 50px 20px 20px 20px;



}



#mainMenu .top-section svg {



    width: 30px;



    padding: 0px 5px;



    stroke: #666;



    fill: #666;



}



#mainMenu .top-section-right li{



    display: flex;



    flex-direction: row;



    justify-content: center;



    align-items: end;



}



#mainMenu .top-section-left p{



    margin: 0px;



}



#mainMenu .top-section-left {



    margin-top: -30px;



}



#mainMenu .top-section-left a.qettle-phone{



    font-size: 14px;



    color: #505050;



}



#mainMenu .top-section-left a.qettle-phone:hover{



    text-decoration: none;



}



#mainMenu p.qMobileMenu{



    font-weight: 700!important;



    color: #ff6600;



    text-align: left;



    font-size: 20px;



}



#slideFrame ul.mainMenu-mobile.learn {



    width: 80%;



    margin: 0 auto 20px auto;



    text-transform: uppercase;



}



#slideFrame ul.mainMenu-mobile.learn.info {



    padding-bottom: 150px;



}







#slideFrame ul.mainMenu-mobile.learn a {



    font-size: 14px;



    line-height: 22px;



    font-weight: 100;



    color:#666;



}



#slideFrame ul.mainMenu-mobile.learn li {



    margin: 0px;



    font-size: 12px;



    font-weight: 600;



}



.issue-notice-christmas{



    background: #636F7B !important; 



	padding: 12px; 



	font-size: 14px;



	text-transform:uppercase; 



	font-weight: 200; 



	color: #fff; 



	text-align:center;



    width: 100%;



}



.issue-notice-royalMail{



    background: #222; 



	padding: 15px 5px; 



	font-size: 13px;



	text-transform:uppercase; 



	font-weight: 200; 



	color: #fff; 



	text-align:center;



    width: 100%;



    /* border-top: solid 1px #fff; */



    border-bottom: solid 1px #fff;



}



.issue-notice-royalMail a{



    text-decoration: underline;



}



.issue-notice {



	background: #333; 



	padding: 10px; 



	font-size: 12px;



	text-transform:uppercase; 



	font-weight: 200; 



	color: #fff; 



	text-align:center;



	justify-content:flex-start;



    align-self: flex-start;



    width: 100%;



}







#header-menu #slideFrame a, #mainMenu{color: #666!important; font-weight: 400;}



#header-menu #slideFrame .slider-scroll{padding: 0px;}



.header .centralised-column { width: auto; display: flex;}

#nav a.buy-butt:after {
    display: inline-block;
    position: relative;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 6 Pro';
    content: '\f061';
    font-size: 14px;
    font-weight: 600;
    padding-left: 0px;
    margin-left: 3px;
}




.top-section-right a:after {
    content: "";
    display: inline-block;
    position: relative;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 6 Pro';
    content: '\f061';
    font-size: 14px;
    font-weight: 600;
    padding-left: 0px;
    margin-left: 3px;
}

.top-section-right i {
    display: none;
}



/****************CHRISTMAS NOTICE****************************************/



i:before{



    font-family: "Font Awesome 5 Brands"; 



	font-weight: 400;



} 



.fa-sleigh{margin-right: 3px;}



.issue-notice-christmas{



    background-color: #222 ;



}







/*************** ABOUT US MEGA MENU***********************************/



#megaAboutMenu:hover{display: inline-block;}



html.html-home-page .megaAboutMenu{



    background-color: rgba(0, 0, 0, 0.5);



}



html.html-home-page .megaAboutMenu p, html.html-home-page .megaAboutMenu a{color: #fff;}



.megaAboutMenu{



    width: 100%;



    background-color:rgba(255, 255, 255);



    display: none;



    position: absolute;



    margin: 0 auto;



    z-index:15;



    transition: all 0.5s;



    box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.15);



}



.Menu-items{



    list-style: none;



    display: flex;



    flex-direction: row;



    justify-content: space-around;



}



.about-title{margin-bottom: 20px;}



.Menu-items{margin-top: 50px; margin-bottom: 50px;}



.megaAboutMenu a{



    color: #666;



    line-height: 25px;



    display: flex;



    align-items: center;



    font-family: "Open Sans", sans-serif;



}



/******************BWT HOVER MENU***********************************/



/********** HOME PAGE******************/



/* .bwtMenu div#bwt-instagram {



    opacity: 0%;



} */



html.html-home-page .header .bwtMenu p{color: #fff;}



html.html-home-page .header .bwtMenu a{



    color: #fff;



    display: flex;



    align-items: center;



}



html.html-home-page .header .bwtMenu{



    width: 100%;



    background-color: rgba(0, 0, 0, 0.85);



    display: none; 



    position: absolute;



    margin: 0 auto;



    left: 0;



    top: 51px;



}







html.html-home-page .header .bwtMenu .column.comm{



    border-left: 1px solid white;



}







html.html-home-page #header {background-color: rgba(0, 0, 0, 0.2);}



html.html-home-page .header  .bwtHover:hover + .bwtMenu {display: unset;}



html.html-home-page .header  .bwtMenu:hover{display: unset;}



html.html-home-page .header .bwtMenu .column .comm-container{
    /* background: #66717c86; */
    padding: 15px 30px;
    max-width: 280px;
    margin-left: 30px;
}

.spray-spout-menu {
    display: flex;
    flex-direction: row;
}
.spray-spout-menu .ss-image, .spray-spout-menu p {width: 49%;}
.spray-spout-menu p {padding: 0px 2% 0 0; margin: 0;}
.spray-spout-menu .ss-image img {width: 90px; }

/**********END OF HOME PAGE******************/
.bwtMenu{
    width: 100%;
    background-color:rgba(255, 255, 255,0.9);
    display: none;
    position: absolute;
    margin: 0 auto;
    left: 0;
    transition: all 0.5s;
    top: 41px;
    box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.15);
}

.bwtHover:hover + .bwtMenu{display: unset;}

.bwtMenu-items img{max-width: 50px;} 

.imgItem{margin: 8px 0;}

.imgItem img{margin-right: 5px;}

.bwtMenu-items{
    display: flex;
    flex-direction: row;
    padding-right: 50px;
    justify-content: space-around;
}







.column .comm-container p.comm-text{



    font-size: 12px;



}







.column .comm-container p{



    color: #666;



}







.column .comm-container{



    /* background: #66717c86; */



    padding: 15px 30px;



    max-width: 280px;



    margin-left: 30px;



}







.column.comm{



    border-left: 1px thin rgba(102, 102, 102, 0.726);



}







.bwtMenu-items .comm-container img{width: 100%; max-width: unset; margin-top: 5px;} 







.bwtMenu:hover{display: unset;}



.bwt-title{margin-bottom: 20px;}



.bwtMenu-items{margin-top: 50px; margin-bottom: 50px;}



.bwtMenu a{



    color: #666;



    display: flex;



    align-items: center;



    font-family: "Open Sans", sans-serif;



}



.bwtMenu p{color: #666; text-align: left;}







/******************END OF BWT HOVER MENU***********************************/
.issue-notice {background: unset; text-align: unset;}

.trade-nav {
    width: 400px;
    justify-content: flex-end;
    padding: 10px;
    text-align: right;
    margin-right: 20px;
    margin-left:auto;
}

.trade-nav ul.trade-nav > li {
    display: inline-block;
}


ul.trade-menu {
    color: white;
    width: 400px;
    /*position: absolute;
    right: 10px;
    top: 16px;
    text-align: right;*/
    text-transform: uppercase;
    font-size: 11px;
}


ul.trade-menu > li {
    display: inline-block;
}


ul.trade-menu li {
	padding: 0 5px;
}

.trade-nav ul li a.workplace-label {
    color: black;
    background: white;
    padding: 5px 10px;
}

.trade-nav ul li a.workplace-label {
    color: black;
    background: white;
    padding: 5px 10px;
}



hr {



    border: thin solid #888;



    width: 80%;



    margin: 30px;



}











/* MEDIA */



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



	.issue-notice {text-align: left;}



}







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



	.issue-notice {text-align: center;width: 100%;}



	.trade-nav, ul.trade-menu {display: none;}



    .issue-notice{display: none;}







    .menu-icons-bottom {padding-bottom:50px;}



}















/*********** NEW CART STYLING ***********/



div#flyout-cart.flyout-cart.active{



    z-index: 2147483649;



    position: fixed;



    top: 0;



    bottom: 0;



    left: 0;



    right: 0;



    opacity: 1;



    border-radius: 0;



    width: 600px;



    max-width: 95%;



    height: 100%;



    -webkit-transition: all 0.3s;



    -moz-transition: all 0.3s;



    transition: width 3s;



    background: #ffffff;



    margin-left: auto;



    overflow-y: scroll;



    animation: fade_in_show 0.5s;



}







@keyframes fade_in_show {



     from {



    opacity: 0;



    transform: translateX(300px);



  }



  to {



    opacity: 1;



  }



}







.shopping-header {



    display: flex;



    justify-content: space-between;



    z-index: 1;



    align-items: center;



    padding: 0 20px;



    border-bottom: thin solid #d1d1d1;



    position: fixed;



    background: white;



    width: 600px;



    max-width: 95%;



}







.flyout-cart .mini-shopping-cart .count {



    font-weight:200;



    letter-spacing: unset;



}







.addtocart-popup-close span.button.upsell-close-button {



    font-size: 24px;



    color: #666;



    font-family: "Open Sans",sans-serif;



    font-weight: 100;



    text-transform: none;



    border: none;



    border-radius: 0px;



    padding: 0;



    z-index: 1000;



    display: flex;



    display: -ms-flexbox;



    align-items: center;



    padding: 10px;



}







.addtocart-popup-close span.button.upsell-close-button:hover {background:none;}







.flyout-cart .mini-shopping-cart .items {



    border-top: none;



    border-bottom: thin solid #d1d1d1;



    padding: 0;



    margin: 0;



    top: 50px;



    position: relative;



}







.flyout-cart .mini-shopping-cart .item {



    display: flex;



    padding:20px;



    justify-content: space-between;



}







.flyout-cart .mini-shopping-cart .picture img {



    max-width: 150px;



    width: 100%;



    position: unset;



    border: thin solid #d1d1d1;

    object-fit: contain;

    height: 100%;   

}







.flyout-cart .mini-shopping-cart .picture {



    width: 20%;



}



.flyout-cart .mini-shopping-cart .picture a:before {padding: unset;}



.flyout-cart .mini-shopping-cart .picture+.product {margin: 0}



.flyout-cart .mini-shopping-cart .product {width: 75%;}



.mini-cart-footer {



    width: 100%;



    display: flex;



    z-index: 99;



    margin-top: auto;



    position: fixed;



    background: white;



    width: 600px;



    max-width: 95%;



    margin-bottom: auto;



    bottom: 0;



    height: 90px;



}



.mini-cart-footer a {



    width: 90%;



        background: #ff6600;



    color: #ffffff;



    border: none;



    margin: 0 auto;



    align-items: center;



    height: 50px;



    text-transform: uppercase;



    justify-content: center;



    width: 90%;



    position: relative;



    margin-top: 20px;



    display: flex;



}