@charset "UTF-8";:root{--contentwidth:1320px;--footerwidth:745px;--color-primary:#000000;--color-accent:#005A8F;--color-accent-dark:#002a42;--color-contrast:#232323;--color-dark:#222222;--color-light:#f4f4f4;--color-white:#FFFFFF;--color-black:#000000;--button-primary:#005A8F;--button-primary-hover:#016aa8;--button-secondary:#333333;--button-secondary-hover:#444444;--accordion-active-color:#0f5ba2;--accordion-active-bg:#FFFFFF);--swiper-theme-color:#007aff;--swiper-navigation-size:44px;--border-radius:1.25rem;--border-radius-big:2rem;--border-radius-bottom:0 0 1.25rem 1.25rem}body{overflow-x:hidden;font-family:Helvetica,Arial,sans-serif;color:var(--color-dark);font-size:1.3rem}body :is(h1,h2,h3,h4,h5,h6,header,.btn,.img_text_overlay){font-family:Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif}.themecolor,a.themecolor,p a{color:var(--color-accent)}a.themecolor:hover,p a:hover{color:var(--color-accent-dark)}.styledsubheading{display:block;font-size:60%;font-weight:100;color:var(--color-accent)}.styledsubheading:before{content:" - "}.styledsubheading:after{content:" - "}.overflow-hidden{overflow-x:hidden}.contentwidth,.container{max-width:1600px;margin:0 auto;padding:0 1rem}.btn-primary,a.btn-primary,.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle,.btn-check:focus+.btn-primary,.btn-primary:focus,.btn:focus-visible,a.btn.cta.themebgcolor{color:#fff;background-color:var(--button-primary);border:none}.btn-primary:hover,a.btn-primary:hover,a.btn.cta.themebgcolor:hover{color:#fff;background-color:var(--button-primary-hover)!important;border:none}.btn-white,a.btn-white,.btn-check:active+.btn-white,.btn-check:checked+.btn-white,.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle,.btn-check:focus+.btn-primary,.btn-white:focus{color:var(--color-accent);background-color:#fff;border:none}.btn-white:hover,a.btn-white:hover{color:var(--color-accent);background-color:var(--color-light)!important;border:none}.carousel a.btn.cta.themebgcolor{color:#fff;background-color:#111;border:none}.carousel a.btn.cta.themebgcolor:hover{color:#fff;background-color:#333!important;border:none}.btn-secondary,a.btn-secondary,.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle,.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:var(--button-secondary);border:none}.btn-secondary:hover,a.btn-secondary:hover{color:#fff;background-color:var(--button-secondary-hover)!important;border:none}body :is(.btn,.cta){border-radius:var(--border-radius-big)!important;font-size:1.3rem;padding:1rem 1.5rem;font-weight:700}body :is(.btn-sm){font-size:1rem;padding:.75rem 1.25rem}body .bodycontent :is(.btn,.cta):after,.btn-subscribe:after{font-family:'Font Awesome 6 Pro';content:"\f178";font-size:1rem;line-height:1.5rem;margin-left:.75rem;font-weight:700;display:inline-block;transition:ease-in-out 0.2s}.btn-subscribe:after{content:"\f0e0"}.bodycontent{overflow-x:hidden}.bodycontent.col-md-12{padding:0}* img{max-width:100%;height:auto}header#header{-webkit-box-shadow:0 15px 10px -15px rgb(0 0 0 / 30%);box-shadow:0 15px 10px -15px rgb(0 0 0 / 30%);background:#fbfbfb;position:sticky;top:0;z-index:999;border-bottom:1px solid #ccc}div#headerinner{position:relative}div#headerinner .navbar-toggler{font-size:1.75rem;padding:1.5rem}div#headerinner div#mainmenu .navbar-nav{background:#efefef;padding:0!important}#headerctas{font-size:1.3rem}a.navbar-brand img.headerlogo{width:100%}a.navbar-brand{width:95px;min-width:95px;height:47px;background:url(/usercontent/logos/h2obathrooms-web-logo-portrait.svg) no-repeat;background-size:contain}div#top_banner .carousel.slide .img-fluid{width:100%;max-height:85vh;object-fit:cover;object-position:center}div#top_banner ol.carousel-indicators{display:none}.fullwidthnopaddinginner.w-100,[data-type="container-content"]{animation:none!important;opacity:1}.waves{position:relative;display:flex;z-index:1;padding-bottom:2vw}section#top_banner_section .waves{padding-bottom:2vw;width:100%}.waves::before,.waves::after{position:absolute;left:0;width:200%;height:5vw;animation:waveMove 10s linear infinite}.waves::before{content:'';top:-3vw;clip-path:polygon(100% 100%,0% 60%,2.22% 59.56%,4.44% 58.27%,6.67% 56.18%,8.89% 53.38%,11.11% 50%,13.33% 46.18%,15.56% 42.09%,17.78% 37.91%,20% 33.82%,22.22% 30%,24.44% 26.62%,26.67% 23.82%,28.89% 21.73%,31.11% 20.44%,33.33% 20%,35.56% 20.44%,37.78% 21.73%,40% 23.82%,42.22% 26.62%,44.44% 30%,46.67% 33.82%,48.89% 37.91%,51.11% 42.09%,53.33% 46.18%,55.56% 50%,57.78% 53.38%,60% 56.18%,62.22% 58.27%,64.44% 59.56%,66.67% 60%,68.89% 59.56%,71.11% 58.27%,73.33% 56.18%,75.56% 53.38%,77.78% 50%,80% 46.18%,82.22% 42.09%,84.44% 37.91%,86.67% 33.82%,88.89% 30%,91.11% 26.62%,93.33% 23.82%,95.56% 21.73%,97.78% 20.44%,100% 20%,100% 100%)}.waves.waves-white::before{background-color:#fff}.waves.waves-grey::before{background-color:#f1f1f1}.waves.waves-blue::before{background-color:var(--color-accent)!important}.waves-inner-section{margin:3rem auto auto;padding-top:1rem}@-webkit-keyframes waveMove{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-50%)}}@keyframes waveMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.bigpadding{padding-top:3rem;padding-bottom:3rem}.text-black{color:#000}.bg-black{background:var(--color-dark)}.bg-grey{background-color:#f1f1f1}.bg-blue{background-color:#005A8F;color:#fff}.bg-accent{background-color:var(--color-accent)!important}.rounded{border-radius:var(--border-radius)!important}.shadow{box-shadow:0 .5rem 1rem rgb(0 0 0 / .15)!important}.bg-fadegrey{background-color:#f6f6f6;background-image:linear-gradient(0deg,#f6f6f6,#f1f1f1)}section .photo-panel{margin-bottom:auto;position:relative;overflow:hidden;border-radius:var(--border-radius)!important}section[data-type="component-photo"] img{border-radius:var(--border-radius)!important;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease}section .photo-panel .img_text_overlay_holder{overflow:hidden}section .photo-panel .img_text_overlay{border-radius:var(--border-radius-big)!important;width:fit-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;text-decoration:none;white-space:nowrap;height:auto;display:inline-table;font-size:1.3rem;padding:1rem 1.5rem;font-weight:700}section .photo-panel .img_text_overlay.img_text_overlay_top{bottom:initial;top:5rem}section .photo-panel .img_text_overlay.img_text_overlay_bottom{top:initial;bottom:0}.photo-panel a:hover .img_text_overlay{background:#f9f9f9}section .photo-panel .img_text_overlay:after{font-family:'Font Awesome 6 Pro';content:"\f178";font-size:1rem;line-height:1.5rem;margin-left:.75rem;font-weight:700;display:inline-block;transition:ease-in-out 0.2s}section .photo-panel a{text-decoration:none;position:relative;display:inline-block}section .photo-panel a:hover img{filter:contrast(155%) brightness(55%);transform:scale(110%)}footer#footer{background:#fff;color:var(--color-dark);float:none}#footerbase{background:var(--color-dark);margin-top:-.5rem}#footerbase *,#siteby *{color:#fff;font-size:.75rem}.error_page_wrapper .bodycontent{padding:0;margin:auto}.margin-fix .col-12.col-sm-6.my-3.my-sm-0{margin-top:0!important;margin-bottom:1rem!important}section[data-type="component-gallery"] .card-columns .card{margin-bottom:.5rem;display:inline-flex;border:none}section[data-type="component-gallery"] .card-columns .card .card-img-top{border-radius:var(--border-radius-big);width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:center}.anchor{display:block;position:relative;top:-140px;visibility:hidden}span.brand-key{display:inline-block;background-color:var(--color-light);padding:.75rem 1rem;margin:0 1rem 1rem 0;border-radius:var(--border-radius)}.brands-list{list-style-type:none;padding:0;column-count:2;column-gap:1rem}.brands-list li{margin-bottom:.5rem;font-size:1rem}.brands-list li.brand-item.featured-brand{font-weight:700}.brands-list li.brand-item.featured-brand::after,span.brand-key .fa-fire{content:"\f06d";font-family:'Font Awesome 5 Pro';margin-left:.2rem;background:linear-gradient(to top,#ac0000,#ff4500,#ffcc00);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.brands-list li.brand-item.flagship-brand::before,span.brand-key .fa-crown{content:"\f521";font-family:'Font Awesome 5 Pro';color:gold;margin-right:.2rem}.stretch{align-items:stretch!important}.stretch section[data-type="component-photo"],.stretch section[data-type="component-photo"] .photo-panel{height:100%}.stretch section[data-type="component-photo"] .photo-panel img{height:100%;object-fit:cover}.blog_widget a.card.blog-card{padding:1rem;border-radius:var(--border-radius)}.blog_widget a.card.blog-card:hover{text-decoration:none;background:#f3f4f8}.blog_widget .blog-card .carouselimagewrap.blog{max-height:360px}.blog_widget .carouselimagewrap.blog img{border-radius:var(--border-radius);max-height:350px;object-fit:cover}.owl-theme .owl-nav [class*=owl-]{color:var(--color-white);background:var(--color-accent);font-size:1rem;border-radius:.35rem}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:var(--color-accent)}.module-blog .bodycontent{margin-top:0}div#blog{padding:1rem!important}div#blog .filter-bar{display:none}div#blog .carouselimagewrap.blog img{border-radius:var(--border-radius);max-height:350px;object-fit:cover}div#blog .card,div#blog .blog-item{border-radius:var(--border-radius-big)}button#category_toggle,.blog-wrapper #blog_form_submit{border-radius:0!important}button#category_toggle{align-items:center;display:flex}#blog_form_submit:after{content:""}div#news-page .feature-news-section{box-shadow:0 0 15px rgb(0 0 0 / 18%);background:var(--color-accent)!important}div#blogheadercta{background:var(--color-accent-dark);color:#fff;box-shadow:0 0 15px rgb(0 0 0 / 18%)}div#news-page .feature-news-section img.img-fluid{box-shadow:0 0 15px rgb(0 0 0 / 18%);border-radius:var(--border-radius-big)}div#news-page .feature-news-section h1{color:#FFF}div#news-page .feature-news-section h1::before{all:unset}div#news-page button#category_toggle,div#news-page .date,div#news-page p.posted{display:none}button#blog-back:after,a#back-btn:after{content:"";all:unset}button#blog-back:before,a#back-btn:before{font-family:'Font Awesome 6 Pro';content:"\f177";font-size:1rem;line-height:1.5rem;margin-right:.75rem;font-weight:700;display:inline-block;transition:ease-in-out 0.2s}.formstrap.container{padding:0}.formstrap .form_wrapper fieldset{border:none}.formstrap.container fieldset .form-group:first-of-type{display:none}.formstrap.container fieldset .form-group label.control-label{font-size:1rem;margin:auto auto .5rem;font-weight:700}.formstrap.container textarea#form_message{min-height:165px}.formstrap.container span.requiredtext{color:#C00}.formstrap.container legend{display:none!important}.formstrap.container .form-control{border:3px solid #ddd;padding:1rem}.formstrap.container .form_wrapper legend{display:block;width:100%;font-size:1.5rem;border:0;border-bottom:1px solid #e5e5e5;padding:20px;box-sizing:border-box;margin:0 auto;background:var(--color-accent);color:#FFF;border-radius:1rem 1rem 0 0}.formstrap.container .form_wrapper .form-group{padding:1rem 0;width:100%;max-width:100%}.formstrap.container .form_wrapper input#mailing_list{margin-right:1rem}.formstrap.container .form_wrapper div#div_gdpr .pull-left{width:100%}div#div_gdpr{padding:.5rem 0 0 0}.formstrap.container .form_wrapper div#div_gdpr .gdpr-container{border:3px solid #ddd;border-radius:.5rem;margin-bottom:auto}.formstrap .g-recaptcha{width:auto;max-width:100%;margin:0 auto -30px}.formstrap.container .form_wrapper span#captcha{margin:3rem auto -30px!important;display:block;color:#CC0000!important}.formstrap.container .form_wrapper .form-group .col-lg-12.text-center{text-align:left!important}@media (min-width:576px){section[data-type="component-gallery"] .card-columns{column-count:2;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:.5rem}}@media (min-width:630px){.brands-list{column-count:3}}@media (min-width:992px){header#header{background:#000;border:none;box-shadow:none;transition:.3s ease-in-out}body.hasbanner header#header{background:rgb(0 0 0 / .5)}body.hasbanner .scrolled-nav header#header,.scrolled-nav header#header,body.blog .scrolled-nav header#header{-webkit-box-shadow:0 15px 10px -15px rgb(0 0 0 / 30%);box-shadow:0 15px 10px -15px rgb(0 0 0 / 30%);background:#fbfbfb;background:rgb(250 250 250 / .95)}header#header .nav-wrap{max-width:1600px;padding:0 1rem}body a.navbar-brand{background:url(/usercontent/logos/h2obathrooms-web-logo-portrait-white.svg) no-repeat;background-size:contain}.scrolled-nav a.navbar-brand{background:url(/usercontent/logos/h2obathrooms-web-logo-portrait.svg) no-repeat;background-size:contain}body #main-nav a.nav-link,body #main-nav .nav-item.active a.nav-link,a.headercta{color:#fff}body #main-nav .navbar-nav .dropdown-menu{background:#fbfbfb;background:rgb(250 250 250 / .95);top:60px;border:none;border-radius:0 0 var(--border-radius) var(--border-radius);min-width:max-content}body #main-nav .navbar-nav a.nav-link{font-size:1rem}body #main-nav .navbar-nav .dropdown-menu a.nav-link{color:#222;text-decoration:none;padding:.5rem 1.5rem!important}.scrolled-nav #main-nav a.nav-link,.scrolled-nav #main-nav li.nav-item.active a.nav-link,.scrolled-nav #main-nav li.nav-item.dropdown.active a.nav-link,.scrolled-nav a.headercta{color:#222}div#headerinner div#mainmenu .navbar-nav{background:none;justify-content:space-evenly;flex-grow:1}#headerctas{min-width:180px;min-width:fit-content}body.hasbanner .bodycontent{margin-top:-90px}body .bodycontent{margin-top:20px;padding:0}.bigpadding{padding-top:4rem;padding-bottom:4rem}.carousel.slide .carousel-caption{right:auto!important;left:auto!important;top:0!important;bottom:0!important;padding:inherit!important;display:flex!important;align-items:center}.carousel.slide .banner-cta{background:rgb(0 0 0 / .5)!important;filter:none!important}body .bodycontent :is(.btn,.cta):hover:after,.btn-subscribe:hover:after{transform:translate(5px,0)}.photo-panel a:hover .img_text_overlay:after{transform:translate(5px,0)}section[data-type="component-gallery"] .card-columns{column-count:3}.brands-list{column-count:4}}@media (min-width:1200px){body #main-nav .navbar-nav a.nav-link{font-size:1.2rem}}@media (min-width:1600px){section[data-type="component-gallery"] .card-columns{column-count:4}#news-page section[data-type="component-gallery"] .card-columns{column-count:3}.brands-list{column-count:5}}@media (min-width:576px) and (max-width:991.98px){.force-col-6 .col-12.col-lg-3{width:50%;flex:50%}}@media (max-width:1199px){.break-xl *{flex:0 0 100%;max-width:100%}}@media (max-width:991.98px){.img-mobile-first div[data-type="container-content"]:nth-child(2){order:-1}div#top_banner .carousel-caption{background:#555}div#headerinner div#mainmenu .nav-link{padding:1rem!important;font-size:1.3rem;text-decoration:none}.break-lg *{flex:0 0 100%;max-width:100%}}@media (max-width:768px){.break-early *{flex:0 0 100%;max-width:100%}}