:root {
	--blue: #13449d;
}

*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; scroll-behavior: smooth; }
html,body{ width:100%; min-height:100%; font-size:16px; margin:0; padding:0; overflow-x: hidden; scroll-behavior: smooth;  }
html{ font-size:100%; text-rendering:optimizeLegibility !important; }
body{ -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-backface-visibility:hidden; background:white; overflow-x:hidden; font-family:"Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", Arial, sans-serif; font-weight:400; font-style:normal; color:black; font-size:16px; font-weight: 500; line-height: 1.8; /*font-family:'Gotham SSm 4r',"Gotham SSm A", "Gotham SSm B", Arial, sans-serif; min-height:100%;*/; padding-top: 42px; width: 100%; }
body.homepage{ background-color: white; }
html.no-scroll, body.no-scroll {height: 100vh; max-height: 100vh; overflow: hidden; }

#bob-modal { padding: 0; width: 100%; max-width: 800px; height: 400px; text-align: center; min-width: auto; }
#bob-modal > iframe { width: 100%; height: 400px; overflow: hidden; border: none; border-radius: 8px; }
#bob-modal.loading { background: url(/images/form-loader.gif) center center no-repeat, white; }

/*General*/
p{opacity: 1; color: #5d5e5d; }
ul{ list-style-type:none; margin:0; padding:0 }
ol>li{padding:4px 0;}
a{ color:black; text-decoration:none;  }
a:hover{ color:black;  }
.hidden, .so-hidden { display:none!important; opacity:0 }
h1, h2, h3, h4, .h1, .h2, .h3 {line-height: 1.3;}
h1, .h1{ font-weight:700; text-transform: uppercase; }
.h1{ font-size: 32px; }
h2, .h2 { font-weight:700; text-transform: uppercase; }
h2.one-line {font-weight: bold!important}
h3, .h3 {font-weight:700;font-size:28px;margin:0px; text-transform: uppercase;}
h4{ font-weight:700; font-size:22px; margin:0px;  }
strong{ font-weight:600;  }
.center{ margin:0px auto; text-align:center;  }
.row{ display:block; width:100%; margin:0px; padding:0; clear:both;  }
.blue {color: black!important}
.high-zindex { z-index: 99999999!important; }
.overflow-visible { overflow: visible!important;}
body .padded {padding-left: 32px!important; padding-right: 32px!important;}
body .module.hidden {display: none!important;}
.show-mobile { display: none; }
:root .no-top-margin { margin-top: 0!important; }
:root .no-bottom-margin { margin-bottom: 0!important; }
:root .no-float {float: none!important}
.fr, .dfr {float: right}
.underline, :hyperlinks.underline { text-decoration: underline; }
.white, :hyperlinks.white { color: white; }
.no-border {border: 0!important}
.disabled { opacity: 0.5!important; pointer-events: none!important; }
.transform, .uppercase { text-transform: uppercase!important; }
.lead { font-size: 1.8em; line-height: 1.4 }

:hyperlinks {
	&:focus, &:focus-visible, &:focus-within {
		border: 2px solid royalblue;
	}
}

@for i in 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65 {
	.m-#(i) { margin: #(i)px; }
	.mt-#(i) { margin-top: #(i)px; }
	.mb-#(i) { margin-bottom: #(i)px; }
	.p-#(i) { padding: #(i)px; }
	.pt-#(i) { padding-top: #(i)px; }
	.pb-#(i) { padding-bottom: #(i)px; }
}

img {
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
}

.clearfix:before, .clearfix:after {content: ""; display: block; clear: both;}
.container,.module,.row,.customer-service-form{ width:100%; position:relative; background-repeat:no-repeat; background-position:center top; background-size:cover }
.container:after,.row:after,.customer-service-form:after{ clear:both; content:''; display:block }
.row,.span12{ width:100% }
.center,.clear,.row,.row:after,.span12{ clear:both }
.row{ margin:0; padding:.1px 0 }
.container,.module,.customer-service-form{ margin:0 auto; vertical-align:top; overflow:visible }
.content p,.span1,.span10,.span11,.span12,.span2,.span20,.span3,.span4,.span5,.span6,.span8,.span9{ margin:0 }
.container.no-background{ background-color:transparent }
.content p{ padding:8px 0 }
.span11{ width:calc(100% / 12 * 11) }
.span10{ width:calc(100% / 6 * 5) }
.span9{ width:75% }
.span8{ width:calc(100% / 3 * 2) }
.span7{ width:calc(100% / 12 * 7); margin:0 }
.span6{ width:50% }
.span5{ width:calc(100% / 12 * 5) }
.span4{ width:calc(100% / 3) }
.span3{ width:25% }
.span20{ width:20% }
.span2{ width:calc(100% / 6) }
.span1{ width:calc(100% / 12) }
.center{ float:none; margin:0 auto; display:block;  }
.right{ float:right }
.noscroll { overflow: hidden!important; }

.module.sr-only {
	margin: 0!important;
	overflow: hidden!important;
	width: 1px!important;
	height: 1px!important;
}

.tooltip-wrap { position: relative; display: flex; align-items: center; }
.tooltip-wrap button { display: inline-block; width: auto; height: auto; padding: 0!important; cursor: pointer; border: 0; background: transparent; }
.tooltip-wrap button img { display: block; width: 18px; }
.tooltip-wrap button i { color: #5d5e5d!important; margin: 0; }
.tooltip-wrap button i:after { display: none; }
.tooltip-wrap .tooltip { color: #575757; top: 25px; right: 0; left: unset; line-height: 1.1; text-transform: none; padding-top: 20px!important; }
.tooltip-wrap .tooltip button.close { width: 16px; height: 16px; border: 2px solid transparent; cursor: pointer; }
.tooltip-wrap .tooltip.on { width: 200px; max-width: 100vw; }

/*Accordion*/
body:not(.product-v3) {
.Accordion{ list-style:none; padding: 24px 0 !important;}
.Accordion> li{overflow-y:hidden; position:relative; border:1px solid #d1d1d1; border-radius: 2px; overflow: hidden; margin-bottom:8px; }
.Accordion .accordion-title{ background-color: white; position:relative; text-transform: uppercase; font-weight: 700; margin: 0 }
.Accordion .accordion-title button { display: flex; align-items: center; width: 100%; cursor: pointer; border: 0; background-color: white; padding:16px; text-transform: uppercase; font-weight: 700; text-align: left; vertical-align: middle }
.Accordion .accordion-title button i { margin-left: auto; display:block; margin-right: 8px; font-style: normal }
.Accordion .accordion-title button i:after{ content:'\025BE'; display:block; font-size:20px; line-height:28px; }
.Accordion .accordion-content{ height:0; display: none; overflow: hidden; background-color: white; margin:0; opacity:0; transition:opacity 0.5s; -webkit-transition:opacity 0.5s; padding:0; line-height: 1.6; }
.Accordion .accordion-content>p:first-child{ margin-top:0;  }
.Accordion .accordion-content>p:last-child{ margin-bottom:0;  }
.Accordion .accordion-content>ul{ padding-left:24px; }
.Accordion .accordion-content>ul>li{ list-style: disc; padding:4px 0; line-height: 1.6;}
.Accordion .accordion-content *{ line-height: 1.6;}
.Accordion .accordion-content h3 { font-size: 18px; text-transform: none; }
.Accordion> li.on{ height:auto;  }
.Accordion> li.on > .accordion-title button i:not(.material-icons) { transform: rotate(180deg);  }
.Accordion> li.on > .accordion-content{ display: block; height:auto; opacity:1; padding:0 16px 16px 16px; }
.Accordion > li .accordion-content a { font-weight: bold }
.Accordion > li .accordion-content a:hover { text-decoration: underline!important; }
.Accordion > li.has-tooltip { overflow: unset }
.Accordion > li.has-tooltip > :first-child button { display: flex; gap: 35px; }
.Accordion > li .accordion-title { position: relative; }
.Accordion > li .accordion-title h3,.Accordion > li .accordion-title h4 { margin: 0; }
.Accordion > li .accordion-title .tooltip-wrap { position: absolute; z-index: 5; right: 43px; top: 50%; transform: translateY(-50%) }
.Accordion > li .accordion-title .tooltip-wrap button { display: inline-block; width: auto; height: auto; padding: 0!important }
.Accordion > li .accordion-title .tooltip-wrap button i { color: #5d5e5d!important; margin: 0; }
.Accordion > li .accordion-title .tooltip-wrap button i:after { display: none; }
.Accordion > li .accordion-title .tooltip-wrap .tooltip { color: #575757; left: unset; right: 0; top: 25px; line-height: 1.1; text-transform: none; }
.Accordion > li .accordion-title .tooltip-wrap .tooltip button.close { width: 16px; height: 16px; border: 2px solid transparent; cursor: pointer; }
}
/*header*/
.wrapper{ width: 100%; max-width: calc(1248px + (24px * 2)); padding: 0 24px; margin: 0 auto; position: relative; }
.module.wrapper { max-width: calc(1248px + (24px * 2))!important; margin-left: auto!important; margin-right: auto!important; }
.wrapper:after{ display:block; clear:both; content:'';  }
body{ }
body > main > .wrapper { margin-top: 42px; background-color: white; padding-bottom: 10px; } /* For fixed header */
body > main > .wrapper.parts {
	margin-top: 110px
}
body.homepage > .wrapper { background-color: white; padding-bottom: 10px; } /* For fixed header */

header{ position: fixed; width:100%; margin:0px; z-index:999; top:0px; left:auto; background-color:white; }
form.search_form {display: inline-block;margin-left: 8px;}
form.search_form input, .pro-search form.search_form input {position: relative;display: block;width: 100%;/* z-index: 1; */margin: 0;padding: 0 44px 0 8px;height: 34px;outline: 0;border: 0;background: #dddddd url('/images/head_icon_search_gray.png') right 12px center no-repeat;background-size: 20px 20px;border-radius:  4px;}

form.search_form .input-wrap {position: relative;}
form.search_form .input-wrap button {position: absolute; width: 44px; height: 34px; right: 0; top: 0; z-index: 2; border: 0; background: transparent; cursor: pointer; outline: 0}

input::-webkit-input-placeholder { font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif!important; }
input::-moz-placeholder { font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif!important; }
input:-ms-input-placeholder { font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif!important; }
input:-moz-placeholder { font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif!important; }

form.search_form input.search_text::-webkit-input-placeholder { color: #656565; }
form.search_form input.search_text::-moz-placeholder { color: #656565; }
form.search_form input.search_text:-ms-input-placeholder { color: #656565; }
form.search_form input.search_text:-moz-placeholder { color: #656565; }

.msg-modal {padding: 32px;}

form.mobile-search-form { display: none; }
header nav{ color:#515151; margin-top: 0px; display: inline-block; }
header nav a{ color:#515151;  }
header nav ul.nav li{display:inline-block;font-size: 16px;text-transform:uppercase;margin-left: 28px;padding:0px 10px;font-weight:700;}
header nav> .nav> li> a span.arrow{display: inline-block;width: 7px;height: 7px;/* float: right; */margin-left: 5px;margin-bottom: 2px;background-size: contain;background-image: url('/images/icon_spmenu_open.png');}
header nav> .nav> li> .sub{ display:none; opacity:0; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;  }
header nav> .nav> li.on> .sub:before{ border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; content: ""; background-color: white; display: block; position: absolute; z-index: -1; width: 200%; height: 100%; margin-left: -50%;  }
header nav> .nav> li.on> .sub{position:absolute;top:100%;left:0px;width:100%;z-index: 1000;/* margin-top: 8px; */background-color:white;display:block;background-color: #f6f6f6;opacity:1;border-top: 1px solid #ddd;line-height: 24px;}
header nav> .nav> li> .sub> ul{display:block;max-width:1024px;margin-left:auto;margin-right:auto;text-align:left;/* line-height: 24px; */padding:32px 0px;}
header nav> .nav> li li.column> .no-link {display:none;}
header nav> .nav> li li.image-link,header nav> .nav> li li.column{ display:inline-block; width:25%; margin-left: 0px; vertical-align:top;  }
header nav> .nav> li li.image-link { line-height: 20px; }
header nav> .nav> li li.column li{ display:block; margin:0px 0px 16px;  }
header nav> .nav> li li.column li a { font-size: 15px  }
header nav> .nav> li li.image-link a { font-size: 15px;   }
header nav .description{ font-size:14px; text-transform:none; color:#6e6e6e; font-weight:normal; margin-top: 8px  }
header nav .nav .products-nav .image-link{ width:15%; height:200px; position:relative; vertical-align:bottom; margin: 0 0.5%; }
header nav .nav .products-nav .image-link img{ position:absolute; top:0; right:0; bottom:0px; left:0px; margin:auto; }
header nav .nav .products-nav .image-link .link{ font-size: 14px; padding-top: 6px; position:absolute; bottom:-8px; left:0px; width:100%; display:block; text-align:center; border-top: 1px solid #DDD; }
header nav .more-products-sub{ display:inline-block; width:20%; height:auto; margin-left: 0px !important; position:relative; float: right; }
header nav .more-products-sub .sub { line-height: 16px; }
header nav .more-products-sub .sub .collections-link { margin-top: 8px; }
header nav> .nav> li.products-nav> .sub> ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: right; }
header nav .nav .products-nav .more-products-sub li{ display:block; margin:0px 0px 16px;  font-size:12px; margin-bottom:2px;  }
header nav .nav .products-nav .more-products-sub li{ font-size:12px;padding:0px;  }
header nav .nav .products-nav .more-products-sub li.collections-link,header nav .nav .products-nav .more-products-sub li.all-products-link{font-size: 16px;padding:0px;margin-top: 16px;}

header nav .nav .products-nav .more-products-sub .no-link{margin-bottom: 8px}
header nav button {
	border: 2px solid transparent;
	background: transparent;
	cursor: pointer;
	text-transform: uppercase;
}

.homepage .breadcrumbs{ display:none;  }
.breadcrumbs-wrap{
	background-color:#eaeaea;
	width: 100vw;
	margin-bottom: 64px;
	margin-left: calc((((100vw - 1296px) / 2) + 24px) * -1);
}
.breadcrumbs{ padding:8px 0px;  }
.breadcrumbs ul{ padding-left:32px; width:100%; max-width: 100%; margin:0px auto; text-transform:uppercase;  }
.breadcrumbs>ul{ padding-left:0;  }
.breadcrumbs li{ display:inline-block; font-weight:500; font-size:10px;  }
.breadcrumbs li a{ padding:8px 5px; color:#303030; font-weight:300; font-size:10px;  }
.breadcrumbs li:first-child a{ padding-left:0px;  }
.breadcrumbs li a i:after{ content:'/'; display:inline-block; padding-left:8px;  }

/*live chat*/
.livechat{cursor:pointer; width:65px; height:36px !important; margin-top:2px;opacity:0.9; position: absolute; right: 32px; top: -10px;}
.livechat:hover{opacity:1;}
.livechat .chaticon{max-width:100%;}
.livechat:hover,.livechatoff:hover{border-bottom:0 !important;}
.livechatoff{cursor:pointer; width:65px; height:36px !important; margin-top:2px; position: absolute; right: 32px; top: -10px;}
.livechatoff .chaticon{max-width:100%;opacity:0.7;}
.nochatbox{opacity:0; position:absolute; top:-100%; right:0; left:0; margin:auto; padding:40px; width:90%; max-width:700px; min-height:300px; height:auto; font-size:14px; text-align:center; line-height:28px; background:white; border:2px solid #585858; transition:opacity 0.5s; z-index:2000;}
.nochatbox.on{opacity:1; top:50%; margin-top: -150px;}
.nochatbox .head{ font-size:32px; font-weight:400; margin-top:0; margin-bottom:15px; text-transform:uppercase;}
.nochatbox .close{position:absolute; top:5px; right:5px; width:30px; height:30px; cursor:pointer; background: transparent; border: 2px solid transparent; }
.nochatbox .close:before{content:''; position:absolute; top:50%; left:0; height:2px; width:100%; transform:rotate(45deg); background:#3255a4;}
.nochatbox .close:after{content:''; position:absolute; top:50%; left:0; height:2px; width:100%; transform:rotate(-45deg); background:#3255a4;}

/*Footer*/
footer{ clear:both; position: relative; width:100%; margin: 0; color:white; background-color:black; }

footer .twitter a:before{ background-image:url(/images/ico_twitter.png);  }
footer .facebook a:before{ background-image:url(/images/ico_facebook.png);  }
footer .pinterest a:before{ background-image:url(/images/ico_pinterest.png);  }
footer .youtube a:before{ background-image:url(/images/ico_youtube.png);  }
footer .instagram a:before{ background-image:url(/images/ico_instagram.png);  }
footer .linkedin a:before{ background-image:url(/images/ico_linkedin.png);  }

footer p {color: white}

/* Google Conversion Iframe - Was Causing Space following footer */
iframe[name="google_conversion_frame"]{ position:fixed; }

/*General*/
.one-line{ position:relative; text-align:center; font-size:20px; font-weight:300; letter-spacing:0.5px; color:#515151;  text-transform:uppercase;  }
.one-line:before{ content:''; display:block; position:absolute; width:100%; height:1px; border-bottom:1px solid #515151; margin-top:0.5em; top:5px; left:0px;  }
.one-line span{ display:inline-block; background-color:white; padding:4px 8px; position:relative;  }
.two-line,h2.two-line,.module_content h2.two-line{ position:relative; text-align:center !important; display:block; font-style:normal; margin: 48px 0;}
.tech-type.two-line{ font-size:14px; letter-spacing:1px; text-transform:uppercase;  }
.tech-type.two-line strong{ display:block; font-size:20px; font-weight:normal; letter-spacing:5px; color:#515151;  }
.span4 div.inner{ width:auto; margin:16px; min-height:200px; display:block; float:none;  }
.span4:nth-child(3n+2) div.inner{ margin-left:0px;  }
.span4:nth-child(3n+1) div.inner{ margin-right:0px;  }
.span6 div.inner{ width:auto; margin:16px; min-height: 300px; display:block; float:none;  }
.span6:nth-child(2n+2) div.inner{ margin-left:0px;  }
.span6:nth-child(2n+1) div.inner{ margin-right:0px;  }
.span6 div.inner.variable-height{ min-height: auto; }
.ppw-people{ color:#d3461e;  }
.ppw-planet{ color:#638c1c;  }
.ppw-water{ color:#0082ca;  }
.tooltip{
	z-index:999;
	left:150px;
	top:0px;
	font-size:11px;
	font-weight:300;
	background-color:white;
	color:#2d2d2d;
	border-radius:3px;
	clip:rect(0,0,0,0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}
.tooltip:after{ width:100%; height:9px; background:url(/images/tooltip-arrow.png) no-repeat 0 0; position:absolute; left:-9px; top:22px; display:block; content:'';  }
.tooltip.on {
	padding:6px;
	width:115px;
	border:1px solid #9db7c9;
	display:block;
	clip: unset;
	height: unset;
	margin: 0

}
.what-this{ display:block; cursor:pointer; font-size:11px; color:black; padding-top: 5px  }
span.what-this, button.what-this { display:inline-block; cursor:pointer; font-size:11px; color:black; padding: 0 5px; background: none; border: none;  }
.tooltip .close{ width:16px; height:16px; position:absolute; top:3px; right:3px; cursor:pointer; background:url(/images/xmark-solid.svg) no-repeat center center transparent; border: 2px solid transparent; background-size: contain;  }
.tooltip h1, .tooltip h2, .tooltip h3, .tooltip h4, .tooltip h5, .tooltip h6 { font-size:11px; margin:0px; text-transform:uppercase; font-weight:500; color:black;  }
.related-products li{ max-width:240px;  }
.related-products img{ max-width:214px; display:block; margin-left:auto; margin-right:auto;  }
.related-products h4, .related-products h3 { font-size:13px; font-weight:700; color:#555; margin:12px 0px 0px; border-top:1px solid #ddd; padding-top:7px; text-transform:uppercase;  }
.module.lightbox{ cursor:pointer;  }
.full-width-image img {max-width: 100%; height: auto;}
.mostly-full-image img {max-width: 90%; height: auto;}
.modal_lightbox{ display:none;  }
.left-column .module_content{ padding-right:36px;  }
.about-content{ padding-bottom:20px;  }
.about-content .left-column h2 em{ font-size:16px; font-style:italic; display: block; opacity: 0.74; font-weight: 500; }
.about-content .left-column h3{ font-size:16px; margin-top:12px;  }
.about-content strong{ font-weight:600;  }
.cat-description{ display: block; width: 100%; padding: 40px 10%;}
.cat-description p{ color: #757575; font-size: 14px; margin: 10px; text-align: center; line-height: 20px; }

/*Homepage*/
.toto-essential-title{ font-weight:700; font-style:normal; position:absolute; left:0px; bottom:0px; width:100%; display:block; background-color:white; opacity:0.8; text-align:center; text-transform:uppercase; padding:18px 0px; letter-spacing:1px; height:auto; color:#1c6586; font-size:18px; word-wrap: break-word; }

.inner:hover .toto-essential-title{color:#124156;}
.toto-essential-title .span_class{ font-weight:normal;  }
.living-toto-library .toto-essential-title{color:#535353}
.living-toto-library:hover .toto-essential-title{color:#2f2f2f;}

/*Interior Pages*/
.header-banner{ min-height: 300px; max-height: 300px; margin-bottom:0; position: relative; display: flex; justify-content: center; align-items: center; background-color: #000; }
.header-banner::before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}
.header-banner > div {
	position: relative;
	z-index: 2;
	padding-top: 30px
}
.header-banner h1,
.header-banner .h1{
	width:100%;
	margin-top:0px;
	padding:8px 0px;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
	font-size:48px;
	color:white;
	text-shadow: 2px 2px 7px rgba(0,0,0,1);
}
.header-banner.blog-header {
	background-color: #000;
	background-position: center center;
	background-size: cover;
	color: white;
	max-height: unset
}
.header-banner.blog-header .wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 10px;
	text-align: left;
	padding-top: 0;
	min-height: 320px;
	padding-bottom: 24px;
}
.header-banner.blog-header .wrapper:after { display: none; }
.header-banner.blog-header .wrapper  h1 {
	margin: 0;
	text-transform: none;
	text-align: left;
	font-size: 40px;
}
.header-banner.blog-header .wrapper .info-row { display: flex; gap: 20px; font-size: 14px; }
.header-banner.blog-header .wrapper .info-row i { margin-right: 5px; }
h2.landing-title, .h2.landing-title{ font-size:19px; font-weight:500; margin-bottom:16px;  }
h1.block-title, .h1.block-title{ margin-top:75px; font-size:20px; margin-bottom:0px; font-weight:200;  }
.people-center-top h1.block-title{ font-size:40px; text-transform:uppercase; font-weight:600; font-style:normal; margin-bottom:24px; display:block;  }
h2.block-title{ font-size:32px; font-weight:200; text-transform:uppercase; text-align:center; margin-bottom:30px; margin-top:12px; letter-spacing:1px;  }
.people-first-subpage .description,.people-center-top .description{ text-align:center;  }
.people-first-subpage .description h5{ font-size:20px; font-weight:500; margin-top:0px; margin-bottom:20px;  }
.people-first-subpage .description .desc-inner{ margin:0px auto 35px auto; line-height:22px; font-size:15px;  }
/* .people-center-top h1.block-title.people-centered-design{ color:#008da7;  }
.people-first-subpage h1.block-title.people-centered-design{ color:#8dc0cd;  }
.people-first-subpage h2.block-title.people-centered-design{ color:#008da7;  }
.people-center-top h1.block-title.toto-total-design{ color:#e86d2e;  }
.people-first-subpage h1.block-title.toto-total-design{ color:#e6b5a3;  }
.people-first-subpage h2.block-title.toto-total-design{ color:#e86d2e;  }
.people-center-top h1.block-title.toto-whole-bathroom{ color:#5f9539;  }
.people-first-subpage h1.block-title.toto-whole-bathroom{ color:#abc07b;  }
.people-first-subpage h2.block-title.toto-whole-bathroom{ color:#5f9539;  }
.people-center-top h1.block-title.toto-everywhere{ color:#8b6da2;  }
.people-first-subpage h1.block-title.toto-everywhere{ color:#beb0c1;  }
.people-first-subpage h2.block-title.toto-everywhere{ color:#8b6da2;  } */
.people-first-fundamentals{ padding-bottom:48px; border-bottom:1px solid #e1e1e1;  }
.inner .detail{ position:absolute; left:0px; bottom:0px; width:100%; background-color:rgba(255, 255, 255, 0.8); font-weight:500; text-align:center; padding:12px 0px; text-transform:uppercase; }
.inner .detail strong{ display:block; font-size:19px; margin-top:5px; font-style:normal; font-weight:normal; letter-spacing:0;  }
.more-ppw .span4 div.inner{ height:275px;  }
.people-centered-desc h3{ font-size:21px; height:82px; position:absolute; left:0px; bottom:0px; width:100%; background-color:rgba(0, 0, 0, 0.5); font-weight:700; text-align:center; padding:12px 5px; text-transform:uppercase; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; color: white;}
.people-centered-desc h3 span{ display:block; font-size:15px; margin-top:5px; font-style:normal; font-weight:normal; letter-spacing:0; color:white;  }


.tech-and-innovation-highlights{margin-top:32px; margin-bottom: 32px;}
.tech-and-innovation-highlights h2.two-line{margin-bottom:22px; font-size: 14px; line-height: 1.2em; font-weight: 200;}
.ppw-head,.ppw-column{ padding:0px 24px; text-align:center;  }
.pww-column-body p{line-height:2em;}
.ppw-head{ margin-bottom:16px;  }
.ppw-head h3{ font-size:27px; color:#575757; font-weight:500; font-style:normal; text-transform:uppercase; margin:5px 0px; line-height:20px;  }
.ppw-head h3 span{ display:block; font-size:17px;  }
.ppw-column> .module_content{ border-bottom:1px solid #e1e1e1;  }
.tech-block{ text-align:left; margin:16px 0px; position:relative; margin-left:45px; width:auto;  }
.tech-block .row-icon{ display:inline-block; position:absolute; top:0px; right:100%; margin-right:15px; width:100px; text-align:right;  }
.tech-block .row-icon img{ display:inline-block; margin-left:10px;  }
.tech-block .row-desc{ display:inline-block; line-height: 1.5em; }
.tech-block .row-desc a{ color:black; font-size:12px;  }
.tech-block .row-desc h3{ font-size:16px; color:#575757; font-weight:700; margin-top:0px; text-transform: uppercase;}
.tech-block .row-desc h3 a{ color:#575757; font-size:16px;  }
.tech-block .row-desc h3 a:hover{ color:black;  }
.tech-block .row-desc p{line-height: 1.5em;}
.ppw-smartfacts{ margin:48px 0px;  }
.how-it-works{ margin:48px 0px; border:2px solid black; padding:8px 2%;  }
.how-it-works .image{ float:left; width:16%; margin-right:3%;  }
.how-it-works .content{ float:left; width:55%;  }
.how-it-works .content h3{ font-size:16px; color:black; padding-bottom:10px; font-style:italic; margin:18px 0px 0px 0px; font-weight:500;  }
.how-it-works .content p{ font-size:14px; color:#7d7d7d; line-height:16px; margin:0px; padding:0px;  }
.how-it-works .right-btn{ float:right; width:22%; text-align:center;  }
.how-it-works .right-btn .btn-right{ display:inline-block; background-color:#f2f6f9; font-size:16px; color:black; text-transform:uppercase; font-weight:500; margin:18px 0px 8px; padding:15px 5%;  }
.how-it-works .right-btn .link{ display:inline-block; padding-right:14px; color:#87a5bd; font-weight:700;  }
.how-it-works .right-btn .link:after{ content:'\025B8'; display:inline-block; margin-left:8px; font-size:24px; line-height:16px; position:relative; top:3px;  }
.sustainability{ margin-bottom:48px;  }
.sustainability .pww-column-head{ text-align:center;  }
.sustainability .pww-column-head h3{ font-size:16px; color:#575757; font-weight:700; margin-top:0px;  }
.sustainability .pww-column-head h3 a{ color:#575757; font-size:16px;  }
.sustainability .pww-column-head h3 a:hover{ color:black;  }
.sustainability:nth-child(2n+2){ padding-right:24px;  }
.sustainability:nth-child(2n+3){ padding-left:24px;  }
.sustainability .row-desc a{ color:black; font-size:12px; display:block;  }
.hotspot{ height:0px; overflow:hidden;  }
.hotspot.on{ height:275px; margin:48px 0px;  }
.hotspot .collection-image{ height:100%;  }
.click-through-image{ position:relative; text-align: center; }
.click-through-image > .module-content,
.click-through-image > .module_content { display: inline-block; position: relative;  }
.target{ position:absolute; width:35px; height:35px; background-color:white; opacity:0.8; top:0px; left:0px; cursor:pointer; text-align:center; border-radius:2px; box-shadow:rgba(0, 0, 0, 0.5) 1px 1px 1px;  }
.target:before{ content:'+'; font-size:35px; line-height:35px; color:#999;  }
.people-centered-design .target.target-0{ top:224px; left:977px;  }
.people-centered-design .target.target-1{ top:258px; left:680px;  }
.people-centered-design .target.target-2{ top:224px; left:136px;  }
.people-centered-design .target.target-3{ top:21px; left:250px;  }
.toto-everywhere .target.target-0{ top:216px; left:205px;  }
.toto-everywhere .target.target-1{ top:340px; left:70px;  }
.toto-everywhere .target.target-2{ top:393px; left:57px;  }
.toto-everywhere .target.target-3{ top:305px; left:330px;  }
.toto-everywhere .target.target-4{ top:318px; left:541px;  }
.toto-everywhere .target.target-5{ top:256px; left:856px;  }
.toto-whole-bathroom .target.target-0{ top:50px; left:900px;  }
.hotspot .collection{ float:none; display: inline-block; vertical-align: middle; }
.hotspot .collection-image{ float:none; display: inline-block; vertical-align: middle; }
.hotspot .collection .collection-inner{ text-align:left; margin:0px 48px 0px 0px;  }
.hotspot .collection .toto-design{ font-weight:700; color:#aeaeae; text-transform:uppercase;  }
.hotspot .collection h3{ font-weight:700; font-size:20px; text-transform:uppercase; color:black; margin:7px 0px 10px 0px; line-height:24px;  }
.hotspot .collection .toto-design-desc{ font-weight:500; }
.hotspot .collection .browse-more{ margin-top:34px;  }
.hotspot .collection .browse-more a{ border:2px solid black; color:black; display:inline-block; font-weight:700; padding:10px 40px 11px 40px;  }
.toto-philosophy{ display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: -12px; }
.toto-philosophy .span6{ padding: 12px; }
.toto-philosophy .span6 .module_content{ background-color:#ebebeb; margin:0; width:auto; padding:16px; height: 100%;  }
.download-press-kits{  }
.download-press-kits .span6 .module_content{ width:auto; margin-right:5.5%; margin-bottom:24px;  }
.download-press-kits .span6 .module_content img{ width:100%; height:auto;  }
.module.button{ text-align:center;  }
.module.button .module_content{ padding:0 12px; text-transform:uppercase; font-weight: 700; display:inline-block; font-size:16px; cursor:pointer;  }
.visit-global{ font-size:15px; line-height:22px; padding:0px 20px; margin-top:24px;  }
.community-content{ margin-bottom:30px;  }
.community-content .span4{  color: rgba(0, 0, 0, 0.74);  }
.community-content .span4 img{ width:100%; height:auto; border:1px solid #e5e4e4; margin:0 0 8px 0; }
.people-first-fundamentals p{ font-size:14px; line-height:24px;  }
.article-title h1, .article-title .h1{font-weight: 400;}
.article-banner{margin-top:32px; margin-bottom:32px;}
.article-related-products .span3{ margin:0px 2%; width:22%; font-size:14px; color:#959595; word-wrap:break-word; line-height:18px; font-weight:500; text-transform:uppercase;  }
.article-related-products .span3:hover{ color:black;  }
.article-related-products .span3 img{ width:100%; display:block; height:auto;  }
.article-related-products .span3:nth-child(4n+2){ margin-left:0px; clear:both;  }
.article-related-products .span3:nth-child(4n+1){ margin-right:0px;  }
.article-links{ margin-top:24px;  }
.article-links .article-links-left{  }
.article-links .article-links-right{ text-align:right;  }
.article-links a{ color:#8dbae0; font-size:16px; text-transform:uppercase; font-weight:500;  }
.article-links .article-links-left a:before{ content:'\025C2'; font-size:36px; display:inline-block; position:relative; top:6px; line-height:16px;  }
.article-links .article-links-right a:after{ content:'\025B8'; font-size:36px; display:inline-block; position:relative; top:6px; line-height:16px;  }
.article-links.people-centered-design a{ color:#8dbae0;  }
.article-links.people-centered-design a{ color:#8dbae0;  }
.article-links.toto-total-design a{ color:#e6b5a3;  }
.article-links.toto-whole-bathroom a{ color:#abc07b;  }
.article-links.toto-everywhere a{ color:#beb0c1;  }
.PPW-Community{  }
.PPW-Community .inner img{ width:100%; display:block; height:auto; border:1px solid #e5e4e4;  }
.PPW-Community .inner a{ color:black;  }
.PPW-Community .inner{ padding-bottom:24px;  }
.PPW-Community h3{ font-size:14px; color:#757575; text-transform:none; margin:0px; font-weight:500; margin-bottom:5px; text-align:left;  }
.inner.span3{ margin:0px 2%; width:22%;  }
.inner.span3:nth-child(4n+2){ margin-left:0px; clear:left;  }
.inner.span3:nth-child(4n+1){ margin-right:0px;  }
.sustainable-minds-product-list{  }
.sustainable-minds-product-list h2{ border-bottom:2px solid #052543; margin-bottom:22px; padding-bottom:11px; font-size:22px; font-weight:500;  }
.sustainable-minds-product-list .product-list{  }
.sustainable-minds-product-list .product-list ul{ margin:0px; padding:0px;  }
.sustainable-minds-product-list .product-list li{ display:inline-block; vertical-align:top; margin:0px; border-right:1px solid #e1edef; border-bottom:1px solid #e1edef; padding:2px 0px 10px 9px; width:20%; position:relative; min-height:250px; margin-bottom:35px;  }
.sustainable-minds-product-list .product-list li h3{ font-weight:600; color:#3a56c3; padding-bottom:10px; font-size:14px; margin:0px;  }
.sustainable-minds-product-list .product-list li h3 a{ font-weight:600; color:#3a56c3;  }
.sustainable-minds-product-list .product-list li h3 span{ font-weight:500; display:block; font-size:11px; color:#767676;  }
.sustainable-minds-product-list .product-list li a.pdf{ display:block; text-align:center;  }
.sustainable-minds-product-list .product-list li img{ max-width:110px;  }
.sustainable-minds-product-list .product-list li a.pdf:after{ position:absolute; bottom:16px; left:10px; content:''; cursor:pointer; width:33px; height:33px; display:block; background-image:url(/images/pdf-icon-red.png); background-size:contain; background-repeat:no-repeat;  }

.latest-articles-list{padding-bottom:24px;}
.latest-articles-list .thelatest{ width:50%; padding-right:24px; height:520px; position:relative; padding-bottom:20px; border-bottom:1px solid #e1e1e1; display:inline-block; vertical-align:top;  }
.latest-articles-list .thelatest img{ width:100%; height:auto;  }
.latest-articles-list .thelatest h3{ font-size:22px; line-height:26px; margin-top:1em; margin-bottom:1em;  }
.latest-articles-list .thelatest h3 a{ color:#575757;  }
.latest-articles-list .thelatest .thelatest-bottom{}
.latest-articles-list .thelatest .description{font-size:15px; line-height:22px;}
.latest-articles-list .thelatest .read-more{ text-transform:uppercase; font-weight:500; margin-top:24px; position:absolute; bottom:20px; left:0px;  }

.popup-section img {width: 100% !important;height: auto !important;max-width: 718px;}
.popup-locations .location-listing{display: inline-block; width:30%; margin-right:5%; vertical-align: top;}
.popup-locations .location-listing.listing-2{margin-right: 0px;padding-top:45px;}
.popup-locations .location-listing li{margin-bottom:8px; padding-left:28px; position: relative;}
.popup-locations .location-listing li > span{position: absolute; left:0px; top:-2px; display: inline-block; border:1px solid #333; border-radius: 50%; width:20px; height:20px;text-align: center; margin-right:8px;padding-top:2px;}


.article-case-studies{border-bottom:1px solid #e1e1e1; margin-bottom:64px; padding-bottom:48px;}

.related_articles { margin-top: 30px; }
.related_articles_list .image img { width: 216px; }
.item h4 a { font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 500; }

.recent-case-studies{padding-bottom:24px;}
.recent-case-studies .thelatest{width:50%; float:right;padding-left:12px; height:220px; margin-bottom:24px; position:relative;}

.recent-case-studies .thelatest .image{width:50%; height:220px; float:left; overflow:hidden; display:block;}
.recent-case-studies .thelatest .image img{width:auto; height:100%;}
.recent-case-studies .thelatest .thelatest-bottom{width:50%; float:right; padding-left:12px; border-top:1px solid #e1e1e1; }
.recent-case-studies .thelatest .read-more{width:50%; position:absolute; bottom:0px; right:1px; border-bottom:1px solid #e1e1e1; padding-bottom:20px; padding-left:20px; text-transform:uppercase; font-size:14px; font-weight:500;  }
.recent-case-studies .thelatest .read-more a:hover{color:black;}
.recent-case-studies .thelatest h3{}
.recent-case-studies .thelatest h3:before{content:'CASE STUDY'; font-size:14px; display:block; color:#aeaeae; font-weight:700; margin-top:10px; margin-bottom:5px; display:block; }

#related_articles_list .item{
	margin: 12px 28px 12px 0;
	text-align: center;
}
#related_articles_list .item img{
	display: block;
	margin-bottom: 6px;
}

.recent-case-studies .thelatest:nth-child(1){width:50%; height:464px; float:left; padding-right:12px; padding-left:0px;}
.recent-case-studies .thelatest:nth-child(1) .image{display:block; width:100%; height:220px; float:none;}
.recent-case-studies .thelatest:nth-child(1) .image img{width:100%; height:auto;}
.recent-case-studies .thelatest:nth-child(1) .thelatest-bottom{float:none; width:auto; padding-left:0px;}
.recent-case-studies .thelatest:nth-child(1) .read-more{width:100%; padding-left:0px; padding-right:12px; border-bottom:none; bottom:0px; padding-bottom:0px;}
.recent-case-studies .thelatest:nth-child(1) .read-more a{display:block; border-bottom:1px solid #e1e1e1; padding-bottom:20px;}
.recent-case-studies .thelatest:nth-child(1) h3:before{content:'FEATURED CASE STUDY';}
.article-related-products{margin-top:20px; padding-top:64px; border-top:1px solid #e1e1e1;}


.how-it-works-box{ border: 1px solid #e3e3e3; margin: 10px 0px 40px 0px; padding: 25px 35px; }
.how-works-1{ margin-bottom: 25px; padding-right: 15px; }
.how-works-1 img{ float: left; margin-right: 15px; }
.smart-fact{ border: 2px solid #c9dab4; margin-top: 30px; margin-bottom: 30px; padding: 15px 20px; font-size: 13px; line-height: 18px;  }
.smartfacts {font-style: italic;}
.smartfacts .smartfact p { line-height: 20px; font-size: 13px}
.smartfacts .smartfact h5 { margin: 0 0 10px 0; font-size: 14px}
.smartfacts.people-centered-design .smartfact { }
.smartfacts.people-planet-water .smartfact { }

.smart-fact h4{ font-size: 14px; font-weight: 500; line-height: 21px; color: #303030; padding-bottom: 10px; }
.washlet-downloads{ text-align: center; }
.washlet-downloads li{ display: inline-block; margin: 24px 36px; font-size: 10px; }
.washlet-downloads li img{ display: block; border: 1px solid #e3e3e3; margin: 0px auto; }
.module_content ul {
	list-style-type: disc;
	padding: 0;
}
.module_content ul li {
	line-height: 1.95;
}
.module_content a {
	color: black;
	text-decoration: underline;
	/*text-transform: uppercase;*/
}
.module_content .sub-title{ color: rgb(0, 0, 0); display: block; font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B"; font-size: 14px; font-style: italic; font-weight: bold; line-height: 22px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; }
.module_content .main-title{ font-size: 40px; margin: 48px 0;}
.module_content .tech-type h1{ color: rgb(0, 0, 0); display: block; font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B"; font-size: 26px; font-style: normal; font-weight: normal; line-height: 16.9px; margin-bottom: 17.42px; margin-left: 0px; margin-right: 0px; margin-top: 17.42px; }
.tech-header .module_content .main-title{ color: rgb(0, 0, 0); display: block; font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B"; font-size: 30px; font-style: normal; font-weight: normal; line-height: 1.2em; margin-bottom: 17.42px; margin-left: 0px; margin-right: 0px; margin-top: 17.42px; }
.tech-header .module_content .sub-title{ color: rgb(0, 0, 0); display: block; font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B"; font-size: 23px; font-style: normal; font-weight: normal; line-height: 1.2em; margin-bottom: 17.42px; margin-left: 0px; margin-right: 0px; margin-top: 17.42px; }
.module_content h3.tech-type{ font-size: 18px; text-transform: uppercase; letter-spacing: 1px; color: #515151; text-align: center; line-height: 16.9px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; }

/*Support*/
.supportButton a { background-color: transparent; color: #6e6e6e; padding: 0; }
.supportButton .module_content:hover { background: black; }
.supportButton .module_content:hover a { color: white; }
.customer-service-form{}
.form-section-inner.customer-support{padding:4%; background-color:#f8f8f8; position:relative;}
.form-section-inner.customer-support .subtle-description { color: #646464; }
.customer-service-form fieldset{ font-weight:500; font-style:normal; border:none; padding:0px; margin:0 0 25px 0;  }
#webform-component-contact-information{ width:46.8%; float:left;  }
.webform-client-form fieldset legend{ margin-bottom:16px; font-size:16px; color:black; font-weight:500; font-style:normal;  }
legend{ border:0; padding:0; white-space:normal;  }
.customer-support .compact-form-wrapper, .customer-support .webform-component-select{ float:left; width:100%; position:relative;  }
.form-required{ color:#cf2020;  }
.compact-form-label{ display:block; position:absolute; top:1px; left:5px; z-index:1; font-size:.9em;  }
.webform-client-form .compact-form-label{ font-weight:normal; top:10px; left:12px; color:#bdbdbd; font-weight:500; font-style:normal;  }
.webform-component input[type="text"], .webform-component input[type="email"], .webform-component input[type="number"], .webform-component textarea{ border:1px solid #a4a4a8; background-color:white; padding:12px 10px; color:black; font-size:16px; font-family:'Gotham SSm 5r','Gotham SSm A','Gotham SSm B'; font-weight:400; font-style:normal; width:244px; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%;  }
.webform-component .required.error, #warranty-registration .error, #toto-customer-support-form .required.error { border: 2px solid #FF0000; }
#warranty-registration .message.error { border: 0; color: #FF0000; }
#warranty-registration .message.error[aria-live="polite"] { padding: 10px 0px }
#webform-component-inquiry-type{ width:46.8%; float:right; margin-top:30px;  }
fieldset.captcha{ border-bottom:1px solid white; position:relative; z-index:10; padding-bottom:15px; float:none; width:100%;  }
fieldset.captcha .fieldset-wrapper .fieldset-description{ display:none;  }
fieldset.captcha .fieldset-wrapper .form-item-captcha-response{ float:left; width:38.5%;  }
fieldset.captcha .fieldset-wrapper .form-item-captcha-response label.compact-form-label{ top:13px;  }
.webform-component-checkboxes{ margin-top:18px; margin-right:14px; display:inline-block;  }
.element-invisible{ position:absolute !important; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px); overflow:hidden; height:1px;  }
.form-checkboxes .form-item.form-type-checkbox { display: flex; gap: 10px; align-items: center }
.form-checkboxes .form-item.form-type-checkbox .icheckbox_minimal { margin: 0; }
.icheckbox_minimal { margin: 0; min-width: 24px; min-height: 24px; max-height: 24px; }
.icheckbox_minimal + label { margin: 0; line-height: 1; }
.icheckbox_minimal, .iradio_minimal{ background-position:0 0;  }
.icheckbox_minimal, .iradio_minimal{ display:inline-block; vertical-align:middle; margin:0; padding:0; width:24px; height:24px; background:url(/images/3-state-checkbox-new.png) no-repeat; border:none; cursor:pointer; margin-right:10px; float:left;  }
.icheckbox_minimal.on { background-position:-24px 0px;  }
.icheckbox_minimal.has-error:not(.on) { background-position:-72px 0px;  }
.icheckbox_minimal, .iradio_minimal {
	&:focus, &:focus-within, &:focus-visible {
		outline: 2px solid royalblue!important;
		border: 0;
	}
}
.webform-client-form .s-hidden{ visibility:hidden; padding-right:10px; display:none;  }
.webform-client-form .form-item,
.webform-client-form .form-actions{ margin:0 0 20px 0;  }

.webform-client-form .select .styledSelect{ z-index: 100; font-size: 16px; color:#b6b6b9; background-color:white; padding:12px 25px 12px 12px; text-align:left; font-weight:500; font-style:normal; border:1px solid #a4a4a8; outline: 0; width: 100%;  }
.webform-client-form .options{ display:none; position:absolute; top:100%; right:0; left:0; z-index:9999; margin:0 0; padding:0 0; list-style:none; border:1px solid #ccc; background-color:white; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.2);  }
.customer-support #webform-component-inquiry-type legend{ display:none;  }
fieldset.captcha{ border-bottom:1px solid white; position:relative; z-index:10; padding-bottom:15px; float:none; width:100%;  }
fieldset.captcha .fieldset-wrapper img{ float:left; margin-right:5%; height:42px;  }
fieldset.captcha .fieldset-wrapper .form-item-captcha-response{ float:left; width:38.5%;  }
fieldset.captcha .fieldset-wrapper .form-item-captcha-response input[type="text"]{ width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:13px 10px;  }
fieldset.captcha .fieldset-wrapper .form-item-captcha-response label.compact-form-label{ top:13px;  }
fieldset.captcha .fieldset-wrapper .form-item-captcha-response .description{ display:none;  }
.customer-support-last-row{ float:none; clear:both; width:100%; text-align:right; position: relative;  }
.webform-client-form .webform-component-checkboxes{ margin-top:18px; margin-right:14px; display:inline-block;  }
.customer-support-last-row #edit-submitted-select label.option{ display:inline-block; margin-top:3px; color:black;  }
.webform-client-form #edit-actions{ display:inline-block;  }
.webform-client-form .form-submit{ border:2px solid black; background:transparent; padding:14px 24px; font-size:16px; color:black; font-weight: 700; text-transform:uppercase; cursor: pointer; }
.webform-client-form .form-submit:hover,
.webform-client-form .form-submit:focus,
.webform-client-form .form-submit:focus-visible { color:white; background:black;  }
/*.customer-support-last-row .icheckbox_minimal input { opacity: 1.0 !important; }*/
.fieldset-wrapper.captcha { margin-bottom: 10px; }
.fieldset-wrapper.captcha #captcha_code{ width:100%; max-width: 200px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:13px 10px;  }
.fieldset-wrapper.captcha #captcha_code.error{ border: 2px solid #FF0000; }
.customer-support h4 { font-size: 12px; color: #cf2020; margin: 0 0 5px 0; }
.customer-support h4.error { font-size: 12px; background-color: #cf2020; color: white; margin: 0 0 5px 0; padding: 10px; }
.customer-support h4.product-error { margin: 5px 0; }
.form-loading-overlay { display: block; width: 100%; height: 100%; background-image: url('/images/form-loader.gif'); background-size: 25% auto; background-position: center center; background-repeat: no-repeat; background-color: rgba(50,50,50,0.2); position: absolute; top: 0; z-index: 900; }

#product-search-wrapper { position: relative; }
#product-search-wrapper .results { display: none; margin-top: -10px; width: 100%; background-color: white; border-left: 1px solid #a4a4a8; border-bottom: 1px solid #a4a4a8; border-right: 1px solid #a4a4a8; padding: 0; }
#product-search-wrapper .results .result { display: block; width: 100%; cursor: pointer; padding: 10px; font-size: 12px; color: black; border-bottom: 1px solid #CCC; }
#product-search-wrapper .results .result.active, #product-search-wrapper .results .result:hover { background: rgba(0,0,0,0.1) }
#product-search-wrapper .results .result.none { background-color: #ECECEC; font-style: italic; }
#product-search-wrapper .results .result:last-child { border-bottom: 0; }
#product-search-wrapper .clear-product-search { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); z-index: 100; color: #757575; }

.iotoptions label{display:block;margin-bottom:5px;}
.features_iot{display:none;}

fieldset#webform-component-purchase-information{
	border-bottom: 1px solid white;
	position: relative;
	z-index: 10;
	padding-bottom: 15px;
	float: none;
	width: 100%;
}

#webform-component-purchase-information--Price-Paid--c .field-prefix {
	position: absolute;
	left: -3%;
	top: 25%;
}
#webform-component-contact-information--name {
	width: 100%;
	float: left;
}

/*Feedback form*/

.webform-client-form fieldset {
	font-weight: 500;
	font-style: normal;
	border: none;
	padding: 0px;
	margin: 0 0 25px 0;
}
.compact-form-wrapper {
	position: relative;
	text-align: left;
}
.form-section-inner {
	background-color: #f2f6f9;
	padding: 4%;
	position: relative;
}
.webform-client-form fieldset {
	font-weight: 500;
	font-style: normal;
	border: none;
	padding: 0px;
	margin: 0 0 25px 0;
}
.webform-client-form .form-item, .webform-client-form .form-actions {
	margin: 0 0 20px 0;
}
.webform-client-form .compact-form-label {
	top: 14px;
	left: 12px;
	line-height: 1;
	color: #bdbdbd;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
}
.feedback-form { width: 100%; }
.feedback-form .top { padding: 20px; }
.feedback-form h3 { color: #333; }
.feedback-form #webform-component-feedback {
	width: 100%;
	float: left;
}
.feedback-form #webform-component-feedback textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.resizable-textarea .grippie {
	background: #eee;
	border: 1px solid #ddd;
	border-top-width: 0;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
}
.feedback-form .webform-component-checkboxes {

}

.feedback-form #webform-component-contact-information{ width: 100%; float: none;  }

.feedback-form .form-foot {
	display: flex;
	gap: 20px;
	flex-flow: wrap;
	align-items: center;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.feedback-form .form-foot > * {
	margin: 0;
}

.feedback-form .form-foot > .btns {
	order: -1
}

fieldset#webform-component-purchase-information:before, fieldset#webform-component-home-and-product-selection:before, fieldset.captcha:before {
	border-bottom: 1px solid #c9ddeb;
	content: "";
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
#webform-component-contact-information--email {
	width: 100%;
	float: left;
}

.support-quicklinks{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding-top:32px; padding-bottom:24px; margin-bottom:24px;}
.support-quicklinks .button{padding-left:24px;}
.support-quicklinks .button:nth-child(2){padding-left:24px;}
.support-quicklinks .button:nth-child(3){padding-right:24px;}
.support-quicklinks .button .module_content{display:block; font-size:16px; font-weight:700; color:black; border:1px solid #f0f0f0; padding: 8px; }

.support-content > .module_content{margin-bottom:48px; }
.contact-toto-support{padding-left:24px; font-size:14px; line-height:19px; font-weight:200;}
.contact-toto-support h2{ font-size:16px; margin:0px; text-align: left !important;}
.contact-toto-support h2.two-line{font-size: 24px; margin:0px; padding-bottom:10px; text-align: left !important;}
.contact-toto-support ul{list-style: none;}
.contact-toto-support li{margin-bottom: 20px;}
.contact-toto-support li p:nth-child(2n){margin-top: 5px;}
.contact-toto-support li p a{color: black; font-weight: bold;}
.contact-toto-support li p a:hover{color: #666;}
#toto-customer-support-form .form-checkboxes { position: absolute; left: 0; }
.view-warranty-information{ width: 31%; float: right; font-size:12px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 24px 0;}
.view-warranty-information h4{display: block; font-size:16px; margin-bottom:24px; margin-top: 24px; padding-top: 24px; }
.view-warranty-information li{margin-bottom:16px; padding-left:2px;}
.view-warranty-information li a{color: black; padding-right: 12px; background: url('/images/blue-arrow.png') no-repeat right 2px;}
.view-warranty-information li a:hover{color: #666;}
.module_content span.form-success { display: none; font-weight: bold; font-size: 24px; color: black; }

#toto-customer-feedback-form .error.message {
	color: #cf2020;
	margin-bottom: 20px
}

#toto-customer-feedback-form .error.message:empty {
	margin-bottom: 0
}


.warranty-information pre{color:black; font-weight:normal; line-height:20px; white-space:pre-wrap; word-wrap:break-word; margin:1em;}

/*News/Search */
.search-filters{ display:inline-block; width:25%; vertical-align:top; padding-right: 16px; }
.results{ display:inline-block; width:75%; vertical-align:top;  }
.search-result{ width:auto; margin-bottom:15px; background-color: white; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border:1px solid #f0f0f0; border-radius: 2px; overflow: hidden;}
.search-result .content::after{ display:block; content:''; clear:both;  }
.search-result .content > div { display:flex; flex-flow: wrap;  }
.search-result .content > div > * { display: block;  }
.search-result .image{ position: relative; width:200px; min-height: 150px; overflow: hidden; margin-right:24px; font-size: 0; position:relative;}
.search-result .image img{ position: absolute; width: 100%; height: 100%; object-fit: cover; }
.search-result .image .logo{position:absolute;right:0px;top:0px;max-height:25px;width:auto;}
.search-result .description{ flex: 1; padding:16px 16px 16px 0px; line-height: 1.6; color: #767676; position: relative }
.search-result .description .title { font-size: 20px; font-weight:600; padding: 0; color: #000; margin-top: 5px; }
.search-result .description .stock { display: inline-block; font-size: 10px; padding: 3px 10px; background: #F6F6F6;}
.search-result .right { display: flex!important; flex-flow: wrap; align-items: center; padding-right: 34px}
.search-result .right .default-btn { text-transform: uppercase; font-size: 14px!important; font-weight: normal; min-width: 150px; text-align: center; border-color: #CDCDCD!important; }
.search-result .right .default-btn:hover { border-color: black!important; }
.results .returntoresults { display: inline-block; margin-bottom: 20px }
.search-result .group-name { font-size: 16px; margin-top: 5px }
.search-result .description .sku, .search-result .description .color { font-size: 14px; }

.search_form #search_query_form input { display: block; padding: 8px; width:100%;  margin:8px 0 0 0;}
.current-search{ background-color:#f5f5f5; padding:16px; margin-bottom:48px; margin-right:16px; display: none;  }
.search-filters h2, .search_page h2 { font-size:18px;  }
.search-filters h3 { font-size:16px;  }
.filters h3{ margin:24px 0 4px 0; font-weight: bold; }
.filters li{ display: block; padding:4px 0 4px 8px; cursor:pointer; color:#767676;  }
.filters li:hover{ color:#000;  }
.current-search li{ cursor:pointer;  }
.current-search li:before{ content:'\000D7'; display:inline-block; margin-right:5px; font-size:20px; vertical-align:middle;  }
.pagination{ float:right; color:black; height:21px; line-height:21px; display: flex; gap: 5px; align-items: center  }
.pagination .next,.pagination .prev{ margin:0px 4px; display:inline-block; vertical-align:middle; cursor:pointer; width:24px; height:21px; background-size:contain; background-position:center; background-repeat:no-repeat;  }
.pagination .next{ background-image:url(/images/search-pager-next.jpg);  }
.pagination .prev{ background-image:url(/images/search-pager-pre.jpg);  }
.pagination:not(.pager-navi) .current{ color:#fff; width:24px; height:21px; background-color:#d6d6d6; text-align:center; display:inline-block; line-height:21px;  }
.page_count { color:#767676; }
.paginationBar .page_count { font-size: 18px; margin: 0 0 20px }
.paginationBar .pagination { display: inline-flex; align-items: center; }
.paginationBar .pagination .num { padding: 0 10px; }
.search_page{ display:none; clear:both; margin-top: 0px; }
.search_page.on{ display:block;  }
#data-collection .search_page > ul { padding: 0!important;  }
.search_form>h3 {
	font-weight: bold;
}
.search_form>input[name="query"] {
	width: 18%;
	padding:8px;
	margin:16px 0 0 0;
}
.search_form .filters > div {
	padding: 24px 0;
}

.search_form .filters div ul { padding-left: 10px; }

#quick-search-result {
	display: none;
	position: absolute;
	width: 100%;
	max-width: calc(100% - 92px);
	max-height:  500px;
	line-height: 18px;
	background: white;
	overflow-y: scroll;
	border-radius: 0px;
	text-align: left;
	z-index: 1001;
	left: 10px;
	top: calc(100% - 10px);
	text-transform: none;
	font-weight: 400;
	padding-bottom: 20px;
	outline-width: 1px;
	outline-style: solid;
	outline-color: #ebebeb;
}

#quick-search-result .header {
	color: black;
	background-color: #f2f6f9;
}

#quick-search-result  .header {
	border-bottom: 1px solid #d1d1d1;
	padding: 8px;
}
#quick-search-result .label { padding: 15px 15px 10px; color: black; font-weight: bold; margin-top: 5px; }
#quick-search-result li { border: 0; padding: 10px 15px; }
#quick-search-result li a { display: inline-block; color: rgba(0,0,0,.65); font-weight: 400; border: 2px solid transparent; }
#quick-search-result li a:hover, #quick-search-result li a:hover strong { color: $(blue)!important }
#quick-search-result li strong { color: black; font-weight: 800 }

#quick-search-result li[role="group"] { padding: 0; border: 0; }

#quick-search-result li.active {
	border: 2px solid royalblue;
}

#quick-search-result .image{display:block;position:relative;}
#quick-search-result .image .logo{position:absolute;right:0px;top:0px;max-height:25px;}
#quick-search-result .image img {
	max-width: 80px;
}

#quick-search-result .title {
	color: #515151;
	font-size: 14px;
	font-weight: 600;
	padding:  0;
	margin:  0;
}

#quick-search-result .title a:hover {
	color: black;
}

#quick-search-result .description {
	font-size: 12px;
}

#quick-search-result .results-suggestions li {
	text-transform: uppercase;
	font-size: 16px;
}
.card-click { cursor: pointer }
#quick-search-result .results-products li { cursor: pointer }
#quick-search-result .results-products li > div { display: flex; gap: 15px; border: 2px solid transparent; }
#quick-search-result .results-products li > div:focus-within { border-color: royalblue; }
#quick-search-result .results-products li > div .thumbnail { width: 82px; }
#quick-search-result .results-products li > div .thumbnail img { display: block; }
#quick-search-result .results-products li > div .info { flex: 1; font-size: 12px }
#quick-search-result .results-products li > div .info a { font-size: 12px }
#quick-search-result .results-products li > div .info a:focus { border-color: transparent!important; }
#quick-search-result .results-products li > div .info .title { text-transform: uppercase; margin-bottom: 5px; }
#quick-search-result .results-products li > div .info .sku { margin-bottom: 5px; }
#quick-search-result .results-products li > div .info .price { color: black; font-weight: 500 }

#quick-search-result .no-results { font-weight: 500; color: black; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 20px; }
#quick-search-result .no-results-contact { font-weight: 500; padding: 20px; }
#quick-search-result .no-results-contact .label { padding: 0!important; margin: 0 0 20px!important; font-size: 18px; }
#quick-search-result .no-results-contact li { color: black; padding: 8px 0; font-size: 16px; display: flex; gap: 20px; align-items: center }
#quick-search-result .no-results-contact li a { color: black; }
#quick-search-result .no-results-contact li i.send { transform: rotate(-45deg) }

#clear_search_filters { cursor: pointer; margin-top: 8px; display: none; }

/*Press*/
.press-row{ margin-bottom:24px;  }
.press-row-desc{ font-size:18px; font-weight:700; line-height:22px; padding-bottom:2px; text-transform: uppercase; }
.press-row-description{ font-size:12px;  }
.press-row-footer{ font-size:12px; margin-top:10px;  }
.press-row-footer .readmore{ color:black; font-size:14px; font-weight:500;  }
.press-row-footer .readmore:before{ width:25px; height:25px; margin-right:8px; vertical-align:middle; content:''; display:inline-block; background-image:url(/images/press-read-icon.png); background-size:contain; background-position:center; background-repeat:no-repeat;  }
.press-row-footer .download{ color:black; font-size:14px; font-weight:500; margin:0 0 0 16px;  }
.press-row-footer .download:before{ width:25px; height:25px; margin-right:8px; vertical-align:middle; content:''; display:inline-block; background-image:url(/images/press-download-icon.png); background-size:contain; background-position:center; background-repeat:no-repeat;  }

/*Category*/
.collection-description{width:100%; margin:24px auto; text-align:center; opacity: 0.74; }
.category-list {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.category-list li {
	flex: 0 1 auto;
	width: calc(25% - 10px);
	padding-bottom:8px;
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.category-list li :focusable {
	display: block
}
.category-list li img{width:100%; height:auto;}
.category-list li .detail{text-align:left; width:100%; padding:0px; margin:0px; font-weight:500;}
.category-list li .detail > span{display:none;}
.category-list li .detail strong{font-size:16px; display:block; margin-top:0px; font-weight:200; color:#525252; text-transform:capitalize;}
.best-sellers-banner{ margin-top:24px; color:#fff; background-color: #000; width:auto; height:403px; background-size:cover; background-repeat:no-repeat; background-position:center top;  }
.featured .best-sellers-banner{height:360px;}
.featured .detail-section li > a { display: block; border: 2px solid transparent; }
.best-sellers-banner.header-banner{width:100%;}
.best-sellers-banner .heading{ text-align:center; text-transform:uppercase; font-weight:900; font-size:20px; letter-spacing:3px; padding:8px; background-color:rgba(0, 0, 0, 0.1);  }
.no-transform, .no-transform h1, .no-transform h2, .no-transform h3 { text-transform: none!important; }
.best-sellers-banner .content-detail{ position:relative; margin-top:24px; margin-left:50px; width:42.96%; text-align:center; text-shadow:-1px -1px 5px #000;  }
.best-sellers-banner h1, .best-sellers-banner h2 { font-size:72px; font-weight:300; margin:0px 0px 24px 0px; line-height: 1.0; }
.best-sellers-banner .content-detail p{ font-size:21px; color: white; text-transform:lowercase; letter-spacing:1px; font-weight:700;  }
.best-sellers-banner .button{ display:inline-block; border:2px solid #a28e78; padding:4px;  }
.best-sellers-banner .button a{ display:block; border:1px solid #a28e78; background-color:white; color:#977c63; text-transform:uppercase; padding:11px 15px; text-shadow:none; font-weight:700; font-size:17px; letter-spacing:2px;  }
.best-sellers-banner .button a:hover{ color: #78634f; }
.sub-heading{ border-bottom:1px solid #dfdfdf; margin-left:24px; margin-right:24px; position:relative;  }
.sub-heading h2{ width: 72%; font-size:48px; font-weight:200; margin:35px 0px; color:#484848;  }
.sub-heading .btn{ background-color:#f2f6f9; font-size:16px; color:black; text-transform:uppercase; font-weight:500; padding:15px; position:absolute; right:0px; top:0px; display:inline-block;  }
#content{ margin:24px;  }
.category-top{ background: url('/images/border.jpg') repeat-x 0 bottom; position:relative;  }
.category-top .clear_filters{ color:#306387; letter-spacing:1px; }
.category-top .clear_filters .hide_filters{ padding-bottom:16px; cursor:pointer; display:none; font-weight:700; text-transform:uppercase; cursor:pointer; background: url('/images/tab-active.jpg') no-repeat center bottom; }
.category-top .clear_filters .hide_filters.on{ display:inline-block;  }
.category-top .clear_filters .clear_all_filters{ color:black; font-weight:500; margin-left:16px; display:inline-block; text-transform:uppercase; cursor:pointer;  }
.category-top .sort_products{ display:inline-block; color:#a2a2a2; text-transform:uppercase; font-weight:700; letter-spacing:1px; position:absolute; right:0px; top:0px;  }
.category-top .sort_products select{ width:227px; border:1px solid #ccc; font-size:12px; color:#a2a2a2; margin-left:16px;  }
.detail-section{  }
.detail-section > a, .detail-section > li { position: relative; display: inline-block; width: 31%; height: auto; margin-right: 3.5%; margin-top: 10px;  }
.detail-section > a:last-child, .detail-section > li:last-child { margin-right: 0px; float: right;  }
.detail-section .featured-category .detail { background: url('/images/transparent-white.png') repeat 0 0; position: absolute; width: 100%; left: 0; right: 0; bottom: 0px; margin: 0; padding: 10px 0; border-top: 1px solid white; border-bottom: 1px solid white; color: #303030; text-align: center; }
.detail-section .featured-category .detail h4,  .detail-section .featured-category .detail .h4 { font-size: 13px; font-weight: 500; }
.detail-section .featured-category .detail h3,  .detail-section .featured-category .detail .h3 { font-size: 20px; font-weight: normal; color: black; }
.detail-section .featured-category .detail h3:hover { color: black; }
.detail-section .featured-category img { width: 100%; height: auto; }
.display-filter-summary-main{ font-size:20px; font-weight:500; color:black; padding-right:12px; margin:16px 0px 8px 0px;  }
.display-filter-summary-main .display-filter-count{ font-weight:700;  }
.display-filter-summary{  }
.display-filter-summary li{ display:inline-block; padding:8px 16px;  }
.display-filter-summary li .trigger{ color:#333; display:inline-block; margin-right:5px; cursor:pointer;  }


:root .filter-section .colors-wrap {
	margin-top: 40px;
}
:root .filter-section h2.heading {
	margin-bottom: 8px;
}
:root .prods-top-area .result-info {
	color: black;
}
:root body.category #product-collection .products .product-default-list .list-price {
	color: black;
	opacity: 0.74;
}

:root body.showroom-page .top .txt h1 {
	text-transform: uppercase;
	font-weight: 700;
}

#filters-view-all { display: none; }
#filter-details{ margin-top:16px; border-bottom:1px solid #515151;  }
#filter-details .filter{ max-width:216px; width:22.375%; height:38px; background-color: white; display:inline-block; cursor:pointer; border:1px solid #f0efef; text-align:center; margin:0px 3.5% 24px 0px; position:relative; }
#filter-details .filter:nth-child(4n){ margin-right:0px;  }
#filter-details .filter .value{ display:inline-block; font-size: 16px !important; vertical-align: middle; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:42px; padding-right: 26px; text-transform: uppercase; }
#filter-details .filter .value:after{ content:'\025BE'; color:#aaa; font-size:18px; line-height:42px; right:8px; top:0px; position:absolute;  }
#filter-details .filter .value.on{ color:white; background-color:#94AEC1;  }
#filter-details .filter .value.on:after{ color:white;  }
#filter-details .dropdown{ width:100%; display:none; position:absolute; left:0px; top:100%; border:1px solid #f0efef; background-color:white; z-index:1;  }
#filter-details .filter.on{ color: black;  }
#filter-details .filter.on .dropdown{ display:block;  }
#filter-details .filter.on .value:after{ color:black; transform:rotate(180deg); }
#filter-details .dropdown li{ display:block; padding:7px 0px; margin:4px; font-size:14px; color:#303030; text-transform: uppercase; }
#filter-details .dropdown li:hover{ background-color:#F0F4F6;  }
#filter-details .dropdown li.on{ background-color:black;  }
#filter-details .dropdown li.showmore a { float: none;  }
#compare-bar{ background-color:#F3F7FA; min-height:34px; margin-top:1px; padding:8px 0px; border-top: 1px solid #515151; box-shadow: 0 1px 1px white inset; transition: all 0.3s }
.compare-count { display: inline; }
#compare-bar span:not([data-brand]){font-size:14px;font-weight:500;color:black;padding-right:12px;margin:0;display:inline-block;line-height:32px;vertical-align:text-top;cursor:pointer;}
#compare-bar #clear-compare { margin-left: 16px; }
#compare-bar ul.compare-products{display: inline-block;}
#compare-bar ul.compare-products li{display: table-cell;width: 33%;max-width:  250px;height:  100px;text-align: left;}
#compare-bar ul.compare-products li .name, #compare-bar ul.compare-products li .price {
	display: inline-block;
	vertical-align: text-top;
	max-height: 80px;
	max-width: 120px;
	overflow: hidden;
	line-height: 1.2
}
#compare-bar ul.compare-products li .wrap {display: inline-block;width: 80px;height: 80px;background-color:white;border:1px solid black;margin-left:11px;overflow:hidden;vertical-align: text-top;}

#compare-bar .button, .featherlight-content .button, #prod_mytoto_buttons .button {padding:7px 14px;border:1px solid #85a5ba;text-transform:uppercase;font-size:14px;background-color:#f2f6f9;letter-spacing:1px;cursor:pointer;line-height:normal;}
#compare-bar .compared_img{max-width: 80px;max-height: 80px;margin: 0 4px 0 16px;display: inline;width: auto;height: auto;background-color: white;border: 1px solid black;float:  left;/* margin-left: 11px; *//* display: block; */}

#compare-bar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 170px;
	z-index: 100;
}
#compare-bar .compare-inner {
	max-width: 1024px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
#compare-bar .cp {display: inline-block;width: 240px;float: left;/* vertical-align:  text-top; */}
#compare-bar .cp h4 {font-size: 18px; margin: 4px 16px 8px 0; white-space: nowrap; }

#compare-bar .remove {
	cursor: pointer;
	color: black;
	display: block;
	clear: both;
	padding: 4px 16px;
}

#compare-bar.half-on {
	height: auto !important;
	z-index: 999999;
}

#compare-bar.half-on #comparebar-details {
	display: none;
}

.compare-close {
	float: right;
	margin-right: 16px;
	cursor: pointer;
}

#compare-bar .header { text-align: left; margin-bottom: 10px }

.collection-banner { margin-top: 24px; margin-bottom: 48px; color: white; width: auto; height: 320px; background-size: cover; background-repeat: no-repeat; background-position: center top; }
.collection-banner .heading{ text-align:center; text-transform:uppercase; font-weight:900; font-size:20px; letter-spacing:3px; padding:8px; background-color:rgba(0, 0, 0, 0.1);  }
#product-collection{ margin-top:60px;  }
#product-collection:after{ content:''; display:block; clear:both;  }
ul.collections{  }
ul.collections li{ max-width:216px; width:22.5%; margin:0 3.33% 60px 0px; display:inline-block; vertical-align: bottom; text-align:center; cursor:pointer;  }
ul.collections li:nth-child(4n){ margin-right:0px;  }
ul.collections li:nth-child(4n+1){ clear:left;  }
ul.collections li a{ color:#6e6e6e;  }
ul.collections li img{ display:block; max-width:120px; height:auto; width:100%; margin:0px auto 0px auto;  }
ul.collections li .name{ display:block; width:100%; border-top:1px solid #515151; font-weight:200; text-transform:uppercase; margin-top:6px; padding-top:8px;  }
ul.products{ min-height: 100vh; }
ul.products li{ max-width:216px; width:22.5%; margin:0 3.33% 24px 0px; float:left; background-color: #FFF; text-align:center; cursor:pointer; border:1px solid #fff; padding:17px; text-align: center; }
ul.products li:nth-child(4n){ margin-right:0px;  }
ul.products li:nth-child(4n+1){ clear:left;  }
ul.products li.product-default-list{position:relative;}
ul.products li a{ display: block; color:#6e6e6e; text-align: center; }
ul.products li img, ul.products li [data-lazy="image"]{ display:block; max-width:80%; height:auto; width:100%; margin:0px auto 20px auto;  }
ul.products li .logo{position:absolute;right:0px;top:0px;max-height:22px;width:auto;margin:0px;height:auto;max-width:unset;}
ul.products li h4, ul.products li h2, ul.products li h3 { display:block; width:100%; font-weight:700; font-size:16px; padding-top:8px; text-transform: none; margin: 16px 0 8px 0;  }
ul.products li .sku{ opacity:0; display:block;  }
ul.products li .sku.off{display:none;}
ul.products li .iotsku{ opacity:0; display:block;  }
ul.products li .iotsku.off{display:none;}
ul.products li .btn, .prod-modal .btn, #filter-mobile-buttons .btn, .btn.filter-cancel-confirm, .btn.filter-submit { font-size: inherit; font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", Arial, sans-serif; color: $(blue); cursor: pointer; margin-top: 8px; border: 2px solid #000; padding: 4px 8px; text-align: center; display: inline-block; vertical-align: middle; text-transform: uppercase; font-weight: 700; background: transparent; }
.btn.filter-cancel-confirm, .btn.filter-submit {display: block;padding: 8px 24px;border-radius: 16px;cursor:  pointer;}
.btn.filter-submit {margin-top: 2px !important;text-transform: none !important;font-size: 16px !important;padding: 8px 32px !important;}
ul.products li .form{ border-top:1px solid #515151; margin-top:8px; padding-top:8px; opacity:0;  }

ul.products li:hover,
ul.products li:focus,
ul.products li:focus-within,
ul.products li:focus-visible {
	border:1px solid #f0efef;
	box-shadow:#d9d9d9 0px 0px 5px;
	.sku { opacity:0.74; }
	.iotsku { opacity:0.74;  }
	.btn {
		opacity:1;
		&:focus, &:focus-visible, &:focus-within { background: #3088ce; color: white; border-color: #3088ce!important; }
	}
	.form { opacity:1;  }
}

.prod-modal { display: none; max-width: 620px; }
.prod-modal p { line-height: 1.2em; }
.prod-modal .featherlight .featherlight-content { padding: 0; }
.prod-modal .left { display: inline-block; width: 300px; border-right: 1px solid #ddd; }
.prod-modal .right {display: inline-block;width: 292px;padding: 20px;}
.prod-modal h3 {font-size: 20px;font-weight: 500;}
.prod-modal .description {font-size: 12px;line-height: 16px;margin: 8px 0 16px 0;}
.prod-modal .sku { font-size: 14px; }
.prod-modal .price { font-size: 18px; margin: 4px 0 16px 0; }
.prod-modal .img-slider-item {width: 290px;height: 300px;display: flex!important;justify-content: center;align-items: center;}
.prod-modal .img-slider-img { width: 240px; height: 240px; position: absolute; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; }
.prod-modal .slick-dots { position: relative; bottom: auto; }
.prod-modal .img-slider-item.first-img img { max-width: 100%; max-height: 100%;}
.prod-modal .img-slider-item{position:relative;}
.prod-modal .img-slider-item .logo{position:absolute;right:5px;top:5px;max-height:25px !important;width:auto;max-width:auto !important;}

.prod-modal .s-prev {
	position: absolute;
	left: 8px;
	z-index: 6;
	top: 50%;
	cursor: pointer;
}

.prod-modal .s-next {
	position: absolute;
	right: 8px;
	z-index: 6;
	top: 50%;
	cursor: pointer;
}

/*
.prod-modal .s-prev:before {
	content: "<";
	font-size: 22px;
	font-weight:  800;
	color:  black;
}

.prod-modal .slick-next:before {
	content: ">";
	font-size: 22px;
	font-weight: 800;
	color: black;
}
*/
.prod-modal .slick-slide img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 300px;
}

body .prod-modal a.more-details {
	cursor: pointer;
	margin-left: 4px;
	background-color: black;
	font-size: 12px;
	color: white;
	font-weight: 500;
	text-transform: uppercase;
	padding: 7px 2.5%;
	display: inline-block;
}

.prod-modal h5 {
	margin: 8px 0 2px 0;
	font-weight: 400;
}

.prod-modal ul.prod-opts li {
	display: inline-block;
}

.prod-modal ul.prod-opts li img {
	width: 30px;
	height: 30px;
	cursor:pointer;
	border: 2px solid transparent;
	padding: 2px;
	border-radius: 15px;
}
.prod-modal ul.prod-opts li img:hover{border-color: black}


/*Products*/
.product .content-top h1{ font-size:32px; line-height:38px; font-weight:300;  }
.product .content-top h1 {
	margin-bottom: 5px;
}

.product .content-top .product-heading {
	margin-bottom: 24px;
	display: flex;
	flex-direction: column;
	width: 65%;
	float:left;
}

.product .rating-stars {
	float: left;
	line-height: 1;
	margin-right: 10px
}
.product .content-top .product-heading .rating-total-reviews {
	font-size: 14px;
	color: #303030
}
.product .content-top .sku{ float:right; font-size:16px; margin-top:10px; color:#303030;  }
.product .content-top .sku .sku_code{ color:black;  }
.product-logo-container{position:relative;width:63%;margin-left:37%;}
.product-logo-container .logo{position:absolute;right:100px;top:0px;max-width:180px;max-height:50px;z-index:10;}
.top-detail-section{ width:100%; clear:both; border-top:1px solid #515151; border-bottom:1px solid #eaeaea; padding:20px 0px 28px; margin-bottom:40px;  }
.top-detail-section:after{content:''; display:block; clear:both;}
.top-detail-section .left-detail{ display:inline-block; vertical-align:top; width:37%;  }
.top-detail-section .main-img-box{position:relative;float:right; width:63%; height:500px; display:inline-block; vertical-align:top; text-align:center; padding:0px 100px 9px 18px;  }
.top-detail-section .main-img-box .click-zoom{font-style: normal;	font-weight: 700; margin-left: 25px; margin-top: -18px; margin-bottom: 18px; padding-bottom: 3px; position: relative; text-transform: uppercase; z-index: 2; border-bottom: 1px solid #E5E5E5; color: #C3C3C3 }
#s7basiczoom_div{}
#s7basiczoom_div_container[mode="fullscreen"] {position: fixed!important}
#s7spinview_div{display:none}
.top-detail-section .right-detail { float: right; box-sizing: initial; position:absolute; top:0px; right:0px; z-index:1; max-width: 95px;}
.top-detail-section .right-detail .secondary-logos { float: left; width: 100%; max-width: 95px; padding: 10px;}
.top-detail-section .right-detail .secondary-logos img { display: block; margin: 8px auto; max-width: 100%; height: auto; }
.top-detail-section .right-detail .img-box { display: block; width: 100%; max-width: 95px; border: 1px solid #eaeaea; padding: 10px; box-sizing: border-box}
.top-detail-section .right-detail .img-box ul {width: 100%; display: block; list-style-type: none; margin: 0; padding: 0;box-sizing: border-box}
.top-detail-section .right-detail .img-box ul li{display: block; margin-bottom: 10px; width: 100%; border: 2px solid #c2d2dd; text-align: center; vertical-align: middle; padding: 0; list-style: none; list-style-image: none;box-sizing: border-box; line-height: 1.2;}
.top-detail-section .right-detail .img-box ul li.noshowSpinview{display: none !important;}
.top-detail-section .right-detail .img-box ul li.showSpinview{display: block !important;}
.top-detail-section .right-detail .img-box ul li img{text-align: center; vertical-align: middle; height: 100%; box-sizing: border-box}
.top-detail-section h2, .product #main-content .features-section h2, .product #main-content .specifications h2 {
	font-size: 14px;
	margin-top: 0;
	font-weight: 600;
}
.where-to-buy{ display: inline-block; margin-top:16px; background-color:white;  }
.where-to-buy .wtb-btn { display: inline-block;cursor:pointer; background-color:white; border: 2px solid black; font-size:16px; color:black; font-weight:500; text-transform:uppercase; padding:12px 24px;  }
.where-to-buy .wtb-btn:hover{ background-color:black; color: white !important; }
.where-to-buy .where-to-buy-form{display:none;}
.where-to-buy h4{font-size:inherit; color:inherit; font-weight:500; margin: 0; padding: 0;}
.where-to-buy.on{ padding: 12px 24px; margin-bottom:8px; background: black !important; color: white !important;}
.where-to-buy.on:hover{ background-color:black; }
.where-to-buy.on .wtb-btn {display: none;}
.where-to-buy.on .where-to-buy-form{display:block; margin-top:12px; margin-bottom:12px;}
.where-to-buy.on .where-to-buy-form label{display:inline-block; width:50%; padding-right:5px; vertical-align: middle; font-size:13px; text-transform: none;}
.where-to-buy.on .where-to-buy-form input{display:inline-block; width:125px; vertical-align: middle; background-color:white; border: 2px solid white; color:black; padding:11px 12px; line-height: 1; font-size: 16px; font-weight:500;}
.where-to-buy.on .where-to-buy-form .submit{display: inline-block; cursor:pointer; background-color:black; border: 2px solid white; font-size:16px; color:white; font-weight:500; text-transform:uppercase; padding:12px 24px; line-height: 1; vertical-align: middle;}
.where-to-buy.on .where-to-buy-form .submit:hover{background-color:#f6fbff; color: black; }

a.bob { display: none; color: white !important; cursor: pointer; background-color: black; padding: 12px 24px; margin-top: 16px; text-transform: uppercase; float: right; }
a.bob.active { display: inline-block; }
a.bob:hover { background-color: #333; }

.tab-box{ width:100%; border:1px solid #eaeaea; position:relative;  }
.tab-box .feature-tabs{ width:100%; display:table; table-layout:fixed;  }
.tab-box .feature-tabs .tab{ cursor:pointer; font-size:13px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background-color:#f8f8f8; text-align:center; font-weight:500; display:table-cell; position:relative; padding:8px 0;  }
.tab-box .feature-tabs .tab.on{ background-color:white; border-bottom:0px; color:black;  }
.tab-box .feature-tabs .tab.off{ font-size:0;  }
.tab-box .tab-block{ padding:10px 4% 15px; width:100%; display:none;  }
.tab-box .tab-block.on{ display:block;  }
.tab-block h5{ padding-top:10px; font-size:12px; font-weight:500;  }
.product-options li{ display:inline-block; width:43px; height:43px; padding-right:2px; margin-top:10px; vertical-align:top;  }
.product-options li.color-row-2{ margin-top: 0 }
.product-options li:not(.option) img{ width:38px; height:38px; cursor:pointer; border: 2px solid transparent; padding: 2px; border-radius: 38px;  }
.product-options li:not(.option) img:hover{border-color: black}
.selected-option{ padding-top:15px; border-top: 2px solid #e1e1e1; }
.selected-option-thumb{ display:inline-block; vertical-align:top; text-align:left; float: left; margin-right: 15px;}
.selected-option-thumb img { border: 2px solid black; padding: 2px; border-radius: 50px;}
.selected-option-description{ padding-top: 10px; display:inline-block; vertical-align:top; font-size:14px; line-height:16px; font-weight:500; margin-bottom: 20px   }
.selected-option-description .name{ color:black; display:block;  }
.options,
.extras{ padding:10px 0px; border-bottom:1px solid #eaeaea;  }
.options label,
.extras label{ color:#515151; font-size:14px; font-weight:500; padding-right:8px;  }
.options select,
.extras select{ border:1px solid #4e4e4e; font-size:13px; width:50%;  }


.price-list{ padding:24px 0px 11px; font-size:17px;  }
.price-list strong{ font-weight:500;  }
.total-price{ margin-top:12px; display:none;  }
.total-price.on{ display:block;  }
.total-price .top-detail{ border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:7px 0px; font-size:10px; text-transform:uppercase; color:#757575; position:relative;  }
.total-price .top-detail .trigger{ color:black; text-transform:uppercase; padding-right:15px; position:absolute; right:0px;  }
.total-price .inner-detail{ margin-top:7px; padding-bottom:6px;  }
.total-price .price{ font-size:17px; color:black; margin-top:20px; padding-bottom:10px;  }
.total-price .price strong{ font-weight:500;  }
.total-price .extra_item{ font-size:10px; color:#303030; position:relative; border-bottom:1px solid #eaeaea; padding-bottom:8px;  }
.total-price .extra_item .sku{ font-style:italic;  }
.total-price .extra_item .extra-price{ position:absolute; right:0px; display:inline-block;  }
.total-price .extra_item .alert{ color:#e46d52; font-size:11px;  }
.product .product-description{ margin:0px auto 40px; max-width:692px; color:#575757; font-size:15px; text-align:center;  }
.product .product-description a {color: black;}
.specifications,.features-section{ width:50%; display:inline-block; vertical-align:top;  }
.features-section{ padding-right:16px;  }
.specifications{ padding-left:16px;  }
.specifications h2,.features-section h2{ text-transform:uppercase; font-size:14px; line-height:26px; border-bottom:1px solid #515151;  }
.features-section .features ul{ margin:15px 0px 30px;  }
.features-section .features li{ font-size:13px; line-height:20px; padding:0px 0px 0px 18px; color:#575757; background:url(/images/bullet.jpg) no-repeat 6px 8px;  }
.features-section .icon-list li{ vertical-align:top; width:50%; margin:18px 0px 45px; padding:0px 20px; display:inline-block; font-size:15px; line-height:16px; color:black; position:relative;  }
/*.features-section .icon-list li.ewater{ padding-left: 105px; }
.features-section .icon-list li.actilight{ padding-left: 105px; }
.features-section .icon-list li.calgreen{ padding-left: 105px; }*/
.features-section .icon-list .icon{ float: left; margin-right: 10px; max-height: 29px; width: auto }/*position:absolute; left:0px; top:0px;*/
.specifications .Accordion .accordion-title{ border:none; font-size:14px;  }
.specifications .Accordion> li{ border-bottom:1px solid #eaeaea;  }
.specifications .Accordion .accordion-content{ padding-left:24px; padding-right:0px;  }
.specifications .Accordion .accordion-content > li, .specifications .Accordion .accordion-content > a { width:50%; display:inline-block; vertical-align:top; margin-bottom:20px; font-size:12px; font-weight:500; text-decoration:underline; color:#306387!important; }
.specifications .Accordion .accordion-content a { color:#306387; font-weight:500; text-decoration:underline; }
.specifications .Accordion .accordion-content .video a{ width:100%;}
.specifications .Accordion .accordion-content a img{ max-width:100%;  }
.smartfact{ position: relative; border:2px solid #c9dab4; background-color:white; padding:16px 3.5% 16px 90px; margin:15px 0px 30px 0px;  min-height:85px;  }
.smartfact .smart-fact-logo { width: 70px; height: auto; position: absolute; left: 8px; top: 50%; transform: translateY(-50%);  }
.product-upgrades{ margin-bottom:40px; margin-top:22px;  }
.product-upgrades li{ background:#f9fafe; border:1px solid #f3f3f3; margin-bottom:15px; display:table;  }
.product-upgrades .img-box{ display:table-cell; background-color:white; width:32%; text-align:center;  }
.product-upgrades .img-box img{ width:auto; height:auto; max-width:90%; display:block; margin:24px auto;  }
.product-upgrades .content{ display:table-cell; width:62%; padding:10% 3%; vertical-align:top; font-size:11px; line-height:16px;  }
.product-upgrades .content h4{ font-size:14px; font-weight:500; line-height:21px; color:#575757; margin:0px;  }
.product-upgrades .content a{ color:#a4cad6; font-size:12px; font-weight:500;  }
.product_gallery img{ width:auto; max-height:150px; margin:0px 8px; display:block;  }
.product_gallery li{ padding:0px 8px; overflow:hidden;  }
#prod_mytoto_buttons { margin-top: 8px; }
.product.discontinued .top-detail-section{padding-top:0px;}
.product.discontinued .top-detail-section:before{margin-bottom:20px;content:'THIS PRODUCT HAS BEEN DISCONTINUED'; display:block; width:auto; text-align:center; padding:15px; background-color:#ff0000; font-size:32px; color:white; border-bottom:1px solid #030303;}

.gallery-image.owl-theme .owl-stage-outer{min-height:500px; max-height:750px; }
.gallery-image.owl-theme .owl-controls{margin-top:-50px; position:relative; z-index:10;}
.gallery-image.owl-theme .owl-item img{display:block; margin:0 auto; width: auto; max-width: 100%; max-height: 100%; overflow: hidden; }
.gallery-image.owl-theme .owl-buttons{position:absolute; width:100%; bottom:0; left:0; }
.gallery-image.owl-theme .owl-controls .owl-buttons div{background:none; width:30px; height:30px;}
.gallery-image.owl-theme .owl-prev{position:absolute; background-color: transparent !important; top:-360px !important; left:0; margin:0 !important; text-indent:-500px; overflow:hidden; height:500px !important; border-radius:0 !important;}
.gallery-image.owl-theme .owl-prev:hover{background:white !important; opacity:0.9 !important;}
.gallery-image.owl-theme .owl-prev:before{content:""; transform:rotate(180deg); position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:16px; height:30px; text-align:center; line-height:30px; color:white; font-size:22px; text-indent:0;}
.gallery-image.owl-theme .owl-next{position:absolute; background-color: transparent !important; top:-360px !important; right:0; margin:0 !important; text-indent:-500px; overflow:hidden; height:500px !important; border-radius:0 !important;}
.gallery-image.owl-theme .owl-next:hover{background:white !important; opacity:0.9 !important;}
.gallery-image.owl-theme .owl-next:before{content:""; background: url(/images/arrow-grey.png) no-repeat center right; position:absolute; right:0; top:0; left:0; bottom:0; margin:auto; width:16px; height:30px; text-align:center; line-height:30px; color:white; font-size:22px; text-indent:0;}
.gallery-image.owl-theme .owl-controls .owl-dot{display: inline-block;}
.gallery-image.owl-theme .owl-controls .owl-dot span{background:transparent; border:2px solid #91B0C5; border-radius: 6px; display: block; width: 12px; height: 12px; margin: 5px 7px; }
.gallery-image.owl-theme .owl-controls .owl-dot.active span{background:white;}

.tooltip {color: #575757}
.tooltip h1, .tooltip h2, .tooltip h3, .tooltip h4, .tooltip h5, .tooltip h6 {font-weight: bold!important}
.features-section .features ul li {margin-bottom: 10px}

/*Product Compare*/
h1.prodcompare { font-size: 20px; font-weight: normal; padding-top: 24px;}
h1.prodcompare strong { font-weight: 600; }
#prodcompare_table { display: table; }
#prodcompare_print a { color: #5b8fb3 !important; float: right; font-size: 14px; padding-top: 24px;}
#prodcompare_print_img { vertical-align: middle; margin-right: 5px; }
.prodcompare_row { display: table-row; }
.prodcompare_left { color: #707070; font-weight: 600; background: #f2f5f9; line-height: 22px; text-transform: uppercase; display: table-cell; text-align: right; padding: 15px; vertical-align: top; }
.prodcompare_prod { display: table-cell; padding: 15px; vertical-align: top; color: #363636; }
.prodcompare_prod h3 a { font-size: 20px; color: #6e6e6e; font-weight: 300; }
.prodcompare_prod h3 a:hover { color: black; }
.prodcompare_prod h4.sku { font-style: italic; font-size: 16px; font-weight: 600; margin-top: 10px; }
.prodcompare_prod h4.colors { font-size: 14px; margin-bottom: 10px; }
.prodcompare_color { display: inline-block; margin-right: 8px; }
.prodcompare_color img { width: 35px; height: auto; }
.prodcompare_img_wrapper { min-height: 200px; }
ul.products li a.mobile-compare { display: none; }
.prod_small_img { max-width: 150px; height: auto; margin-left: auto; margin-right: auto; display: block; }
.featherlight .featherlight-content { overflow: auto; min-height: 120px; width: calc(100vw - 80px); max-width: 960px; }
.featherlight.feedback-modal .featherlight-content { width: 640px; max-width: 100%; }
#feather_close, #feather_clear_compare { position: relative; margin-top: 30px; }
.modal_lightbox h1 { margin-top: 0; }
.compare_modal_spacer { clear: both; }
.darkbutton { background: black !important; color: white !important; }
#prod_gallery_sku { float: right; white-space: nowrap; font-weight: bold; margin-top: 5px; }
#prod_more_photos { display: inline-block; cursor: pointer; font-size: 10px; color: black; font-weight: 700; font-style: normal; line-height: 12px; }
.prod_opts { margin-bottom: 12px; text-align: center;}

.price-list strong, .selected-option-description .name {font-weight: bold}


/*TotoPro*/
.totopro-header { text-align: center; display: flex; gap: 10px; }
.totopro-header .totopro-alpha-filter { flex: 1; margin: 0; padding: 0; font-size: 12px; display: flex; vertical-align: top; height: 27px; }
.totopro-header .totopro-alpha-filter li { cursor: pointer; display: inline-block;}
.totopro-header .totopro-alpha-filter button { display: inline-block; font-weight: bold; text-decoration: underline; margin: 0; padding: 0; height: 100%; line-height: 27px!important; width: 18px; background: #f5f5f5; cursor: pointer; color: #6e6e6e; border: 1px solid transparent!important; appearance: none; }
.totopro-header .totopro-alpha-filter button.highlighted { color: #000; font-weight: bold; border-color: #6e6e6e!important; border-width: 1px!important; }
.totopro-header .totopro-alpha-filter button:focus { border-color: #6e6e6e!important; border-width: 1px!important; }
.totopro-header .search-wrapper,
.totopro-header select { height: 27px; vertical-align: top; width: 100%; min-width: 120px; box-sizing: border-box; margin: 0; padding: 0; border: solid 1px #EEE; color: #6e6e6e;}
.totopro-header .search-wrapper { display: inline-block; position: relative; max-width: 500px; }
.totopro-header .search-wrapper button i { line-height: .7!important;}
.totopro-header .search-wrapper button:hover,
.totopro-header .search-wrapper button:focus { color:$(blue)!important; }
.totopro-header .search-wrapper button,
.totopro-header .search-wrapper input { position: absolute; top: 0; bottom: 0; padding: 0 5px; border: none; color: #6e6e6e; background: none; width: 100%; line-height: 27px!important;}
.totopro-header .search-wrapper button:focus,
.totopro-header .search-wrapper input:focus { outline: none;}
.totopro-header .search-wrapper input { left: 0; right: 20px; padding-right: 25px; }
.totopro-header .search-wrapper input:focus, .totopro-header .search-wrapper:focus-within { border-color: $(blue) }
.totopro-header .search-wrapper button { cursor: pointer; color: #000; right: 0; width: 25px; background: transparent!important; border: 2px solid transparent; line-height: unset!important; }
.totopro-content { clear: both; padding-bottom: 15px;}
.totopro-content .continuing-education{padding:32px;}
.totopro-content .continuing-education h2.title{font-size: 18px; margin: 0 0 8px 0;}
.totopro-content .product { clear: both; border-bottom: 1px solid #eaeaea; padding: 10px 0; margin: 10px auto;}
.totopro-content .product .description { float: left; width: 46%; margin: 0; padding: 20px 0;}
.totopro-content .product .description .thumbnail { float: left; width: 20%;}
.totopro-content .product .description .thumbnail img { width: 100%;}
.totopro-content .product .description .text { font-size: 14px; float: right; width: 79%;}
.totopro-content .product .description .text .sku { color: #6e6e6e;}
.totopro-content .product .description .text a { font-size: 16px; font-weight: bold; line-height: 20px; color: #000; text-decoration: none; outline: none; outline: 0; display: inline-block; margin-bottom: 5px;}
.totopro-content .product .description .text a:hover { color: #000; outline: 0;}
.totopro-content .product .description .actions { margin-top: 10px; text-align: left;}
.totopro-content .product .description .actions button { font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif; cursor: pointer; width: 100%; max-width: 218px; color: #000; background: #eaeaea; border: 2px solid transparent; margin: 0 2px; height: auto; padding:8px; font-weight: bold; margin-bottom: 10px; }
.totopro-content .product .description .actions button:focus,
.totopro-content .product .description .actions button:hover { outline: 0; background: #000; color: white; }
.totopro-content .product .description .actions button:focus {  }
.totopro-content .product .description .actions form { text-align: center; display: none; margin: 5px; padding: 0 15px;  float: left;}
.totopro-content .product .description .actions form h4, .totopro-content .product .description .actions form h5 { margin-bottom: 5px;}
.totopro-content .product .description .actions form h4 span, .totopro-content .product .description .actions form h5 span { display: inline-block; padding: 0 4px; font-weight: bold; font-size: 12px; }
.totopro-content .product .description .actions form .input-wrapper,
.totopro-content .product .description .actions form p,
.totopro-content .product .description .actions form label { color: #6e6e6e; text-align: left; float: left; margin: 0; padding: 0; width: 48%; margin-bottom: 18px; line-height: 1.2; }
.totopro-content .product .description .actions form .input-wrapper { float: right; display: flex; }
.totopro-content .product .description .actions form .input-wrapper input { margin: 0; box-sizing: border-box; padding: 0; }
.totopro-content .product .description .actions form .input-wrapper input:focus,
.totopro-content .product .description .actions form .input-wrapper input:hover { outline: none;}
.totopro-content .product .description .actions form .input-wrapper input[type="text"] { width: 75%; border-radius: 0; border: 1px solid #eaeaea; padding: 5px 10px; }
.totopro-content .product .description .actions form .input-wrapper input[type="submit"] { width: 25%; color: #000; background: #eaeaea; border: none; cursor: pointer; font-weight: bold; }
.totopro-content .product .description .actions form .input-wrapper input[type="submit"]:hover,
.totopro-content .product .description .actions form .input-wrapper input[type="submit"]:focus { background: #000; color: #fff; }
.totopro-content .product .downloads { float: right; width: 46%; margin: 0; font-size: 12px; }
.totopro-content .product button.download-all-specs { font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif; background: transparent; outline: 0; display: flex; align-items: center; gap: 5px; appearance: none; cursor: pointer; border: 0; }
.totopro-content .product button.download-all-specs:hover { color: $(blue) }
.totopro-content .product .downloads h4, .totopro-content .product .downloads h5 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; flex: 1; text-transform: none }
.totopro-content .product .downloads .heading { margin-bottom: 20px; display: flex; gap: 10px; align-items: center }
.totopro-content .product .downloads .specs-list { list-style-type: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px 20px; }
.totopro-content .product .downloads .specs-list a { display: inline-block; color: #6e6e6e; font-weight: normal; outline: none; text-decoration: none; line-height: 1.3 }
.totopro-content .product .downloads .specs-list a:focus,
.totopro-content .product .downloads .specs-list a:hover { outline: none; text-decoration: underline; color: #000; }

.totopro-content .showroom-link { margin-top: 24px; }
.totopro-content .showroom-link a { border: 1px solid #303030; letter-spacing: 1px; padding: 10px 34px; display: inline-block; color: #303030; margin-left: 25px;}
.totopro-content .showroom-link a:hover {border: 1px solid #515151; background: #DDD;}
.totopro-content a b { display: block; color: black;}

.totopro-content  ul.toto-pro-products { list-style-type: none; padding: 0; }

.page-toto-pro .video-modal h1, .page-toto-pro .video-modal .h3 {
	margin: 1rem 0;
	font-weight: normal;
	font-size: 1.17rem;
}

#module_10016693355028129814 { margin-bottom: 0; }
.pro-search { text-align: center; margin-bottom: 32px; background-color: #F4F4F4; padding: 30px 0; }
.pro-search strong { text-transform: uppercase; margin-right: 16px; }
.pro-search form.search_form { margin-left: 4px !important; }

.pager { margin: 10px; transition: all 2s; position: relative;}
.pager .loader{position: absolute;top:0px; left:50%; margin-left:-15px; width:30px; height: 30px;}
.pager .pager-navi { clear: both; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; width: 110px; margin: auto; position: relative; color: #000; font-weight: bold;}
.pager .pager-navi button { display: inline-block; height: 21px; width: 24px; line-height: 21px; cursor: pointer; border: 2px solid transparent; }
.pager .pager-navi .next,
.pager .pager-navi .prev { text-indent: -99999px;}
.pager .pager-navi .prev { background: url('/images/pager-prev.jpg') no-repeat center center;}
.pager .pager-navi .next { background: url('/images/pager-next.jpg') no-repeat center center;}
.pager .pager-navi .current-display { display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 100%; flex: 1 }
.pager .pager-navi .total { display: inline;}

/*Homepage*/
.content-slides{ display:block; width:100%; max-width:1024px; overflow:hidden; height:auto; margin:0px auto 32px auto; position:relative;  }
.homepage h2.one-line{ font-size:12px; letter-spacing: 1px; color:#515151;font-family: 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B'!important; font-weight: 600; font-style: normal;}
.homepage-featured-products .slick-slide h4, .homepage-featured-products .slick-slide .h4 { font-size:14px; text-transform:uppercase; margin-bottom:5px; margin-top:25px; color:#303030; font-weight: 100;  }
.homepage-featured-products .slick-slide h3, .homepage-featured-products .slick-slide .h3{ font-size:18px; line-height:20px; margin:0px;  }
.homepage-featured-products h3 a:hover, .homepage-featured-products .h3 a:hover{ color:black;  }

.homepage .toto-fundamentals h2.one-line{margin-bottom:20px;}
.homepage .toto-fundamentals .slick-slider.topslider{}
.homepage .toto-fundamentals .slick-slider.topslider .slick-slide{padding:12px 0px; color: #3d3d3d; font-size: 16px; font-weight: bold; text-align: center; }

.homepage .toto-essentials{margin:24px 0px;}

.homepage .featured-product { display: inline-block; width: 32% !important; margin: 20px 1% !important; background-size: 100% 256px; background-repeat: no-repeat; }
.homepage .featured-product a { display: inline-block; }
.homepage .featured-product:nth-of-type(3n+2) { margin-left: 0 !important; }
.homepage .featured-product:nth-of-type(3n+4) { margin-right: 0 !important; }
.homepage .featured-product .module_content { display: block; margin-top: 211px; background-color: white; color: #262626; }
.homepage .featured-product:hover .module_content { color: #347aad; }
.homepage .featured-product .module_content .plus { display: block; position: absolute; float: right; bottom: 0px;  right: 0px; width: 48px; height: 48px; background-color: #3252A3; content: "+"; margin: -48px 0 0 0; text-align: center; color: white; font-size: 32px; font-weight: bold; }
.homepage .featured-product:hover { opacity: 0.7; transition: opacity 0.2s ease; }
.homepage .featured-product:hover .module_content .plus { background-color: black; }
.homepage .featured-product .module_content .plus:after { content: "+"; line-height: 48px; }
.homepage .featured-product .module_content h3 { padding: 50px 25px 30px 25px; font-size: 23px; font-weight: bold; line-height: 1.5; }
.homepage .featured-product .module_content p { margin: 0; padding: 0 25px 50px 25px; font-size: 16px; font-weight: 200; }

.homepage .featured-section { display: inline-block; width: 25%; margin: 0; background-size: 100% 344px; min-height: 344px; background-repeat: no-repeat; }
.homepage .featured-section a { display: inline-block; width: 100%; height: 100%; position: absolute; }
.homepage .featured-section h3 { padding-left: 30px; padding-right: 20px; padding-top: 24px; width: 100%; height: 99px; background-color: rgba(0,0,0,0.7); position: absolute; bottom: 0; z-index: 100; color: white; font-size: 22px; line-height: 1; font-weight: bold; text-transform: uppercase; }
.homepage .featured-section:hover { opacity: 0.7; transition: opacity 0.2s ease; }

.homepage .toto-about { display: block; width: 100%; height: 398px; margin-bottom: 50px; }
.homepage .toto-about a { display: block; width: 100%; height: 100%; }
.homepage .toto-about .inner-wrapper { padding: 45px 0; width: 80%; margin: 0 auto; }
.homepage .toto-about .inner-wrapper h3 { color: #acacac; font-size: 16px; text-transform: uppercase; }
.homepage .toto-about .inner-wrapper p { color: #acacac; font-size: 22px; font-weight: 600; line-height: 1.2; text-transform: uppercase; }
.homepage .toto-about .inner-wrapper p.strong { color: #353535; }
.homepage .toto-about .inner-wrapper a.more { color: white; }
.homepage .toto-about .inner-wrapper a.more{ display: inline-block; float: right; width: auto; color:white; font-size: 16px; font-weight: bold; padding: 18px 60px 18px 40px; background-color: #3252A3; text-transform: uppercase; }
.homepage .toto-about .inner-wrapper a.more:hover{ background-color: #757575; transition: background-color 0.3s ease; }
.homepage .toto-about .inner-wrapper a.more:after{ content: "+"; display: inline-block; float: right; position: absolute; margin-left: 20px; color: white; font-weight: bold; font-size: 24px; margin-top: -6px; font-weight: bold; }

.homepage .toto-promo { display: block; width: 100%; height: 398px; margin-bottom: 50px; cursor: pointer; }
.homepage .toto-promo a { display: block; width: 100%; height: 100%; }
.homepage .toto-promo:hover { opacity: 0.7; transition: opacity 0.2s ease; }

.toto-tools h2.one-line{margin-bottom:22px;}

.slider2{  }
.slider2 .bottomslider{  }
.slider2 .slick-slide{ position:relative; overflow:hidden;  }
.slider2 .slick-slide a{  }
.slider2 .slick-slide .fundamental-desc{ position:absolute; display:block; width:300px; height:300px; border-radius:50%; background-color:#999; top:-40px; right:40px; padding:60px 40px;  }
.slider2 .slick-slide .fundamental-desc a{ color:white; text-align:center;  }
.slider2 .slick-slide .fundamental-desc h3{ font-weight:700; font-size:24px; text-transform:uppercase; color:white;  }
.slider2 .slick-slide img{ width:100%; height:auto;  }
.slider2 .bottomslider .slick-slide{ min-height: 258px; }
.slider2 .topslider .slick-slide.PPW.slick-current,.slider2 .topslider .slick-slide.PPW:hover{ color:#0E5EA9;  }
.slider2 .topslider .slick-slide.PPW.slick-current .indicator{ border-bottom:5px solid #0E5EA9;  }
.slider2 .bottomslider .slick-slide.PPW{ border-top:8px solid #0E5EA9; border-bottom:1px solid #0E5EA9; min-height: 258px; }
.slider2 .slick-slide.PPW .fundamental-desc{ background-color:#0E5EA9;  }
.slider2 .slick-slide.PPW .fundamental-desc .desc{ color:#bdd6ea; }
.slider2 .topslider .slick-slide.PCD.slick-current,.slider2 .topslider .slick-slide.PCD:hover{ color:#0B92AB; }
.slider2 .topslider .slick-slide.PCD.slick-current .indicator{ border-bottom:5px solid #0B92AB;  }
.slider2 .bottomslider .slick-slide.PCD{ border-top:8px solid #0B92AB; border-bottom:1px solid #0B92AB;  }
.slider2 .slick-slide.PCD .fundamental-desc{ background-color:#0B92AB;  }
.slider2 .slick-slide.PCD .fundamental-desc .desc{ color:#B3E5E4;  }
.slider2 .topslider .slick-slide.TTD.slick-current,.slider2 .topslider .slick-slide.TTD:hover{ color:#E46C2F;  }
.slider2 .topslider .slick-slide.TTD.slick-current .indicator{ border-bottom:5px solid #E46C2F;  }
.slider2 .bottomslider .slick-slide.TTD{ border-top:8px solid #E46C2F; border-bottom:1px solid #E46C2F;  }
.slider2 .slick-slide.TTD .fundamental-desc{ background-color:#E46C2F;  }
.slider2 .slick-slide.TTD .fundamental-desc .desc{ color:#f0d4ca;  }
.slider2 .topslider .slick-slide.TE.slick-current,.slider2 .topslider .slick-slide.TE:hover{ color:#8E71A4;  }
.slider2 .topslider .slick-slide.TE.slick-current .indicator{ border-bottom:5px solid #8E71A4;  }
.slider2 .bottomslider .slick-slide.TE{ border-top:8px solid #8E71A4; border-bottom:1px solid #8E71A4;  }
.slider2 .slick-slide.TE .fundamental-desc{ background-color:#8E71A4;  }
.slider2 .slick-slide.TE .fundamental-desc .desc{ color:#e1cee5;  }
.slider2 .topslider .slick-slide.TWB.slick-current,.slider2 .topslider .slick-slide.TWB:hover{ color:#639740;  }
.slider2 .topslider .slick-slide.TWB.slick-current .indicator{ border-bottom:5px solid #639740;  }
.slider2 .bottomslider .slick-slide.TWB{ border-top:8px solid #639740; border-bottom:1px solid #639740;  }
.slider2 .slick-slide.TWB .fundamental-desc{ background-color:#639740;  }
.slider2 .slick-slide.TWB .fundamental-desc .desc{ color:#dceabd;  }

.slider6{ margin-bottom: 50px; overflow: hidden; }
.slider6 .bottomslider{  }
.slider6 .topslider{ background-color: white; border-top: 5px solid #3252A3; z-index: 150; }
.slider6 .slick-slide{ position:relative; overflow:hidden; z-index: 998; }
.slider6 .slick-slide a{ z-index: 998; }
.slider6 .slick-slide .fundamental-desc{ position:absolute; display:block; top:90px; left: 73px; max-width: 300px; }
.slider6 .slick-slide .fundamental-desc a{ display: inline-block; width: auto; color:white; margin-top: 20px; font-size: 16px; font-weight: bold; padding: 18px 60px 18px 40px; background-color: #3252A3; text-transform: uppercase; }
.slider6 .slick-slide .fundamental-desc a:hover{ background-color: #757575; transition: background-color 0.3s ease; }
.slider6 .slick-slide .fundamental-desc a:after{ content: "+"; display: inline-block; float: right; position: absolute; margin-left: 20px; color: white; font-weight: bold; font-size: 24px; margin-top: -6px; font-weight: bold; }
.slider6 .slick-slide .fundamental-desc h3{ color: #212121; font-size: 32px; font-weight: 700; line-height: 42px; text-transform: uppercase; }
.slider6 .slick-slide .fundamental-desc p.desc{ color: black; font-size: 16px; font-weight: 100; line-height: 1.6; }
.slider6 .slick-slide img{ width:100%; height:auto; z-index: 998; }
.slider6 .bottomslider .slick-slide{ min-height: 258px; z-index: 998; }
.slider6 .topslider .slick-slide{ cursor: pointer; overflow: visible; }
.slider6 .topslider .slick-slide:hover, .slider6 .topslider .slick-slide.slick-current { background-color: #3252A3; color: white !important; transition: background-color 0.3s ease, color 0.3s ease; }
.slider6 .slick-slide .fundamental-desc{   }
.slider6 .topslider .slick-slide.slick-current .indicator{ margin-left: -10px; width:0; border-top: 14px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #3253a4; border-left: 10px solid transparent; display:block; position:absolute; top:-32px; left:50%; z-index: 999; content:""; }
.slider6 .topslider .slick-list { padding-top: 20px; margin-top: -20px; }
.slider6 .topslider .slick-list .slick-track .slick-slide { overflow: visible !important; }

.slider7{ margin-left: 0 -100%; margin: 0 calc(50% - 50vw); margin-bottom: 88px; }
.slider7 .topslider { display: none; }
.slider7 .bottomslider .slick-slide { position: relative; }
.slider7 .bottomslider .slick-slide .responsive-image { overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.slider7 .bottomslider .slick-slide img {}
/*.slider7 .bottomslider .slick-slide h3 { color: white; margin-top: -30px; display:block; position:absolute; top:50%; width: 100%; font-size: 52px; font-weight:bold; line-height: 1; letter-spacing:0.11em; text-align:center; text-transform: uppercase; }
*/
.slider7 .bottomslider .slick-slide span.title { color: white; margin-top: -30px; display:block; position:absolute; top: 75%; width: 100%; font-size: 42px; font-weight: 300; line-height: 1.2; text-align:right; padding-right: 200px; text-shadow: 2px 2px 4px rgba(20, 20, 20, 0.7); }
.slider7 .bottomslider .slick-slide span.title.high { top: 50%; }
.slider7 .bottomslider .slick-slide span.title span.small { display: block; font-size: 24px; line-height: 1.4; }
.slider7 .bottomslider .slick-slide span.title span.big { font-size: 72px; }
.slider7 .slidecontrols{ display: block; position: relative; width: 160px; height: 80px; float: right; margin-top: -80px; }
.slider7 .slidecontrols .slideprev{ display: inline-block; cursor: pointer; width: 80px; height: 80px; margin: 0; background-color: #3252A3; background: url('/images/controls_new.png') no-repeat 0px 0px; color: white; text-align: center; }
.slider7 .slidecontrols .slideprev:hover{ background: url('/images/controls_new.png') no-repeat 0px -80px; }
.slider7 .slidecontrols .slidenext{ display: inline-block; cursor: pointer; width: 80px; height: 80px; margin: 0; background-color: #3252A3; background: url('/images/controls_new.png') no-repeat -80px 0px; color: white; text-align: center; }
.slider7 .slidecontrols .slidenext:hover{ background: url('/images/controls_new.png') no-repeat -80px -80px; }
.slider7 .slidepages{ display: block; position: absolute; width: 76px; height: 230px; float: right; top: 50%; margin-top: -115px; vertical-align: middle; right: 0px; margin-left: 0 -100%; margin-right: calc(50% - 50vw); }
.slider7 .slidepages .slidepage{ background-image:url('/images/ico_0.png'); background-repeat:no-repeat; text-indent: -9999px; cursor: pointer; display: block; width: 13px !important; height: 18px; margin: 0 45px 45% 5px !important; outline: 0; }
.slider7 .slidepages .slidepage.slick-current, .slider7 .slidepages .slidepage:hover{ background-image:url('/images/ico0_a.png'); }


.slider8 .slide {
    min-height: 75vh;
	background-color: #000;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.slider8 > button {
    z-index: 10;
    background: transparent!important;
}

.slider8 > button.slick-prev {
    left: 40px!important;
}
.slider8 > button.slick-prev:before {
    content: "";
    display: block;
    width: 28px!important;
    height: 28px!important;
    border-top: 2px solid white;
    border-left: 2px solid white;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.slider8 > button.slick-prev {
	&:focus, &:focus-visible, &:focus-within {
	   border: 0!important;
	   outline: 0!important;
		&:after {
			 content: "";
			 display: block;
			 width: 40px!important;
			 height: 50px!important;
			 border: 2px solid royalblue;
			 z-index: -1;
			 position: absolute;
			 top: calc(50% + 4px);
			 transform: translateY(-50%);
			 left: -15px;
		 }
	}
}


.slider8 > button.slick-next {
    right: 40px!important;
}
.slider8 > button.slick-next:before {
    content: "";
    display: block;
    width: 28px!important;
    height: 28px!important;
    border-top: 2px solid white;
    border-right: 2px solid white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.slider8 > button.slick-next {
	&:focus, &:focus-visible, &:focus-within {
		border: 0!important;
		outline: 0!important;
		&:after {
			content: "";
			display: block;
			width: 40px!important;
			height: 50px!important;
			border: 2px solid royalblue;
			z-index: -1;
			position: absolute;
			top: calc(50% + 4px);
			transform: translateY(-50%);
		}
	}
}

ul.slick-dots {
	padding: 0!important;
}

.slider8 .slick-dots {
    bottom: 40px;
    z-index: 10
}

.slider8 .slick-dots > * {
    display: inline-block;
    width: auto;
    height: auto
}

.slider8 .slick-dots button {
    background: rgba(255, 255, 255, 0.5);
    width: 30px;
    height: 2px;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    border: 0;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    padding: 0;

}
.slider8 .slick-dots button .slick-dot-icon { display: none }
.slider8 .slick-dots .slick-active button {
    background: white
}

.slick-slide:not(.slick-current):not(.slick-active) [data-lazy] { display: none; }

#slide-wrapper{ display:block; width:100%; position:relative; left:0px;  }
#slide-wrapper #slide1,#slide-wrapper #slide2{ width:100%; height:auto; display:inline-block; vertical-align:top; opacity:0; -webkit-transition:opacity 1.5s ease-in; transition:opacity 1.5s ease-in; z-index:-1;  }
#slide-wrapper #slide2{ position:absolute; left:0px; top:0px;  }
#slide-wrapper #slide1.on,#slide-wrapper #slide2.on{ opacity:1; z-index:1;  }
#slide-wrapper{  }
#slide-wrapper.on{ left:0px;  }
#slide-wrapper video{ width:100%; height:auto;  }
#slide-wrapper .mobile-image{ display:none;  }
#slide-wrapper #mobile-left,#slide-wrapper #mobile-right,#slide-wrapper #mobile-ableft,#slide-wrapper #mobile-abright{ display:none;  }
.ipad #video1,.ipad #video2{ display:none;  }
.ipad #slide-wrapper .mobile-image{ display:block; width:100%; height:auto;  }
.ipad #slide-wrapper #mobile-left,.ipad #slide-wrapper #mobile-right,.ipad #slide-wrapper #mobile-ableft,.ipad #slide-wrapper #mobile-abright{ display:block; position:absolute; width:32px; height:57px; bottom:0px; background-repeat:no-repeat; background-size:contain; z-index:2;  }
.find-a-product{  }
.find-a-product .module_content{ background-color:#f2f2f2; padding:17px 5.5% 30px;  }
.find-a-product .desc{ padding:0px 16%; font-size; 12px; color:#303030; line-height:15px; margin:10px 0px 16px; text-align:center; font-weight:500;  }
.find-a-product .select{ cursor:pointer; float:left; position:relative; border:1px solid #cfcfcf; background-color:white; color:#707070; font-size:12px; width:75%; margin-right:3.5%;  }

.select button:focus,
.select button:focus-visible,
.select button:focus-within {
	border: 2px solid rgb(0, 95, 204)!important;
	border-radius: 2px
}
.select select{ visibility:hidden; display:none;  }

.select.error { border: 2px solid #FF0000; }
.select .styledSelect{ color:#303030; background-color:white; padding:8px; text-align:left; white-space:pre; overflow:hidden; text-overflow:ellipsis; posistion:relative; }
.select .styledSelect i { font-style: normal; }
.select .styledSelect i:after{font-size:24px; line-height:14px;content:'\025BE'; display:inline-block; width:1em; height:1em; position:absolute; right:0px;}
.select.on .styledSelect i:after{content:'\025B4';}
.select .options{ display:none; position:absolute; width:100%; top:100%; right:0px; z-index:999; margin:0px; padding:0px; list-style:none; border:1px solid #ccc; background-color:white; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px;  }
.select.on .options{ display:block;  }
.select .options li{ margin:0px; padding:4px 10px; line-height:22px;  }
.select .options li:hover, .select .options li[aria-selected="true"]{ background-color:#39f; color:white;  }
.select .options .search input {padding: 5px 15px; border: 1px solid rgba(0,0,0,0.1); display: block; width: 100%}

.find-a-product input[type="text"],.find-a-showroom input[type="text"]{ margin:0px 2.2%; border:1px solid #cfcfcf; width:28.4%; color:#303030; font-size:12px; padding:8px; display:inline-block; white-space:pre; overflow:hidden; text-overflow:ellipsis;  }
.find-a-product input[type="submit"],.find-a-showroom input[type="submit"]{ cursor:pointer; display:inline-block; padding:8.5px 17px; font-size:13px; font-weight:500; width:18%; background-color:#303030; color:#ebebeb; border:none; text-transform:uppercase;  }

.fundamental-desc-inner .desc, .fundamental-desc-inner > p:not(.learn-more){
	font-weight: 600;
	line-height: 18px;
	color: #e1cee5
}

.fundamental-desc-inner .learn-more{
	font-weight: 700;
	font-size: 15px!important;
	line-height: 22px;
	text-transform: uppercase;
}

/* sub page */
.howItWorks {
	font-weight: bold!important;
	background: 0!important;
}


/* Slider */
.subpage .slider .slick-next, .subpage .slider .slick-prev {
	background: none;
	height: 22px;
	width: 22px;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	z-index: 10

/*
	border: 0!important;
	clip: rect(1px,1px,1px,1px)!important;
	-webkit-clip-path: inset(50%)!important;
	clip-path: inset(50%)!important;
	height: 1px!important;
	margin: -1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	white-space: nowrap!important;*/

}

.subpage .slider .slick-prev .slick-prev-icon, .subpage .slider .slick-next .slick-next-icon {
	display: none;
}

.subpage .slider.slick-slider {
	background-position: 65px center;
	font-style: italic
}

.subpage .slider.slick-slider p {
	margin: 0;
}


.subpage .slider .slick-next {
	background: url(/images/slide-next.png) no-repeat;
	right: 20px
}

.subpage .slider .slick-next:hover, .subpage .slider .slick-prev:hover {
	background-position: 0 -22px;
}

.subpage .slider .slick-prev {
	background: url(/images/slide-prev.png) no-repeat;
	left: 20px
}

:root .page-showroom {
	padding: 0 24px;
	max-width: unset;
	min-height: unset;
}
:root #searchForm input[name="search"] {
	display: inline-block;
	-webkit-appearance: none;
	appearance: none;
	padding: 12px 24px;
	font-weight: 700;
	border: none !important;
	background: black;
	color: white;
	height: auto;
	line-height: 1;
	letter-spacing: normal;
}
:root #searchForm .search-left > div:not(.H_overlay) {
	margin: 0;
	padding: 12px 0;
}

/* Warranty Registration */
#warranty-registration .half { width: 50%; }
#warranty-registration legend { margin: 0 0 15px 0; }
#warranty-registration span.fieldset-legend { font-size: 15px; color: #757575; font-weight: 500; font-style: normal; }
#warranty-registration input[type="text"], #warranty-registration input[type="date"] { display: block; margin: 0 0 8px 0; padding: 12px; font-family: 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B'; color: rgba(0,0,0,0.6); border: 1px solid #a4a4a8; background-color: white; font-size: 16px; font-weight: 500; font-style: normal; height: auto; width: 100%; }
#warranty-registration select { display: block; margin: 0 0 8px 0; padding: 10px 5px; font-family: 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B'; color: rgba(0,0,0,0.65); border: 1px solid #a4a4a8; background-color: white; font-size: 16px; font-weight: 500; font-style: normal; height: auto; width: 100%; }
#warranty-registration input[type="submit"] { display: block; cursor: pointer; border: 2px solid black; background: transparent; padding: 14px 24px; font-size: 16px; color: black; text-transform: uppercase; font-weight: 700;}
#warranty-registration input[type="submit"]:hover { color: white; background: black; }
#warranty-registration .required { background-image: url('/images/required.png'); background-repeat: no-repeat; background-position: top right; }
#warranty-registration input[type="text"].error, #warranty-registration select.error, #warranty-registration input[type="date"].error { border: 2px solid #F00; }
#warranty-registration input[type="checkbox"] { width: 16px; height: 16px; margin-right: 10px; vertical-align: middle; }
#warranty-registration input[type="checkbox"]:after { content: " "; visibility: visible; background-color: white; border: 1px solid #a4a4a8; display: inline-block; width: 16px; height: 16px; }
#warranty-registration input[type="checkbox"]:checked:after { text-align: center; content: "\2714"; line-height: 16px; }
#warranty-registration h3, #warranty-registration .h3 { margin: 5px 0; font-size: 14px; }

/*Find a Showroom*/
/*.page-showroom .showroom-wrapper { display: none; }
.page-showroom .showroom-wrapper.active { display: block; }
.find-showroom .results{width:auto; display:block;clear: both;}
.find-showroom .two-line:before{border-color: #e4e4e4; line-height: 50px; top: 1px}
.page-showroom .gallery, .page-showroom .inventory{min-height: 1px}
.find-showroom h1.title{margin-top:0px; font-weight:bold;padding-top:30px;}
.noBG {background: none!important}
.find-showroom label, .find-showroom strong, .find-showroom h3, .find-showroom .title {font-weight: bold!important}
.find-showroom .postal-code h3 {float: left; width: 50%; line-height: 50px}
.find-showroom .postal-code input {float: left;}
.find-showroom .mapFoot {padding: 10px 0;}
.find-showroom .mapFoot label {display: inline-block; min-height: 50px; font-size: 16px; padding-left: 40px; margin-left: 20px; background-size: auto 30px; background-repeat: no-repeat; background-position: left center; line-height: 50px}
.find-showroom .mapFoot label:first-child {margin-left: 0px}
.find-showroom .mapFoot label.bluePin {background-image: url(/images/bluePin.svg)}
.find-showroom .mapFoot label.grayPin {background-image: url(/images/grayPin.svg)}
*/
/*Discontinued */
.discontinued-search #filter-details{padding-top:25px;}
.discontinued-search #filter-details li{display: inline-block; border: 1px solid #E5E4E4;cursor: pointer;width: 22.75%; margin-right: 3%;margin-bottom: 25px; position: relative;text-align: center; font-size:16px; font-weight:300; padding:12px 2%;}
.discontinued-search #filter-details li h3{font-size:16px; font-weight:300;}
.discontinued-search #filter-details li:nth-child(4n){margin-right:0px;}
.discontinued-search #filter-details li.on,
.discontinued-search #filter-details li:hover{background-color: #94AEC1; box-shadow: 0 1px 20px #466D8A inset; color: #fff;}

.discontinued-search #filter-details { border: 0; }
.discontinued-search #filter-details fieldset { border: 0; margin: 0; padding: 0; }
.discontinued-search #filter-details .custom-checkbox { display: inline-block;width: 22.75%; margin-right: 3%;margin-bottom: 25px; }
.discontinued-search #filter-details .custom-checkbox label {display: inline-block; width: 100%; border: 1px solid #E5E4E4;cursor: pointer; position: relative;text-align: center; font-size:16px; font-weight:300; padding:12px 2%;}
.discontinued-search #filter-details .custom-checkbox:nth-child(5n) {margin-right:0px;}
.discontinued-search #filter-details .custom-checkbox input:checked + label,
.discontinued-search #filter-details .custom-checkbox label:hover{background-color: #94AEC1; box-shadow: 0 1px 20px #466D8A inset; color: #fff;}


.discontinued-search .search-result{width: 22.75%; display:inline-block; margin-right:3%; vertical-align:top; border:0px; box-shadow:none; margin-bottom:28px;}
.discontinued-search .search-result:nth-child(4n){margin-right:0px;}
.discontinued-search .search-result:nth-child(4n+1){clear:left;}
.discontinued-search .submit-search{ width:295px; position:relative; margin:25px auto; border: 1px solid #e5e4e4;background-color: #fff; box-shadow: 0px 2px 2px 0px rgba(240,239,239,0.75);overflow: hidden;}
.discontinued-search .submit-search input{width:80%; font-size: 16px;text-transform:uppercase; color:#767676; border:none; padding:10px 15px;}
.discontinued-search .submit-search input:focus{outline:none; border:none;}
.discontinued-search .submit-search .submit{position:absolute; top:0px; right:0px;background-image:url(/images/search-icon-2.png); background-size:contain; background-repeat:no-repeat; display:inline-block; height:20px; width:20px; cursor:pointer; margin-top:9px; margin-right:9px;border:2px solid transparent; background-color: transparent}



/*Try a Washlet */

.try-a-washlet .accordion-content .span6{display:inline-block;padding:0 0 18px 0; }
.try-a-washlet .accordion-content .span6:nth-child(2n+1){clear:both;}
.try-a-washlet .accordion-content .span6 a{color:#7da8ae;}
.try-a-washlet .accordion-content .image{display:block;float:left;width: 145px;height: 150px; margin-right:10px;}
.try-a-washlet .accordion-content .image img{width:100%;}
.try-a-washlet .accordion-content .location{}
.try-a-washlet .accordion-content .location h5{margin:0 0 5px 0;padding:0;font-family:'Gotham SSm 7r','Gotham SSm A','Gotham SSm B',Helvetica,'Lato',Arial, sans-serif;font-weight:700;font-size:14px;}
.try-a-washlet .accordion-content .location h5 a{font-weight:normal;}
.try-a-washlet .none{display:none;}


.popup-container { visibility: hidden; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%;}
.popup-container .popup-overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0;}
.popup-container .popup-visible-content { height: 370px; width: 580px; border: 1px #d6d6d6 solid; background: white; padding: 20px 33px; position: fixed; margin: -165px -265px; left: 50%; top: 50%; }
.popup-container .popup-visible-content .popup-close-button { width: 26px; position: absolute; top: 8px; right: 8px; line-height: 16px; font-size: 14px; color: black; cursor: pointer; text-align: center; }
.popup-container .popup-visible-content .popup-content {height: 300px; width: 500px; }

.disabled-link {pointer-events: none;}
@media screen and (max-width:768px){
	.try-a-washlet .accordion-content .span6{display:block;}
	.try-a-washlet .accordion-content .location{clear: both; margin-bottom: 8px;}
	.popup-container .popup-visible-content {width: 95%; padding: 0 0 10px 0; margin: -165px 0; left: 3%; top: 50%;}
	.popup-container .popup-visible-content .popup-close-button { width: 26px; position: absolute; bottom: 15px; top: auto; right: 45%; margin: 0 auto; line-height: 16px; }
	.popup-container .popup-visible-content .popup-content{width:100%;}
}


@media screen and (max-width:768px){
	#video1,#video2{ display:none;  }
	#slide-wrapper .mobile-image{ display:block; width:100%; height:auto;  }
	#slide-wrapper #mobile-left,#slide-wrapper #mobile-right,#slide-wrapper #mobile-ableft,#slide-wrapper #mobile-abright{ display:block; position:absolute; width:32px; height:45px; bottom:0px; background-repeat:no-repeat; background-size:contain; z-index:2;  }
	/*#mobile-left{ left:50%; background-image:url(/sites/all/themes/toto/images/slide-pre.png);  }
	#mobile-ableft{ left:0px; background-image:url(/sites/all/themes/toto/images/slide-pre.png);  }
	#mobile-right{ right:50%; background-image:url(/sites/all/themes/toto/images/slide-next.png);  }
	#mobile-abright{ right:0px; background-image:url(/sites/all/themes/toto/images/slide-next.png);  }*/
}


/*Featherlight Core Style*/
@media all{ .featherlight{ display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:2147483647; text-align:center; white-space:nowrap; cursor:pointer; background:0 0 }
	.featherlight:last-of-type{ background:rgba(0, 0, 0, .8) }
	.featherlight:before{ content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em }
	.featherlight .featherlight-content{ position:relative; text-align:left; vertical-align:middle; display:inline-block; overflow: auto; padding:25px 25px 0; border-bottom:25px solid transparent; margin-left:5%; margin-right:5%; max-height:95%; background:white; cursor:auto; white-space:normal }
	.featherlight .featherlight-inner{ display:block }
	.featherlight .featherlight-close-icon{ font-size: 20px; position:absolute; z-index:9999; top: 5px; right: 5px; border-radius: 100%; line-height:27px; width:30px; height: 30px; cursor:pointer; text-align:center; font-family:Arial, sans-serif; background: white; color:#333; border: 2px solid transparent }
	.featherlight .featherlight-close-icon {
		&:hover, &:focus, &:focus-visible, &:focus-within { border: 2px solid royalblue; }
	}
	.featherlight .featherlight-image{ width:100% }
	.featherlight-iframe .featherlight-content{ border-bottom:0; padding:0 }
	.featherlight iframe{ border:none }
	.featherlight *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
}


/* Owl Carousel */

.owl-carousel .animated{ -webkit-animation-duration: 1000ms; animation-duration: 1000ms; webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in{ z-index: 0; }
.owl-carousel .owl-animated-out{ z-index: 1; }
.owl-carousel .fadeOut{ -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut{	0%{ opacity: 1; }
	100%{ opacity: 0; }
}
@keyframes fadeOut{	0%{ opacity: 1; }
	100%{ opacity: 0; }
}
.owl-height{ -webkit-transition: height 500ms ease-in-out; moz-transition: height 500ms ease-in-out; ms-transition: height 500ms ease-in-out; o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel{ display: none; width: 100%; webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage{ position: relative; ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer{ position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot{ cursor: pointer; cursor: hand; webkit-user-select: none; khtml-user-select: none; moz-user-select: none; ms-user-select: none; user-select: none; }
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next{ display: table-cell; vertical-align: middle; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 36px; width: 72px; padding: 0; height: 48px; line-height: 44px; border-radius: 3px; background: #202945; opacity: 0; transition: all 0.3s ease; color: white; }
.owl-carousel:hover .owl-controls .owl-nav .owl-prev,
.owl-carousel:hover .owl-controls .owl-nav .owl-next{ opacity: 1; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel .owl-controls .owl-nav .owl-next:hover{ background: #c9a978; }
.owl-carousel .owl-controls .owl-nav .owl-next{ left: auto; right: 0; }
.owl-carousel.owl-loaded{ display: block; }
.owl-carousel.owl-loading{ opacity: 0; display: block; }
.owl-carousel.owl-hidden{ opacity: 0; }
.owl-carousel .owl-refresh .owl-item{ display: none; }
.owl-carousel .owl-item{ position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; webkit-touch-callout: none; webkit-user-select: none; moz-user-select: none; ms-user-select: none; user-select: none; }
.owl-carousel .owl-item img{ display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-carousel.owl-text-select-on .owl-item{ -webkit-user-select: auto; moz-user-select: auto; ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab{ cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-rtl{ direction: rtl; }
.owl-carousel.owl-rtl .owl-item{ float: right; }
.no-js .owl-carousel{ display: block; }
.owl-carousel .owl-item .owl-lazy{ opacity: 0; webkit-transition: opacity 400ms ease; moz-transition: opacity 400ms ease; ms-transition: opacity 400ms ease; o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-item img{ transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper{ position: relative; height: 100%; background: black; }
.owl-carousel .owl-video-play-icon{ position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; webkit-backface-visibility: hidden; webkit-transition: scale 100ms ease; moz-transition: scale 100ms ease; ms-transition: scale 100ms ease; o-transition: scale 100ms ease; transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover{ webkit-transition: scale(1.3, 1.3); moz-transition: scale(1.3, 1.3); ms-transition: scale(1.3, 1.3); o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon{ display: none; }
.owl-carousel .owl-video-tn{ opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; webkit-background-size: contain; moz-background-size: contain; o-background-size: contain; background-size: contain; webkit-transition: opacity 400ms ease; moz-transition: opacity 400ms ease; ms-transition: opacity 400ms ease; o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame{ position: relative; z-index: 1; }

.owl-theme .owl-controls{ margin-top: 10px; text-align: center; }
.owl-theme .owl-controls .owl-buttons div{ color: white; display: inline-block; zoom: 1; display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; webkit-border-radius: 30px; moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: 0.5; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; display: inline; }
.owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; webkit-border-radius: 20px; moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100); opacity: 1; }
.owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: white; padding: 2px 10px; font-size: 12px; webkit-border-radius: 30px; moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading{ min-height: 150px; }

.owl-origin{ webkit-perspective: 1200px; webkit-perspective-origin-x: 50%; webkit-perspective-origin-y: 50%; moz-perspective: 1200px; moz-perspective-origin-x: 50%; moz-perspective-origin-y: 50%; perspective: 1200px; }
.owl-fade-out{ z-index: 10; webkit-animation: fadeOut .7s both ease; moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in{ webkit-animation: fadeIn .7s both ease; moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
.owl-backSlide-out{ webkit-animation: backSlideOut 1s both ease; moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in{ webkit-animation: backSlideIn 1s both ease; moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
.owl-goDown-out{ webkit-animation: scaleToFade .7s ease both; moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in{ webkit-animation: goDown .6s ease both; moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
.owl-fadeUp-in{ webkit-animation: scaleUpFrom .5s ease both; moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out{ webkit-animation: scaleUpTo .5s ease both; moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
@-webkit-keyframes empty{	0%{ opacity: 1; }
}
@-moz-keyframes empty{	0%{ opacity: 1; }
}
@keyframes empty{	0%{ opacity: 1; }
}
@-webkit-keyframes fadeIn{	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
@-moz-keyframes fadeIn{	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
@keyframes fadeIn{	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
@-webkit-keyframes fadeOut{	0%{ opacity: 1; }
	100%{ opacity: 0; }
}
@-moz-keyframes fadeOut{	0%{ opacity: 1; }
	100%{ opacity: 0; }
}
@keyframes fadeOut{	0%{ opacity: 1; }
	100%{ opacity: 0; }
}
@-webkit-keyframes backSlideOut{	25%{ opacity: .5; webkit-transform: translateZ(-500px); }
	75%{ opacity: .5; webkit-transform: translateZ(-500px) translateX(-200%); }
	100%{ opacity: .5; webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut{	25%{ opacity: .5; moz-transform: translateZ(-500px); }
	75%{ opacity: .5; moz-transform: translateZ(-500px) translateX(-200%); }
	100%{ opacity: .5; moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut{	25%{ opacity: .5; transform: translateZ(-500px); }
	75%{ opacity: .5; transform: translateZ(-500px) translateX(-200%); }
	100%{ opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn{	0%, 25%{ opacity: .5; webkit-transform: translateZ(-500px) translateX(200%); }
	75%{ opacity: .5; webkit-transform: translateZ(-500px); }
	100%{ opacity: 1; webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn{	0%, 25%{ opacity: .5; moz-transform: translateZ(-500px) translateX(200%); }
	75%{ opacity: .5; moz-transform: translateZ(-500px); }
	100%{ opacity: 1; moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn{	0%, 25%{ opacity: .5; transform: translateZ(-500px) translateX(200%); }
	75%{ opacity: .5; transform: translateZ(-500px); }
	100%{ opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade{	to{ opacity: 0; webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade{	to{ opacity: 0; moz-transform: scale(.8); }
}
@keyframes scaleToFade{	to{ opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown{	from{ webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown{	from{ moz-transform: translateY(-100%); }
}
@keyframes goDown{	from{ transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom{	from{ opacity: 0; webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom{	from{ opacity: 0; moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom{	from{ opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo{	to{ opacity: 0; webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo{	to{ opacity: 0; moz-transform: scale(1.5); }
}
@keyframes scaleUpTo{	to{ opacity: 0; transform: scale(1.5); }
}

.related-products .owl-stage-outer {
	/*padding: 0 50px!important*/
}

.related-products .owl-controls .owl-nav > div {
	text-indent: -99999px;
	width: 25px!important;
	height: 30px!important;
	background-repeat: no-repeat!important;
	background-color: transparent!important;
	background-position: center center!important;
}

.related-products .owl-controls .owl-nav > .owl-prev {
	background-image: url(/images/slider3-prev.png);
}
.related-products .owl-controls .owl-nav > .owl-prev:hover {
	background-image: url(/images/slider1-prev.png);
}

.related-products .owl-controls .owl-nav > .owl-next {
	background-image: url(/images/slider3-next.png);
}
.related-products .owl-controls .owl-nav > .owl-next:hover {
	background-image: url(/images/slider1-next.png);
}


.award-logo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.award-logo > img, .award-logo .award-logos-wrap {
	position: absolute;
	display: inline-block!important;
	width: auto!important;
	height: auto!important;
	max-width: 100%;
	max-height: calc(100% - 400px)!important;
	min-height: 100px;
	left: 50%;
	top: 200px;
	transform: translateX(-50%);
}

.award-logo .award-logos-wrap {
	text-align: center!important;
	white-space: nowrap;
	width: 100%!important;
	max-width: 100%!important
}

.award-logo .award-logos-wrap img {
	display: inline-block!important;
	width: auto!important;
	/*max-width: calc(50% - 20px)!important;*/
	height: 137px!important;
	margin-bottom: 20px
}

.award-logo .award-logos-wrap img:first-child {
	margin-right: 20px
}

.award-logo .award-logos-wrap img:last-child {
	margin-left: 20px
}

.award-heading {
	margin: 0;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 100px;
	padding: 0 20px;
	color: white;
	text-transform: uppercase;
	font-size: 40px;
	white-space: nowrap;
	font-weight: 300;
	text-align: center;
	text-shadow: 2px 2px 4px rgba(20, 20, 20, 0.7);
}

.award-heading:before {
	content: "";
	display: inline-block;
	width: 200px;
	height: 32px;
	background: url(/images/white_bar.png) no-repeat center center;
	background-size: 100%;
	margin-right: 15px;
}

.award-heading:after {
	content: "";
	display: inline-block;
	width: 200px;
	background: url(/images/white_bar.png) no-repeat center center;
	background-size: 100%;
	margin-left: 15px;
	height: 32px;
}


.award-title {
	margin: 0
}

.award-title .title {
	text-align: center!important;
	padding: 0 150px
}

/* end Owl */

.module_content ul,
.module_content ol {
	padding-left: 48px;
}

@media only screen and (max-width:1080px){
	header nav ul.nav li  {
		font-size: 15px !important;
		margin-left: 20px;
	}
}

@media only screen and (max-width:1296px){
	.breadcrumbs-wrap {
		margin: 0 -24px
	}
	.breadcrumbs-wrap .breadcrumbs {
		padding: 8px 16px
	}
}

@media only screen and (max-width:1024px){
	.featherlight .featherlight-content{ margin-left:10px; margin-right:10px; max-height:98%; padding:10px 10px 0; border-bottom:10px solid transparent }

}
/* Colorbox Core Style:The following CSS is consistent between example themes and should not be altered.*/
#colorbox,#cboxOverlay,#cboxWrapper{ position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform:translate3d(0, 0, 0);  }
#cboxWrapper{ max-width:none;  }
#cboxOverlay{ position:fixed; width:100%; height:100%;  }
#cboxMiddleLeft,#cboxBottomLeft{ clear:left;  }
#cboxContent{ position:relative;  }
#cboxLoadedContent{ overflow:auto; -webkit-overflow-scrolling:touch;  }
#cboxTitle{ margin:0;  }
#cboxLoadingOverlay,#cboxLoadingGraphic{ position:absolute; top:0; left:0; width:100%; height:100%;  }
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{ cursor:pointer;  }
.cboxPhoto{ float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;  }
.cboxIframe{ width:100%; height:100%; display:block; border:0; padding:0; margin:0;  }
#colorbox,#cboxContent,#cboxLoadedContent{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;  }
/* User Style:Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML.*/
#cboxOverlay{ background:url(/images/overlay.png) repeat 0 0; opacity:0.9; filter:alpha(opacity=90);  }
#colorbox{ outline:0;  }
#cboxTopLeft{ width:21px; height:21px; background:url(/images/controls.png) no-repeat -101px 0;  }
#cboxTopRight{ width:21px; height:21px; background:url(/images/controls.png) no-repeat -130px 0;  }
#cboxBottomLeft{ width:21px; height:21px; background:url(/images/controls.png) no-repeat -101px -29px;  }
#cboxBottomRight{ width:21px; height:21px; background:url(/images/controls.png) no-repeat -130px -29px;  }
#cboxMiddleLeft{ width:21px; background:url(/images/controls.png) left top repeat-y;  }
#cboxMiddleRight{ width:21px; background:url(/images/controls.png) right top repeat-y;  }
#cboxTopCenter{ height:21px; background:url(/images/border.png) 0 0 repeat-x;  }
#cboxBottomCenter{ height:21px; background:url(/images/border.png) 0 -29px repeat-x;  }
#cboxContent{ background:white; overflow:hidden;  }
.cboxIframe{ background:white;  }
#cboxError{ padding:50px; border:1px solid #ccc;  }
#cboxLoadedContent{ margin-bottom:28px;  }
#cboxTitle{ position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;  }
#cboxCurrent{ position:absolute; bottom:4px; left:58px; color:#949494;  }
#cboxLoadingOverlay{ background:url(/images/loading_background.png) no-repeat center center;  }
#cboxLoadingGraphic{ background:url(/images/loading.gif) no-repeat center center;  }
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{ border:0; padding:0; margin:0; overflow:visible; width:auto; background:none;  }
/* avoid outlines on:active (mouseclick), but preserve outlines on:focus (tabbed navigating) */
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{ outline:0;  }
#cboxSlideshow{ position:absolute; bottom:4px; right:30px; color:#0092ef;  }
#cboxPrevious{ position:absolute; bottom:0; left:0; background:url(/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;  }
#cboxPrevious:hover{ background-position:-75px -25px;  }
#cboxNext{ position:absolute; bottom:0; left:27px; background:url(/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;  }
#cboxNext:hover{ background-position:-50px -25px;  }
#cboxClose{ position:absolute; bottom:0; right:0; background:url(/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;  }
#cboxClose:hover{ background-position:-25px -25px;  }
/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See:http://jacklmoore.com/notes/ie-transparency-problems/*/
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);  }

#module_10012130991414921719{ padding-right: 16px; }
.continue-block{ display: block; vertical-align: top; background: white; padding: 24px 0; border-bottom: 1px solid #f0f0f0; }
.continue-block:last-child{ border-bottom: none; }
.continue-block h2{ font-weight: bold; font-size: 24px; margin: 0 0 8px 0; }
.continue-block h3{ display: none; }
.continue-block br{ display: none; }
.continue-block a.alink,
.module_10012849971247629291 a{ display: inline-block; background-color: #f2f6f9; font-size: 16px; color: black; text-transform: uppercase; font-weight: 500; padding: 16px; margin: 4px 8px 4px 0; }
.module_10012849971247629291{ vertical-align: middle; text-align: right; }
.module_10012849971247629291 a{ margin: 0; }
.module_10014380030804701086{ margin-top: 8px; }
.module iframe.youtube-player{ width: 100% !important; max-width: 560px; height: 315px !important; margin: 0 auto; }
#data-collection .search-result{ padding: 8px; }
.slick-slide h4{ padding: 16px 0 4px 0; font-weight: bold; font-size: 16px; }
.slick-slide h3{ font-size: 16px; }


.showroom-wrapper > .top { display: block; }
.showroom-wrapper > .top.inactive { display: none; }

.galleries-content { display: none; }
.galleries-content.active { display: block; }

.showroom-tabs { display: block; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #DFDFDF; }
.showroom-tabs .tab { position: relative; top: 1px; display: inline-block; vertical-align: top; background-color: #F6F6F6; cursor: pointer; padding: 10px 15px; border-top: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; }
.showroom-tabs .tab:first-child { border-left: 1px solid #DFDFDF; }
.showroom-tabs .tab.active,
.showroom-tabs .tab:hover { background-color: white; border-bottom: 0; font-weight: bold; padding-bottom: 11px; }


.page-dynamax-tornado-flush > main > .wrapper, .page-dynamax > main > .wrapper{
    width: 100%;
    max-width: 100%;
    font-family: 'Montserrat', sans-serif;
}
.hero-video {
    /*min-height: calc(100vh - 252px);
    background-color: rgba(0,0,0,0.2);*/
    max-width: 100%
}

.page-dynamax-tornado-flush .hero-video div,.page-dynamax .hero-video div {
    width: 100%;
    /*height: calc(100vh - 252px);*/
}

.page-dynamax-tornado-flush .hero-video .vid:not(video),.page-dynamax .hero-video .vid:not(video) {
    width: 100%!important;
    height: calc(100vh - 252px)!important;
    color: white;
    position: relative;
}

.page-dynamax-tornado-flush .hero-video .vid-wrap,.page-dynamax .hero-video .vid-wrap {
    position: relative;
}

.page-dynamax-tornado-flush .hero-video .vid-wrap:before,.page-dynamax .hero-video .vid-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.page-dynamax-tornado-flush .hero-video iframe, .page-dynamax-tornado-flush .hero-video video,
.page-dynamax .hero-video iframe, .page-dynamax .hero-video video {
    width: 100%!important;
    height: auto!important;
}

.page-dynamax-tornado-flush .wrapper > .module, .page-dynamax .wrapper > .module {
    width: 100%;
    max-width: 100%
}

.page-dynamax-tornado-flush .heading, .page-dynamax .heading {
    text-align: center
}

.page-dynamax-tornado-flush .arrow-down, .page-dynamax .arrow-down {
    height: 32px;
    display: inline-block;
    cursor: pointer;
    text-indent: -99999px;
    position: relative;
}

.page-dynamax-tornado-flush .arrow-down:before, .page-dynamax .arrow-down:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    border-top: 1px solid #262626;
    border-right: 1px solid #262626;
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.page-dynamax-tornado-flush h2, .page-dynamax h2 {
    font-size: 2.5rem;
    line-height: 1.25;
    font-weight: 400
}


/* Limited Inventory */
.limited-inventory {
	text-align: center;
	margin-bottom: 5px;
	position: relative;
	cursor: pointer;
}

.limited-inventory > * {
	padding: 3px 20px!important;
	background-color: #3D88B9;
	color: white;
	width: 100%;
	display: block;
}

.limited-inventory .tooltip {
	display:block;
	position: absolute;
	left: 2000px;
	transition: left 0.2s;
	width: 500px;
	text-align: left;
	margin-top: 3px;
	background: #f2f6f9;
	color: black;
	padding: 3px 25px!important;
}

.product .top-detail-section {
	overflow: hidden;
}

.limited-inventory .tooltip:after {
	background: unset;
}

.limited-inventory:hover .tooltip {
	display: block;
	top: 0;
	left: calc(100% + 10px);
	transition: left 0.2s;
}

.limited-inventory:hover .tooltip:after {
    content: "!";
    color: white;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 8px;
    background-color: #347aad;
}

.evolution-section {
	display: flex!important;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.module.evolution-section.full {
	max-width: 100%!important;
	padding: 0!important;
}

.evolution-section.no-margin {
	margin: 0;
}

.module.evolution-section.no-margin .module {
	margin: 0!important;
}
.evolution-section .module {
	flex: 1;
	min-width: 0;
	height: 542px;
	position: relative;
	background-position: center center;
	background-color: #000
}
.evolution-section .module .module_content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*transform: translate(-50%, -50%);*/
}
.evolution-section .module .module_content h3, .evolution-section .module .module_content {
	font-size: 24px;
	color: white;
	font-weight: normal;
	line-height: 1.7;
	width: 100%;
	height: 100%;
}
.evolution-section .module .module_content h3 a, .evolution-section .module .module_content a  {
	color: white;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 20px;
	text-align: center;
	text-shadow: 0 2px 7px rgba(0,0,0, .7);
}

.evolution-section .module .module_content h3 a, .evolution-section .module .module_content a {
	&:hover, &:focus, &:focus-visible, &:focus-within {
		text-shadow: 2px 2px 3px rgba(0,0,0,1), -2px -2px 3px rgba(0,0,0,1), 0px -2px 3px rgba(0,0,0,1), 0px 2px 3px rgba(0,0,0,1);
	}
}

.evolution-section .module:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.evolution-section .module {
	&:hover, &:focus, &:focus-visible, &:focus-within {
		text-shadow: 0 2px 6px rgb(0,0,0);
		&:before {
			 opacity: 0
		 }
	 }
}

.page-dynamax-tornado-flush .text-image, .page-dynamax .text-image {
    background: rgb(255,255,255);
    /* background: -moz-linear-gradient(45deg,  rgba(201,203,202,1) 0%,rgba(235,235,235,1) 100%); */
    /* background: -webkit-linear-gradient(45deg,  rgba(201,203,202,1) 0%,rgba(235,235,235,1) 100%); */
    /* background: linear-gradient(-135deg,  rgba(201,203,202,1) 0%,rgba(235,235,235,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#c9cbca',GradientType=1 );
    min-height: 715px;
    padding: 50px
}
.page-dynamax-tornado-flush .text-image h2, .page-dynamax .text-image h2 {
    color: #649592
}

.page-dynamax-tornado-flush .text-image p, .page-dynamax .text-image p {
    font-size: 18px
}

.page-dynamax-tornado-flush .text-image .module, .page-dynamax .text-image .module {
    min-height: 615px;
    background-size: initial;
    background-position: right center;
    max-width: 1224px;
    margin: 0 auto!important;
    float: none
}

.page-dynamax-tornado-flush .text-image .module .module_content, .page-dynamax .text-image .module .module_content {
    width: 55%
}

.sitemap .container ul li a {
    display: inline-block;
    margin-bottom: 10px;
    line-height: 1.2
}

.search-page > .wrapper {
	padding-top: 50px;
}
.categoriesBar .cats a:hover { font-weight: bold; }

.collection ul.products li {
	max-width: 100%
}


.type_casestudy {
	.header-banner {
		min-height: initial;
		max-height: initial;
		display: block;
		padding: 0 25px;
		&:before {
			display: none
		}
		 img {
			 width: 600px;
			 height: auto
		 }

		 .module_content {
			 padding-top: 64px;
			 text-align: left;
		 }
	}
	.pageTitle {
		h1, .h1 {
			font-weight: 400
		}
		h2, .h2 {
			order: 3;
			margin: 0;
			font-weight: 400
		}
		.sharethis {
			order: 1;
			.sharethis-wrapper {
				text-align: left
			}
		}
	}
}

.searchbox .input-wrapper, .search_form #search_query_form {
	position: relative;
	.btn {
		background: black;
		border: 0;
		position: absolute;
		top: 10px;
		right: 10px;
		bottom: 10px;
		z-index: 2;
		color: white;
		cursor: pointer;
		text-align: center;
		min-width: 72px;
		outline: none;
		font-size: 14px!important;
		&:focus, &:focus-visible, &:focus-within { background: $(blue); }
	}
	input {
		padding-right: 80px!important
	}
}

header .searchbox .input-wrapper { padding: 10px; background: #F0F0F0}

.page-award_winning_products footer {
	margin-top: 0;
}


.awards-menu {
	width: 100%;
	max-width: 100%!important;
	position: fixed;
	z-index: 100;
	top: 42px;
	display: flex!important;
	flex-flow: wrap;
	align-items: center;
	padding: 20px 24px!important;
	margin: 0!important;
	background: rgba(0,0,0,0.8);
	color: white;
	.module { margin: 0!important; }
	ul { display: flex; list-style-type: none; justify-content: flex-end }
	ul li {padding: 0 0 0 30px}
	ul li a { text-transform: none; color: white!important; font-size: 20px }
	ul li a:hover { text-decoration: underline!important; }
	> .module:nth-child(2) {
		font-size: 30px;
		text-transform: uppercase;
		font-weight: 800
	}
	> .module:nth-child(3) {
		height: 100%
	}

}

.paralax-images {
	margin-top: 0!important;
	z-index: 0;
	position: fixed;
	top: 146px;
	width: 100%;
	max-width: 100%!important;
	min-height: calc(100vh - 146px);
	> :empty { display: none; }
	> div {position: absolute; width: 100%; left: 0; top: 0; bottom: 0; z-index: 0; transition: all 1s ease-in-out; }
	> :not(.active) { opacity: 0; z-index: 0; }
	> .active { opacity: 1; z-index: 5; }
}


.main-content-area {
	position: relative;
	text-align: center;
	width: 100%;
	max-width: 100%!important;
	background: white;
	margin-top: calc(100vh - 42px)!important;
	margin-bottom: 0!important;
	color: #222;
	> div {
		max-width: 1425px;
		margin-left: auto;
		margin-right: auto;
	}
}

.module.awards-header {
	padding-bottom: 100px;
	padding-left: 40px;
	padding-right: 40px;
	position: absolute;
	width: 100%;
	left: 50%;
	transform: translate(-50%,-100%);
	text-align: center;
	h1, .h1 { font-size: 60px; font-weight: 800; }
	ul { list-style-type: none; padding: 0; display: flex; flex-flow: wrap; }
	ul li { display: inline-block; margin-right: 2%; width: 32%; }
	ul li:last-child { margin-right: 0; }
	ul li a {
		display: inline-flex;
		font-size: 20px;
		transition: 0.7s;
		padding: 20px;
		border: 1px solid black;
		min-width: 100%;
		font-weight: bold;
		text-transform: none;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	ul li a:hover {
		color: white;
		background: #333
	}
}

.main-content-area {
	.section {
		padding: 60px 24px 80px;
		.module:not(.products-grid):not(.products-grids) {
			.module_content p:first-child {margin-top: 0; }
			img {
				width: 150px;
				height: auto;
			}
			+ .products-grid {  }
		}
		p { font-size: 20px; margin: 40px 0; color: #222; line-height: 1.6 }
		h2, h3 {
			text-transform: none;
			font-size: 35px;
		}
		.products-grid.center { justify-content: center; margin-top: 0 }
		&.good-design, &.green-good {
			.module:not(.products-grid):not(.products-grids) img { width: 80px; }
		}

	.foot {font-size: 20px; text-align: left; margin-top: 200px; }

	}


}

.sticking {
	position: fixed;
	padding: 20px;
	text-align:center;
	background: rgba(255,255,255,0.8);
	left: 0;
	right: 0;
	z-index: 200
}

.products-grid {
	margin-top: 80px;
	display: flex!important;
	flex-flow: wrap;
	div:empty { display: none; }
	> .module_content {
		text-align: left;
		font-size: 35px;
		font-weight: 800;
		width: 100%;
	}
	img { width: auto!important; max-width: 100%!important; height: auto!important; }
	.module {
		font-size: 14px; font-weight: bold;
		p {margin: 0; font-size: 14px; font-weight: bold; }
	}
	.light { font-size: 16px!important; font-weight: normal!important; }
}

.products-grids {
	display: flex!important;
	flex-wrap: wrap;
	max-width: 800px;
	margin: 64px auto;
}

/* Image hero */
.module.image-hero {
	margin: 0!important;
	max-width: 100%!important;
	height: calc(100vh - 34px)
}

.module.image-hero .module_content {
	max-width: 1425px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding-bottom: 100px;
}

.module.image-hero .module_content h1, .module.image-hero .module_content .h1 {
	margin-bottom: 30px;
	color: white;
	text-transform: none;
	font-size: 50px;
}

.module.image-hero .module_content h2, .module.image-hero .module_content .h2 {
	margin-top: 0;
	color: white;
	text-transform: none;
	font-weight: normal;
	font-size: 42px;
}

.online-retailer-logos-section {
	padding: 0 15px!important;
}

.retails-list-wrapper h2 {
	margin-top: 100px;
	margin-bottom: 20px;
}

.retails-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 10px -10px;
	list-style-type: none!important;
}

.retails-list > * {
	width: calc(100% / 6 - 20px);
	margin: 40px 10px 0 10px;
	position: relative;
}

.retails-list.authorized-retails-list > *, .retails-list.authorized-marketplace-list > * {
	width: calc(100% / 7 - 20px);
}

.retails-list > * a {
	display: block;
	width: 100%!important;
}

.retails-list > * .image {
	padding-bottom: calc(100% - 2px);
	border: 1px solid rgba(0,0,0,0.1);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	cursor: pointer;
}

.retails-list > * .image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.retails-list > * .title {
	margin-top: 8px;
	font-size: 15px;
	line-height: 1;
	text-transform: none;
}

.retails-list > * .title a:hover {
	color: $(blue)
}

.retails-list > * .description {
	line-height: 1.5;
	margin: 0;
	font-size: 14px;

}

.retails-list > * .image-hover {
	display: none;
	background-color: #738DC0;
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2
}
.retails-list > * .image-hover span {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.retails-list .image:hover .image-hover,
.retails-list > * > a:focus .image .image-hover,
.retails-list > * > a:focus-visible .image .image-hover,
.retails-list > * > a:focus-within .image .image-hover  {
	display: block;
}

#ca-retailers { margin-top: 64px; }

.newsletter-subscription-wrapper ~ footer { margin-top: 0; }
.newsletter-subscription-wrapper .wrapper { padding: 100px 25px!important; text-align: center }
.newsletter-subscription-wrapper .wrapper h2 { line-height: 1; margin: 16px 0 8px 0; font-size: 28px; text-transform: uppercase }
.newsletter-subscription-wrapper .wrapper p { margin-top: 0 }
.newsletter-subscription-wrapper .wrapper form .row { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 1fr); }
.nice.input:not(.checkbox) {
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 15px;
	position: relative;
}
.nice.input.checkbox {
	position: relative;
	padding: 0;
	border: 0;
}
.nice.input.textarea { height: 150px; }
.nice.input label { font-size: 14px; position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; background: transparent; display: inline-block; padding: 0 4px; transition: all .3s ease }
.nice.input.focused label, .nice.input.has-value label, .nice.input.is-select label, .nice.input.is-select2 label, .nice.input.quantity label, .nice.input.has-placeholder label { background: white; }
.nice.input [name] { display: block; width: 100%; height: 100%; border: 0; outline: 0; background: transparent!important; font-family:"Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", Arial, sans-serif; }
.nice.input [name]::-webkit-input-placeholder,
.nice.input [name]::-moz-placeholder,
.nice.input [name]:-ms-input-placeholder,
.nice.input [name]::placeholder { font-family:"Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", Arial, sans-serif; font-size: 14px; }
.nice.input [type="number"] { -moz-appearance: textfield; }
.nice.input [type="number"]::-webkit-inner-spin-button, .nice.input [type="number"]::-webkit-outer-spin-button { appearance: none; -webkit-appearance: none; margin: 0; }
.nice.input.focused label, .nice.input.has-value label, .nice.input.is-select2 label, .nice.input.quantity label, .nice.input.has-placeholder label { top: 0; left: 15px; transform: translateY(-50%); z-index: 10 }
.nice.input.is-select2 .select2-container .select2-selection--single .select2-selection__rendered { white-space: unset; line-height: 1; }
.nice.input.btn-wrap { border: 0; padding: 0; grid-column: 1 / span 2; text-align: center; }
.nice.input input:-webkit-autofill,
.nice.input input:-webkit-autofill:focus,
.nice.input input[data-autocompleted] {
	transition: background-color 600000s 0s, color 600000s 0s;
	background: transparent!important;
}
.nice.input.error {
	border-color: #DA1623!important;
}
.nice.input.quantity { min-width: 140px; }
.nice.input.quantity > div, .nice.input.price > div { display: flex; width: 100%; height: 100%; }
.nice.input.quantity > div input { text-align: center; }
.nice.input.quantity > div input, .nice.input.price > div input { flex: 1; height: 100%; width: 100%; padding: 0 20px; }
.nice.input.quantity > div button { position: absolute; z-index: 20; top: 0; bottom: 0; border: 0!important; font-size: 21px; width: 32px; }
.nice.input.quantity > div button.decrease { left: 0; border-radius: 5px 0 0 5px!important; }
.nice.input.quantity > div button.increase { right: 0; border-radius: 0 5px 5px 0!important;}
.nice.input.quantity label { left: 30px; }
.nice.input.price > div input { padding: 0 0 0 35px; }
.nice.input.price > div span { display: flex; align-items: center; position: absolute; z-index: 20; left: 0; top: 0; bottom: 0; padding: 10px 15px; background: rgba(0,0,0,0.1); border-radius: 5px 0 0 5px; width: 40px; text-align: center;   }
.nice.input.price label { left: 45px!important;}
.nice.input.is-select2 { padding: 0; }
.nice.input.is-select2 .select2-container { display: block; height: 100%; }
.nice.input.is-select2 .select2-container .selection .select2-selection { display: flex; flex-direction: column; justify-content: center; height: 100%; border: 0 }
.nice.input.is-select2 .select2-container .selection .select2-selection__arrow { top: 50%; transform: translateY(-50%) }
.nice.input.is-select2 .select2-container .selection .select2-selection__rendered { padding-left: 15px; padding-right: 30px; }
.nice.input.is-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 8px 6px 0 6px; margin-left: -15px; margin-top: -4px; }
.nice.input.checkbox label { position: relative; top: unset; left: unset; background: transparent; transform: unset; pointer-events: unset; display: block; width: 100%; padding: 0; text-align: left; }
.nice.input.checkbox label span { display: inline-block; width: 24px; height: 24px; border: 1px solid rgba(0,0,0,0.1); float: left; margin-right: 10px;  }
.nice.input.checkbox [name] { width: 1px; height: 1px; border: 0; }
.newsletter-subscription-wrapper .nice.input.btn-wrap > * { display: inline-block; width: calc(50% - 20px); height: 50px; border-radius: 5px; margin: 0 auto; }
.newsletter-subscription-wrapper.inversed { background: black; color: white }
.newsletter-subscription-wrapper.inversed a { color: white!important; text-decoration: underline!important; }
.newsletter-subscription-wrapper .nice.input { border-color: #B7B7B7 }
.newsletter-subscription-wrapper.inversed .nice.input [name] { color: white }
.newsletter-subscription-wrapper.inversed .nice.input [name] { color: white }
.newsletter-subscription-wrapper.inversed .nice.input label { color: white }
.newsletter-subscription-wrapper.inversed .nice.input:not(.checkbox).focused label,
.newsletter-subscription-wrapper.inversed .nice.input:not(.checkbox).has-value label,
.newsletter-subscription-wrapper.inversed .nice.input.is-select label,
.newsletter-subscription-wrapper.inversed .nice.input.is-select.focused select[name] { background: rgba(0,0,0,0.9)!important; }
.newsletter-subscription-wrapper.inversed p { color: white }
.newsletter-subscription-wrapper.inversed .nice.input.checkbox label { font-size: 14px; }
.newsletter-subscription-wrapper.inversed .nice.input.checkbox input + label span { border-color: #B7B7B7; }
.newsletter-subscription-wrapper.inversed .nice.input.checkbox input:checked + label span { background-image: url(/images/icon-check-white.svg); }
.newsletter-subscription-wrapper.inversed .nice.input.checkbox { grid-column: 1 / span 2; }
.newsletter-subscription-wrapper { z-index: 0; position: relative; }
.newsletter-subscription-wrapper:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-image: url('/images/banner/certified-installers-subhero.png')!important;
	opacity: .4;
	background-repeat: no-repeat;
	background-size: cover
}


#newsletter-form, .newsletter-form, .mailing-list-form {
	.message {
		width: 100%;
		margin-bottom: 40px;
		font-size: 18px;
		font-weight: bold;
		&:empty { display: none!important; }
		 &.success {
			  display:flex;
			  justify-items: center;
			  justify-content: center;
			  color: #89E289;
			  line-height: 40px;
			  span { content: ""; display: inline-block; width: 40px; height: 40px; background: url(/images/check-green.svg) no-repeat center center; background-size: contain; margin-right: 10px; }
		  }
		&.error { color: #F11B00 }
	}
}


.placeholder-input {
	position: relative;
	z-index: 99;
	width: 100%;
	margin-top: 15px
}

.placeholder-input.on {
	z-index: 999999
}

.placeholder-input:not(.is-checkbox) label {
	position: absolute;
	z-index: 10;
	width: calc(100% - 50px);
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	pointer-events: none;
	background: transparent;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	color: rgba(0,0,0,0.6)
}

.placeholder-input input, .placeholder-input textarea, .placeholder-input select {
	z-index: 2;
	margin: 0
}

.placeholder-input.has-value:not(.is-checkbox) label, #warranty-registration .placeholder-input.is-select label, .placeholder-input.is-date label {
	/*left: 0!important;
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;*/
	top: 0;
	left: 5px;
	transform: translateY(-50%);
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 72%, rgba(255,255,255,0) 100%);
	width: auto;
	padding: 0 5px;
	font-size: .8rem;
	opacity: 1;
	/*&:after {content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); height: 2px; background: white; left: 0; right: 0; z-index: -1 }*/
}

.placeholder-input.is-select .selected-text {
	color: rgba(0,0,0,0.6);
}

.placeholder-input.is-select:not(.has-value) .selected-text {
	opacity: 0!important
}

.placeholder-input.is-select.has-value .selected-text {
	opacity: 1!important
}

.placeholder-input.is-textarea:not(.has-value) label {
	top: 12px;
	transform: none
}

.form-type-checkbox { position: relative; }

.placeholder-input .error-msg, .form-type-checkbox .error-msg {
	font-size: .8rem;
	color: #cf2020;
	position: absolute;
	bottom: 2px;
	left: 0;
	transform: translateY(100%)
}

.placeholder-input .error-msg.sr-only, .form-type-checkbox .error-msg.sr-only {
	visibility: hidden;
}

.placeholder-input.has-error, .form-item.checkbox.has-error {
	margin-bottom: 30px!important;
}

.placeholder-input.readonly [name] {
	color: rgba(0, 0, 0, .6)
}

#warranty-registration .placeholder-input label {
	left: 12px;
	color: rgba(0,0,0,0.65);
}

#warranty-registration .placeholder-input.is-select select {
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif!important;
}

[name] ::-webkit-input-placeholder {
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif!important;
}
[name] ::-moz-placeholder {
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif!important;
}
[name] :-ms-input-placeholder {
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif!important;
}
[name] :-moz-placeholder {
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif!important;
}

.row-grid {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	margin-bottom: 20px
}

.row-grid.centered {
	text-align: inherit;
	align-items: center
}

.row-grid .half {
	width: calc(50% - 20px);
}

ol.fancy {
	list-style: none;
	counter-reset: item;
	padding: 0 0 0 20px
}

ol.fancy li {
	font-size: 1.8rem;
	line-height: 1.2;
	margin-bottom: 20px;
	counter-increment: item;
	position: relative;
	padding: 0 0 0 44px;
	box-sizing: border-box;
}

ol.fancy li:before {
	content: counter(item);
	display: inline-block;
	border: 2px solid black;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	text-align: center;
	line-height: 34px;
	font-size: 1.2rem;
	font-weight: 800;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0
}

.subtle-description { font-size: 14px; color: #757575; }

.grid-ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
	li {
		display: inline-block;
		> [class*="span"] {
			width: 100%;
		}
	}
}

.inline-flex {
	display: inline-flex;
	align-items: center;
	list-style-type: none!important;
}

#modal_prod_gallery .header { display: flex; flex-flow: wrap; gap: 10px; padding-bottom: 20px; margin-bottom: 20px }
#modal_prod_gallery .header h2 { margin: 0; flex: 1}
#modal_prod_gallery .jssora05l, #modal_prod_gallery .jssora05r {
	width: 44px!important;
	height: 44px!important;
	border: 2px solid transparent;
	top: 50% !important;
	transform: translateY(-50%)!important;
	&:focus, &:focus-visible, &:focus-within { border: 2px solid royalblue; }
}

#modal_prod_gallery [data-u="slides"] [data-u="image"] { object-fit: contain; }

.compare-message-lightbox h2 {
	margin-bottom: 10px;
	text-transform: none;
	text-align: left;
}

a.osano-cm-link:not(.button),
a.osano-cm-link:not(.button):link {
	color: #14b1e7;
}
.osano-cm-info p {
	color: white;
}


/* Media Queries */
@media (min-width: 1921px) {
	.showroom-section > .module_content + .module {
		max-width: 100%!important;
		width: 75%!important;
	}

	.module.experience-toto-washlet .experience-toto-washlet-container {
		max-width: 100%!important;
		width: 75%!important;
	}

}

@media all and (max-width: 1650px) {
	.awards-menu { top: 34px; }
	.paralax-images { top: 128px; min-height: calc(100vh - 128px); }
	.main-content-area { margin-top: calc(100vh - 25px)!important; }
}

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

	.retails-list > * {
		width: calc(25% - 20px);
	}
	.retails-list.authorized-retails-list > *, .retails-list.authorized-marketplace-list > * {
		width: calc(20% - 20px);
	}
}


@media all and (max-width:1048px){
	.click-through-image img { /*display: none;*/ width: 100%; height: auto; }
	.wrapper{ padding: 0 16px; }
	.breadcrumbs { padding-left: 10px; padding-right: 10px; }

	.award-heading {
		font-size: 32px;
		top: 80px

	}
	.award-heading:before, .award-heading:after {
		width: 100px;
		height: 20px
	}

	.award-logo > img, .award-logo .award-logos-wrap {
		top: 180px
	}

	.award-title .title {
		font-size: 32px!important
	}

    .page-dynamax-tornado-flush .text-image, .page-dynamax .text-image {
        min-height: 500px
    }

    .page-dynamax-tornado-flush .text-image .module, .page-dynamax .text-image .module {
        background-size: 300px auto;
        min-height: 400px
    }


    .page-dynamax-tornado-flush .hero-video,.page-dynamax .hero-video {
        margin: 0 -20px;
        max-width: calc(100% + 40px)!important;
        width: calc(100% + 40px)!important;
    }

	.awards-menu ul li a { font-size: 18px; }

}

@media (max-width: 1024px){
	#compare-bar { min-height: 50px; }
	body > main > .wrapper {margin-top: 120px;} /* For fixed header */
	body.homepage > main > .heading + .wrapper { margin-top: 0; } /* For fixed header */
	body.homepage > main > .wrapper { margin-top: 72px; } /* For fixed header */
	.slider7 .bottomslider .slick-slide span.title { font-size: 42px; }
	.livechat, .livechatoff {position: absolute; right: 170px; top: 10px;}

	#compare-bar ul.compare-products li { max-width: 220px; }
}

@media all and (max-width: 1000px) {
	body > main > .wrapper, body.subpage > main > .wrapper {margin-top: 0;}
	form.search_form {margin: 0;padding: 0;width: 100%; }
	form.search_form input {max-width: 100%; border-bottom: 4px solid white; height:  48px;border-radius: 0;padding-left: 40px;background: #dddddd url('/images/head_icon_search_gray.png') left 12px center no-repeat;background-size: 16px 16px;}

	.award-logo .award-logos-wrap img {
		display: block!important;
		margin: 0 auto 10px auto!important
	}
}

@media all and (max-width:960px){
	.row-grid > * {
		width: 100%!important;
	}

	.mobile-order--1 { order: -1 }
	.mobile-order-0 { order: 0 }
	.mobile-order-1 { order: 1 }

	#compare-bar {height: 224px;}
	#compare-bar .cp {text-align: left;margin-bottom: 16px;}
	#compare-bar .compare-inner { padding: 0 8px;}
	#compare-bar ul.compare-products li {width: 33.33%; min-width: 200px;padding: 0 8px 0 0;}
	#compare-bar .compared_img { float: none; display: block; margin: 0; }
	#compare-bar ul.compare-products li .name, #compare-bar ul.compare-products li .price {display: block;font-size:  12px;margin-top: 4px;max-width: none;max-height: 26px;}
	#compare-bar .remove { padding-left: 0; }

	#gallery_wrapper,
	#gallery_wrapper #main_image,
	#gallery_wrapper #main_image_name,
	#gallery_wrapper .description,
	#gallery_wrapper .description #main_image_desc,
	#gallery_wrapper #gallery_nav{ border: none !important; display: block; width: 100%; height: auto !important; margin: 0; position: static; }
	#gallery_wrapper{ padding: 16px 0 !important; }
	#gallery_wrapper #main_image{ margin-bottom: 16px !important; }
	#gallery_wrapper .description{ padding: 8px 0; }
	#gallery_wrapper #gallery_nav::after{ content: " "; display: block; clear: both; }
	.find-a-showroom .showroom-rop{ width: 100% !important; }
	.what-this{ display:none; }
	.tooltip{ display:none; }
	.features-section .icon-list li { line-height: 28px; }
	.slider6 .slick-slide .fundamental-desc h3 { font-size: 24px; line-height: 32px; }
	.slider6 .slick-slide .fundamental-desc p.desc { font-size: 16px; }
	.slider6 .slick-slide .fundamental-desc a { padding: 12px 40px 12px 20px; }
	.slider6 .slick-slide .fundamental-desc a:after { margin-left: 10px; }
	.homepage .toto-fundamentals .slick-slider.topslider .slick-slide { font-size: 14px; }
	.slider7 .bottomslider .slick-slide span.title { font-size: 24px; }
	.slider7 .bottomslider .slick-slide span.title span.small { font-size: 20px; }
	.slider7 .bottomslider .slick-slide span.title span.big { font-size: 46px; }
	body header.main .split .right {
		overflow: auto;
	}
	.searchbox {
		position: relative!important
	}
	.awards-menu { display: none!important; }
	.products-grid {
		> div {
			width: 50%
		}
	}
	.module.image-hero .module_content h1, .module.image-hero .module_content .h1 {
		font-size: 34px;
		margin-bottom: 20px;
	}

	.module.image-hero .module_content h2, .module.image-hero .module_content .h2 {
		font-size: 28px;
	}

	#webform-component-inquiry-type,
	#webform-component-contact-information { 
		width: 100%;
	}

	.webform-client-form fieldset {
		margin-bottom: 0;
	}

	#webform-component-inquiry-type {
		margin-top: 0;
	}
}

@media all and (max-width:840px){
	.product-logo-container{width:100%;margin-left:0px;}
	.product-logo-container .logo{right:0px;}
	.best-sellers-banner h2{ font-size: 48px; }
	.search-filters{ display: block; width: 100%; padding: 0; margin: 0; }
	.search-filters .filters{ margin: 16px 0; padding: 16px 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
	.search-filters .filters h3{ cursor: pointer; margin: 8px 0; transition: all 0.2s ease; font-weight: bold; }
	.search-filters .filters h3::after{ content: "v"; display: inline-block; color: #ccc; margin: 0 0 0 8px; font-weight: bold; transform: scale(1,0.5); transition: all 0.2s ease; }
	.search-filters .filters h3.on::after{ transform: rotate(180deg) scale(1,0.5); }
	.search-filters .filters ul{ opacity: 0; height: 0; overflow: hidden; transition: all 0.2s ease; }
	.search-filters .filters ul.on{ opacity: 1; height: auto; margin-bottom: 16px; }
	.search-filters .filters ul li{ padding: 4px 0 4px 8px; display: block; }
	.how-it-works .right-btn .btn-right{ margin-right: 8px; }
	.how-it-works .image,
	.how-it-works .content,
	.how-it-works .right-btn{ display: block; width: 100%; text-align: center; }
	.specifications,
	.features-section,
	.top-detail-section .left-detail,
	.top-detail-section .main-img-box,
	.product .content-top .product-heading,
	.product .content-top .sku{ float: none; display: block; width: 100%; padding: 16px 0; }
	.category-top .sort_products{ display: block; position: static; margin: 16px 0 0 0; }
	.filter-subcategories li:nth-child(3n+1){ clear: none; }
	.filter-subcategories.four_per_line li,
	.filter-subcategories li{ display: block; float: none; width: 100%; margin: 8px 0; max-width: none; }
	ul.products li,
	ul.collections li{ width: 48%; margin: 0px 2% 16px 0px; max-width: none; }
	#filter-details .filter{ width: 48%; margin: 0px 2% 16px 0px; max-width: none; }
	.find-a-product input[type="submit"],
	.find-a-showroom input[type="submit"],
	.find-a-product .select,
	.find-a-product input[type="text"]{ display: block; width: 100%; margin: 4px 0; }
	.find-a-showroom .select,
	.find-a-showroom input[type="text"]{ width: 49%; margin: 4px 1% 4px 0; }
	.toto-essential-title{ font-size: 14px; }
	.discontinued-search #filter-details li, .discontinued-search #filter-details .custom-checkbox { width: 100%; margin-right: 0; }
	.module_10015616381400796994 .module,
	.module_10014778060881852203 .module{ padding: 24px 0; }

	.top-detail-section .main-img-box {
		overflow: visible!important;
		height: auto;
	}

	.top-detail-section .main-img-box .right-detail {
		float: none;
		position: relative;
		width: 100%;
		max-width: none;
	}

	.top-detail-section .right-detail .secondary-logos {
		float: none;
		display: block;
		position: relative;
		width: 100%;
		max-width: none;
		padding-top: 64px;
		padding-bottom: 16px;
	}

	.top-detail-section .right-detail .secondary-logos img {
		width: 23%;
		margin: 5%;
		display: inline-block;
	}

	.top-detail-section .main-img-box .right-detail .img-box {
		width: 100%;
		max-width: none;
		padding: 10px;
		box-sizing: border-box;
		float: none;
		display: block;
	}
	.top-detail-section .main-img-box .right-detail .img-box ul {
		text-align: center
	}
	.top-detail-section .main-img-box .right-detail .img-box li {
		width: 32%;
		max-width: 100px;
		margin-right: 1%;
		margin-bottom: 0;
		display: inline-block;
	}
	.top-detail-section .main-img-box .right-detail .img-box li:last-child{
		margin-right: 0
	}

	.top-detail-section .main-img-box .right-detail:before, .top-detail-section .main-img-box .right-detail:after {
		content: "";
		display: block;
		clear:  both
	}

	.features-section .icon-list li {
		width: 100%;
		display: block;
	}

	#modal_prod_gallery #jssor_1 {
		width: 100%!important;
	}

	#modal_prod_gallery #jssor_1 > div, #modal_prod_gallery #jssor_1 > div > div, #modal_prod_gallery #jssor_1 [data-u]:not([data-u^="arrow"]),#modal_prod_gallery #jssor_1 [data-p] {
		width: 100%!important;
	}

	#modal_prod_gallery .jssora05l, #modal_prod_gallery .jssora05r {
		width: 40px!important;
	}

	#modal_prod_gallery #jssor_1 [data-u="image"] {
		left: 0!important
	}

	.detail-section .featured-category .detail h4, .detail-section .featured-category .detail h3.h4 { font-size: 10px; }
	.detail-section .featured-category .detail h3, .detail-section .featured-category .detail h4.h3 { font-size: 16px; }

	.slider6 .slick-slide .fundamental-desc { left: 40px; top: 80px; }
	.slider7 .bottomslider .slick-slide span.title { font-size: 28px; padding-right: 0; text-align: center; top: auto; bottom: 20%; }

	.slider7 .bottomslider .slick-slide span.title.high { top: auto; bottom: 25%; }
	.slider7 .bottomslider .slick-slide span.title span.small { font-size: 20px; }
	.slider7 .bottomslider .slick-slide span.title span.big { font-size: 46px; }

	.slider7 .slidecontrols { margin-top: 0px; }
	.slider7 .slidepages { position: relative; top: auto; bottom: 10px; width: 100%; height: 20px; right: auto; text-align: center; }
	.slider7 .slidepages .slidepage { display: inline-block; margin: 0 !important; float: none; padding: 0 15px; }

	.homepage .featured-product { display: inline-block; width: 100% !important; margin: 10px 0 !important; background-color: #515151; background-size: auto 257px; }

	.homepage .featured-section h3 { font-size: 16px; }

	.homepage .toto-about .inner-wrapper { font-size: 16px; }
	.homepage .toto-about .inner-wrapper p { font-size: 16px; }
	.homepage .toto-about .inner-wrapper a.more { color: white; }

	.award-heading {
		top: 60px
	}
	.award-logo > img, .award-logo .award-logos-wrap {
		top: 150px
	}
	.award-title .title {
		padding: 0 20px!important;
		font-size: 24px!important
	}
	.award-logo .award-logos-wrap {
		top: 110px
	}
	.award-logo .award-logos-wrap img {
		height: 90px!important;
	}

    .evolution-section .module {
        width: 33.3%;
        height: 280px
    }

	.limited-inventory .tooltip {
		top: -35px;
		width: 100%;
	}
	.limited-inventory:hover .tooltip {
		top: -35px;
		left: 0;
	}

	.module.image-hero .module_content h1, .module.image-hero .module_content .h1 {
		font-size: 32px;
	}

	.module.image-hero .module_content h2, .module.image-hero .module_content .h2 {
		font-size: 24px;
	}

	.retails-list { grid-template-columns: repeat(3, 1fr);}

}


@media screen and (max-width:765px){
	.sustainable-minds-product-list .product-list li{
		width:33%;
	}
	ul.galleryimages{display:none;}
	#gallery_nav{position:absolute; top:0px; left:0px;}
	.sub-heading h2 { font-size: 32px; }
	#warranty-registration .half { width: 100%; }

	.award-heading {
		font-size: 20px;
		top: 50px

	}
	.award-heading:before, .award-heading:after {
		width: 50px;
		height: 15px
	}

	.award-logo > img, .award-logo .award-logos-wrap {
		top: 100px;
		max-height: 100px
	}
	.award-logo .award-logos-wrap {
		top: 80px
	}
	.award-logo .award-logos-wrap img {
		height: 70px!important;
	}

    .page-dynamax-tornado-flush .wrapper  .module h2, .page-dynamax .wrapper  .module h2 {
        font-size: 1.5rem;
        margin: 30px 0 20px
    }

    .page-dynamax-tornado-flush .wrapper > .module > .module_content > h2, .page-dynamax .wrapper > .module > .module_content > h2 {
        text-align: center!important;
    }

    .page-dynamax-tornado-flush .text-image, .page-dynamax .text-image {
        min-height: 100px
    }

    .page-dynamax-tornado-flush .text-image .module, .page-dynamax .text-image .module {
        background-size: auto 300px;
        min-height: 100px;
        background-position: bottom 20px center;
        padding-bottom: 340px
    }

    .page-dynamax-tornado-flush .text-image .module .module_content, .page-dynamax .text-image .module .module_content {
        width: 100%
    }

    .evolution-section .module {
        height: 280px
    }

	.retails-list > * {
		width: calc(33.33% - 20px);
	}

	.retails-list.authorized-retails-list > *, .retails-list.authorized-marketplace-list > * {
		width: calc(25% - 20px);
	}

}


@media all and (min-width:640px){
	.filter-section {display: block!important}
}
@media all and (max-width:640px){
	.search-result .image{ float: none; display: block; width: 100%; max-height: 200px; overflow: hidden; margin: 0; }
	.discontinued-search .search-result{ width: auto; display: block; margin: 0px 3% 3%; }
	.search-result .description{ padding: 16px; color: #666; }
	.search-result .description .title{ font-size: 20px; padding: 0 0 8px 0; color: black; font-weight: normal; }
	.support-title h1{ font-size: 24px; }
	.people-center-top h1.block-title{ font-size: 20px;  }
	.span11,
	.span10,
	.span9,
	.span8,
	.span7,
	.span6,
	.span5,
	.span4,
	.span3,
	.span20,
	.span2,
	.span1{ width: 100% !important; margin-top: 0; margin-bottom: 8px; }
	.span11 a.inner,
	.span10 a.inner,
	.span9 a.inner,
	.span8 a.inner,
	.span7 a.inner,
	.span6 a.inner,
	.span5 a.inner,
	.span4 a.inner,
	.span3 a.inner,
	.span20 a.inner,
	.span2 a.inner,
	.span1 a.inner{ margin-left: 0; margin-right: 0; }
	.totopro-content .product .description,
	.totopro-content .product .downloads{ display: block; float: none; width: 100%; }
	.totopro-content .product .downloads{ float: right; width: 79%; }
	.totopro-content .product .description::after,
	.totopro-content .product .downloads::after{ content: " "; display: block; clear: both; }
	.best-sellers-banner .content-detail{ width: 100%; display: block; margin-left: 0; margin-right: 0; }
	.find-a-showroom{ padding-right: 0; }
	.module_content>h2{ margin: 0 0 8px 0; }
	.slider5{ background-position: 50% 15px !important; }
	.slider5 .slick-slide{ padding: 120px 15px 0 15px !important; }
	#filter-details .filter{ width: 100%; margin: 0 0 8px 0; }
	ul.products li, ul.collections li{ display: block; float: none; width: 100%; margin: 8px 0; max-width: none; }
	ul.products li:hover{ border-color: white; box-shadow: none;}
	ul.products li:hover h4 { border-top-color: #515151; }
	ul.products li:hover .sku{ opacity:0;  }
	ul.products li:hover .btn{ opacity:0;  }
	ul.products li:hover .form{ opacity:0;  }
	.best-sellers-banner h2{ font-size: 32px; }
	.slider2 .slick-slide .fundamental-desc{ position: absolute; right: 0; left: 0; width: 300px; height: 300px; margin: 0 auto; }
	.slider2 .slick-slide .fundamental-desc a{ color: white; text-align: center; }
	.slider2 .slick-slide .fundamental-desc h3{ font-weight: 700; font-size: 24px; text-transform: uppercase; color: white; }
	.latest-articles-list .thelatest,
	.recent-case-studies .thelatest,
	.recent-case-studies .thelatest:nth-child(1),
	.recent-case-studies .thelatest .thelatest-bottom,
	.recent-case-studies .thelatest .image{ display: block; padding: 0; width: 100%; float: none; position: static; height: auto; }
	.latest-articles-list .thelatest .read-more{width: 100%; position: static; display: block; padding: 16px 0;}
	.recent-case-studies .thelatest .image{ margin: 0 0 16px 0; }
	.recent-case-studies .thelatest .image img{ width: 100%; height: auto; }
	.article-related-products .span3{ margin-left: 0; margin-right: 0; }
	.recent-case-studies .thelatest::after{ content: " "; display: block; clear: both; }
	.recent-case-studies .thelatest .read-more{ width: 100%; position: static; display: block; padding: 16px 0; }
	.featherlight img{height:auto; max-width: 100%;}
	.popup-locations .location-listing{
		width:auto;
		display: block;
	}
	.popup-locations .location-listing.listing-2{
		padding-top:0px;
	}
	.category-list li{ width:47%;}
	.category-list li:nth-child(2n){margin-right:0px;}
	.featherlight,
	.featherlight .popup-inner,
	.featherlight .popup-section
	{max-width: 100%;}
	.featherlight .featherlight-inner,
	.featherlight .featherlight-content{
		max-width: 98%; margin-left: auto; margin-right: auto;
	}
	.feedback-form { width: 100%; }
	.feedback-form .webform-component-checkboxes { right: 20px; }
	ul.products li a.mobile-compare {display: block;background: #d1d1d1;padding: 8px 16px;border-radius: 16px;width: 102px;text-align: center !important;}
	.filter-section ul.filter-subcategories li .image { display: none; }
	.filter-section {display: none;position:  fixed;top: 0;left: 0;padding: 16px 16px 80px 16px;background:  white;width:  100%;overflow-y:  scroll;height:  100%;z-index: 1000;}
	#product-collection .select { width: 100% !important; }
	.sub-heading h2 { width: 50%; font-size: 24px; }
	.hotspot.on{ height:auto;  }
	.slider6 .slick-slide .fundamental-desc { left: 20px; top: 40px; max-width: 250px; }
	.slider6 .slick-slide .fundamental-desc h3 { font-size: 20px; line-height: 24px; }
	.slider6 .slick-slide .fundamental-desc p.desc { font-size: 14px; }
	.slider6 .slick-slide .fundamental-desc a { padding: 12px 40px 12px 20px; }
	.slider6 .slick-slide .fundamental-desc a:after { margin-left: 10px; }
	.homepage .toto-fundamentals .slick-slider.topslider .slick-slide { font-size: 14px; }
	.slider7 .bottomslider .slick-slide span.title { font-size: 24px; }
	.homepage .featured-section { width: 50% !important; }
	#compare-bar ul.compare-products li {min-width: auto;}
	ul.products .form { display: none !important; }
	.award-heading {
		top: 50px
	}
	.award-logo > img, .award-logo .award-logos-wrap {
		top: 90px
	}
	.award-title .title {
		font-size: 20px!important
	}

	.award-logo .award-logos-wrap img {
		height: 100px!important;
	}
	.award-logo .award-logos-wrap {
		top: 80px
	}
	.award-logo .award-logos-wrap img {
		height: 60px!important;
	}

	.module.awards-header h1 { font-size: 50px; }

	.module.awards-header ul li { width: 100%; margin: 0 0 20px; }
	.module.awards-header ul li a { font-size: 18px; padding: 10px 20px; }

	.main-content-area .section { padding-left: 0; padding-right: 0; }
	.main-content-area .section p { font-size: 18px; }

	.products-grids .products-grid > div { width: 100%; }

	.retails-list > * {
		width: calc(50% - 20px);
	}

	.retails-list.authorized-retails-list > *, .retails-list.authorized-marketplace-list > * {
		width: calc(33.333% - 20px);
	}

	.webform-client-form #edit-actions {
		display: block;
	}

	.customer-support-last-row {
		text-align: left;
	}

	#webform-component-select {
		display: block;
		height: 45px;
		margin-top: 15px;
	}

}

@media screen and (max-width:580px){
	.slider6 .slick-slide .fundamental-desc { position: relative; width: 100%; max-width: none; background-color: #3252A3; left: auto; top: auto; padding: 40px 20px; }
	.slider6 .slick-slide .fundamental-desc h3 { color: white; }
	.slider6 .slick-slide .fundamental-desc p.desc { color: white; }
	.slider6 .slick-slide .fundamental-desc a { background-color: white; color: #3252A3; }
	.slider6 .slick-slide .fundamental-desc a:after { color: #3252A3; }
	.homepage .toto-fundamentals .slick-slider.topslider .slick-slide { font-size: 12px; }
	.homepage .toto-fundamentals .slick-slider.topslider .slick-slide .indicator { display: none; }
	footer p{line-height: 1.2em;}
	.detail-section .featured-category { display: block; border: 1px solid #E5E4E4; width: 100%; height: auto; }
	.detail-section .featured-category img { display: none; }
	.detail-section .featured-category .detail { background: 0; position: relative; top: auto; bottom: auto; }
	.detail-section .featured-category .detail h4,  .detail-section .featured-category .detail h3.h4 { font-size: 10px; }
	.detail-section .featured-category .detail h3,  .detail-section .featured-category .detail h4.h3 { font-size: 16px; }

	.award-heading {
		top: 20px;
		font-size: 20px
	}

	.award-heading:before,.award-heading:after {
		display: none
	}
	.award-logo > img, .award-logo .award-logos-wrap {
		min-height: 90px;
		top: 60px
	}
	.award-title .title {
		font-size: 18px!important
	}

	.award-logo .award-logos-wrap {
		top: 60px
	}
	.award-logo .award-logos-wrap img {
		height: 90px!important;
		margin: 0 10px!important;
		display: inline-block!important;
	}

	.limited-inventory .tooltip,
	.limited-inventory:hover .tooltip {
		top: -55px!important;
	}

}

@media all and (max-width: 460px) {
	#compare-bar {/* height: 254px; */}

	.award-logo .award-logos-wrap {
		white-space: initial!important;
	}

	.award-logo .award-logos-wrap img {
		height: 80px!important;
	}

}

@media all and (max-width:420px){

	#webform-component-home-and-product-selection{
		min-width: 100%
	}

	#webform-component-home-and-product-selection .form-item {
		position: relative
	}

	img{max-width:100%; height:auto;}
	.find-a-showroom .select,
	.find-a-showroom input[type="text"]{ display: block; width: 100%; margin: 4px 0; }

	.slider2 .slick-slide .fundamental-desc{
		position:static;
		width:100%;
		height:225px;
		border-radius:0px;
		padding:24px 16px 16px;
	}
	.sustainable-minds-product-list .product-list li{
		width:100%;
	}
	.featherlight .featherlight-content{min-width:0px;}
	.feedback-form #edit-submit { padding: 8px 16px; font-size: 14px; }
	.feedback-form .webform-component-checkboxes { right: 20px; }
	.sub-heading a.btn { font-size: 12px; padding: 8px; }
/*
	.find-showroom .search-city-state .item{
		width: 100%!important;
		display: block;
		clear: both;
		margin-bottom: 10px
	}
	.find-showroom .search-city-state .item label{
		width: 36px;
		margin-top: 5px
	}


	.find-showroom .search-city-state .item [name]{
		width: calc(100% - 50px)!important;
		margin: 0!important;
		height: 29px!important
	}*/

	.slider7 .bottomslider .slick-slide span.title { font-size: 18px; bottom: 30%; }
	.slider7 .bottomslider .slick-slide span.title span.small { font-size: 18px; }
	.slider7 .bottomslider .slick-slide span.title span.big { font-size: 36px; }

	.homepage .featured-section { width: 100% !important; }


	.livechat, .livechatoff { width: 40px; position: absolute; right: 110px; top: 20px;}

	.showroom-tabs { border-bottom: 0; }
	.showroom-tabs .tab { top: 0px; display: block; border: 1px solid #DFDFDF; border-bottom: 0; }
	.showroom-tabs .tab:last-child { border-bottom: 1px solid #DFDFDF; }
	.showroom-tabs .tab.active,
	.showroom-tabs .tab:hover { padding-bottom: 10px; }
	.award-heading {
		font-size: 18px
	}
	.award-logo > img, .award-logo .award-logos-wrap{
		min-height: 50px;
		top: 50px
	}
	.award-title .title {
		font-size: 14px!important
	}

	.award-logo .award-logos-wrap img {
		height: 50px!important;
	}


	.retails-list > * {
		width: 100%;
	}

	.retails-list.authorized-retails-list > *, .retails-list.authorized-marketplace-list > * {
		width: calc(50% - 20px);
	}


	.retails-list a .title {
		font-size: 11px;
	}

}

@media all and (max-width: 375px){
	.award-logo > img {
		top: 40px!important;
		height: 45px!important
	}
	.award-heading {
		top: 10px!important
	}
	.award-logo .award-logos-wrap{
		top: 40px!important;
	}

	.retails-list.authorized-retails-list > *, .retails-list.authorized-marketplace-list > * {
		width: 100%;
	}

}

@media all and (max-width: 320px){
	.award-logo > img, .award-logo .award-logos-wrap {
		top: 35px!important;
	}
	.retails-list { grid-template-columns: 1fr; grid-row-gap: 30px}
}


.productVideoModal {
	width: 640px;
	padding: 20px!important
}

.productVideoModal iframe {
	box-sizing: border-box!important;
	width: 100%!important;
	display: block;
}

.productVideoModal hr {
	opacity: 0
}

.productVideoModal .description {
	line-height: 1.3;
	font-size: 14px;
	color: #5d5e5d
}

.productVideoModal .iframe-wrapper {
	width: 100%;
	min-height: 250px;
	background: black
}

.videosWrap {
	position: relative
}

.videosWrap .video {
	position: relative;
	width: 100%;
	max-width: 200px;
	float: left;
	margin-right: 20px
}

.videosWrap .video img {
	width: 100%
}


.videosWrap .video .thumb {
	position: relative
}

.videosWrap .video .thumb .play {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	border: 0;
}
.videosWrap .video .thumb .play > * {
	display: inline-block;
	position: relative;
	width: 50px!important;
	height: 51px!important;
	padding: 0;
	margin: 0;
	text-indent: -999999px;
	background: url(/images/play.png) no-repeat center center;
	cursor: pointer

}

.videosWrap .video .thumb .play a:hover {
	background-image: url(/images/play-hover.png);

}

.videosWrap .video .thumb .play:before {
	display: none
}

.videosWrap .video .h5 {
	margin-top: 0;

}
.videosWrap .video .h5 a {
	width: 100%!important;
	font-weight: 600!important;
	text-decoration: none!important
}

.product-options h2 {
	margin-bottom: 5px
}

.tab-box.noTabs .product-options h5 {
	margin-top: 0;
	font-weight: 600;
	font-size: 14px;
}

.tab-box.noTabs .product-options h5 span.current-finish{
	color: black;
}


.toggleFilters {
	text-align: left;
}

.toggleFilters a {
	color: black;
	font-weight: 600;
}

.toggleFilters a span {
	display: inline-block;
	height: 8px;
	width: 5px;
	border-width: 5px;
	border-color: transparent;
	border-style: solid;

}

.toggleFilters.showMore a span {
	border-top-color: black;
	border-bottom-width: 0;
}

.toggleFilters.hideMore a span {
	border-bottom-color: black;
	border-top-width: 0;
}

.filters {
	margin: 24px 0;
}
.filters ul {
}
.paginationBar {
	padding-bottom: 10px
}

.jquery-modal {
	z-index: 9999999;

}
.modal {
	border-radius: 0
}


.modal #s7spinview_div_container {
	margin: 0 auto
}

body:not(.homepage):not(.page-cleanovation):not(.page-life-anew) .module[class*="span"]:not(.span12):not(.center) {
	display: inline-block;
	margin-top: 24px;
}

body:not(.homepage):not(.page-cleanovation):not(.page-life-anew) > main > .module:not(.header-banner) {
	display: block;
	margin: 64px auto;
	max-width: 1425px;
	padding: 0 24px;
}
body.homepage .module.heading,
body.homepage .module.features-grid,
body.homepage .module.products,
body.homepage .module.product-grid,
body.homepage .module.global-reference,
body.homepage .module.other-information,
body.homepage .module.horizontal-divider,
body.homepage .module.banner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1425px;
	padding-left: 24px;
	padding-right: 24px;
}

.sharethis {
	display: inline-block!important;
	float: none !important;
	width: auto;
	min-width: 200px;
	margin-left: 0;
}
.sharethis .sharethis-wrapper span {
	display: inline-block;
	margin-top: 24px;
	width: 30px;
	height: 25px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-right: 24px;
}

.sharethis .sharethis-wrapper span:hover {
	opacity: 0.8
}

.sharethis .sharethis-wrapper span[displaytext="email"]{
	background-image: url(/images/mail.png);
}

.sharethis .sharethis-wrapper span[displaytext="facebook"]{
	background-image: url(/images/facebook.png);
}

.sharethis .sharethis-wrapper span[displaytext="twitter"]{
	background-image: url(/images/twitter.png);
}

.sharethis .sharethis-wrapper span[displaytext="linkedin"]{
	background-image: url(/images/linkedin_set.png);
}

.sharethis .sharethis-wrapper span[displaytext="pinterest"]{
	background-image: url(/images/pinset.png);
}

.pageTitle {
	position: relative;
	display: flex;
	flex-flow: wrap;
	flex-direction: column;
}

.pageTitle .main-title, .pageTitle h1 {
	display: inline-block;
	order: 2
}

.pageTitle .sharethis {
	margin: 0 0 20px
}

.pageTitle .main-title + .sharethis .sharethis-wrapper span {
	margin-top: 40px;
}

.pageTitle + .article-title {margin-top: 0!important;}

.st_email_large span span {
	background: url(/images/mail.png) no-repeat center center!important;
	background-size: 100%!important
}

.st_twitter_large span span {
	background: url(/images/twitter.png) no-repeat center center!important;
	background-size: 100%!important
}

.st_facebook_large span span {
	background: url(/images/facebook.png) no-repeat center center!important;
	background-size: 100%!important
}

.st_pinterest_large span span {
	background: url(/images/pinset.png) no-repeat center center!important;
	background-size: 100%!important
}

.st_linkedin_large span span {
	background: url(/images/linkedin_set.png) no-repeat center center!important;
	background-size: 100%!important
}

.st_instagram_large span span {
	background: url(/images/instagram_set.png) no-repeat center center!important;
	background-size: 100%!important
}

.ui-effects-transfer.prodTransfer {
	z-index: 990;
}
.ui-effects-transfer.prodTransfer h4 {
	color: #6e6e6e
}

.products .product-default-list > .form {
	display: flex;
	flex-flow: wrap;
	flex-direction: row;
	justify-content: center
}

.products .product-default-list > .form > a:first-child {margin-right: 10px}
.products-wrap {
	min-height: 500px;
	position: relative
}
.loading.ajax-loader {
	position: absolute;
	line-height: 32px;
	left: 50%;
	transform: translateX(-50%);
}
.loading.ajax-loader img {float: left; font-size: 18px; margin-right: 10px}

/*.load-more-products { float: none!important; }*/

.search-result.products .title .sku {
	display: inline-block;
	padding: 0px 10px;
	background: #e9f0f4;
	font-size: 12px;
	border: 1px solid black
}

.categoriesBar h2 {
	margin-top: 0
}
.categoriesBar .cats > a {
	display: inline-block;
	margin: 10px;
	color: #666
}

.categoriesBar .cats > a:hover {
	color: black
}

.featherlight .inner-content {
	padding: 20px
}

.prods-top-area .styled-select {
	margin-left: auto
}

.subcats-wrap .filter-subcategories h3 {
	text-transform: capitalize!important;
}

#prod-head-slider.placeholder {
	background: #DDDDDD;
	position: relative
}

#prod-head-slider.placeholder .slick-track, #prod-head-slider.placeholder .slick-track .slick-slide {
	width: auto!important
}

#prod-head-slider.placeholder > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
	font-weight: bold;
	font-size: 20px;
	color: rgba(0,0,0,0.5);

}

#prod-head-slider :focusable {
	border-color: white!important;
}

.prod-head-slider-header {
	position: absolute;
	z-index: 100;
	color: white;
	top: 50%;
	transform: translateY(-50%);
	left: 100px
}

#prod-head-slider .slick-track .slick-slide[aria-hidden="true"] [tabindex="-1"] {
	display: none
}

/* V2 Style */
.simplebar-track.vertical .simplebar-scrollbar:before {
	background: #bbb
}

body.category.sticky-filters .colors-list label{
	width: 35px;
	height: 35px
}

body.category.sticky-filters.no-scroll {
	position: fixed
}

.inner-cont .ps__rail-y {
	right: 5px!important;
	opacity: 0.5!important
}

.inner-cont .simplebar-scroll-content {
	min-height: 100%!important
}

aside .inner-cont, .aside .inner-cont {
	position: absolute!important
}
/*
::-webkit-scrollbar-track {

	-webkit-border-radius: 10px;
	border-radius: 10px;
}


::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4);
}*/

.simplebar-content { scrollbar-width: none; -ms-overflow-style: none; }
.simplebar-content::-webkit-scrollbar { display: none; }

.results .showroom .info .rollover {
    display: block;
    height: 35px;
    width: 115px;
    background-image: url(/images/TOTO_Washlet_black.svg);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat
}

.results .showroom .info .rollover2 { display: inline-block; width: 120px; margin-top:30px; text-align:center; vertical-align:top; margin-right:5px; }
.results .showroom .info .rollover2.rollover-exp{margin-left:-15px;}
.results .showroom .info .rollover2 .logo{
	height:50px;
	width:100%;
	background-image: url(/images/TOTO_Washlet_black.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.results .showroom .info .rollover2.rollover-reg .logo, .certified-installer-page .rollover2.rollover-reg .logo {background-image: url(/images/icon-washlet.svg);background-position: center top;}
.results .showroom .info .rollover2.rollover-pro .logo, .certified-installer-page .rollover2.rollover-pro .logo {background-image: url(/images/icon-washlet-pro.svg);background-position: center top;}
.results .showroom .info .rollover2.rollover-exp .logo, .certified-installer-page .rollover2.rollover-exp .logo {background-image: url(/images/icon-washlet-experience.svg);background-position: center top;}
.results .showroom .info .rollover2 .name{margin-top:12px;color:#777;font-size:14px;letter-spacing:1px;line-height:16px;}
.results .showroom .info .rollover2.rollover-pro .name{padding-right:35px;}

.inv2 {
	position: relative
}
.inv2 .rollover .tooltip, .inv2 .rollover2 .tooltip {
	display: block;
	position: absolute;
	left: 1000px;
	transition: left 0.2s;
	width: 400px;
	text-align: left;
	margin-top:-35px;
}

.inv2 .rollover:hover .tooltip, .inv2 .rollover2:hover .tooltip {
	display: block;
	top: 0!important;
	left: calc(100% - 300px)!important;
	transition: left 0.2s;
}
@media screen and (max-width: 480px){
	.results .showroom .inv{max-height:100% !important;}

	.results .showroom .info .rollover2{width:90px;margin-right:10px;}
	.results .showroom .info .rollover2 .logo{height:40px;}
	.results .showroom .info .rollover2 .name{font-size:12px;line-height:14px;}
}


.lang-modal-wrap .featherlight-content {
	width: 100%;
	max-width: 540px;
	top: 100px;
	vertical-align: top;
	padding: 25px!important;
}

.lang-modal-wrap .featherlight-close-icon {
	top: 10px!important;
	right: 10px!important;
	opacity: 0.7;
	font-size: 18px;
	font-weight: 800;
	-webkit-transition: all .25s ease;
	border: 0;
	color: black!important;
}

.lang-modal-wrap .featherlight-close-icon:hover,
.lang-modal-wrap .featherlight-close-icon:focus,
.lang-modal-wrap .featherlight-close-icon:focus-visible,
.lang-modal-wrap .featherlight-close-icon:focus-within
{
	opacity: 1
}

.lang-modal{
	width: 100%;
	margin: 0 auto
}

.lang-modal .logo {
	display: block;
	margin: 0 auto 10px
}

.lang-chooser {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	justify-content: space-between;
	max-width: 400px;
	margin: 10px auto 0;
	list-style: none;
	padding: 0
}

.lang-chooser li {
	display: inline-block;
	width: calc(100% / 3 - 15px);
	text-align: center;
	margin-bottom: 10px;
}
.lang-chooser a {
	display: block;
	padding: 8px;
	border: 1px solid black;
	background: white;
	font-size: 14px
}
.lang-chooser a:focus {
	display: block;
}
.lang-chooser a.active, .lang-chooser a.active:hover {
	background: black;
	color: white !important;
	border: 1px solid black;
}
.lang-chooser a:not(.active):hover{
	background: black;
	color: white;
	border: 1px solid black;
}

/*.lang-chooser a.active:hover {
	border: 1px solid black;
	color: black!important;
	background: white;
}*/

.lang-modal .hovers {
	padding: 20px 0;
	color: #515151;
	font-size: 18px;
	text-align: center
}

.bottomslider > div {
	position: relative
}

.bottomslider > div:not(:first-child) {
	display: none
}


.hytPlayerWrap{display: inline-block; position: relative;}
.hytPlayerWrap.ended::after{
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 64px 64px;
  background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}
.hytPlayerWrap.paused::after{
  content:"";
  position: absolute;
  top: 70px;
  left: 0;
  bottom: 50px;
  right: 0;
  cursor: pointer;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
.productVideoModal .hytPlayerWrap{width:100%;}


/* Cookie Hinweis */
.cookieSection {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 1000;
 color: white!important;
 background-color: #333232!important;
 background-color: #333232ef!important;
 line-height:24px!important;
 text-transform: none;
 font-family: arial!important;
 font-size: 14px!important;
 z-index: 10000;
 text-align:left;
 padding: 24px;
}
.cookieSection.hide{display:none;}

.cookieHeadline {
 font-family: arial;
 font-size: 20px;
 color: white!important;
 font-weight: bold;
}

.cookieText a {
 color: white!important;
 font-weight: bold!important;
 text-decoration: underline!important;
}

.cookieText {
 font-family: arial!important;
 font-size: 14px!important;
 line-height: 24px!important;
 margin-bottom: 0;
	color: white!important;
}
.cookieUnderstand {
 font-family: arial!important;
 font-size: 14px!important;
 line-height: 24px!important;
 margin-top: 20px;
	text-align:center;
}
.cookieUnderstand .button a {
	background:#22439C;
	cursor:pointer;
	color:white;
	font-size:14px;
	font-weight:700;
	padding: 8px 20px 8px 20px;
	display: inline-block;
}

.cookieContent {
 max-width: 1064px;
 margin: 0 auto;
 padding: 0 60px 0 20px;
}

.cookieButton, .interests {
	display: inline-block;
}

.cookieButton {
	padding: 5px 20px;
	margin: 10px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 10px;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: black url(/images/icon_close.png) no-repeat center;
	background-size: 20px;
	border: 2px solid transparent;
}
@media screen and (max-width: 1050px){
	.cookieUnderstand{margin-top:5px;}
}
@media screen and (max-width: 1000px){
	.cookieContent{max-width:900px;}
	.cookieUnderstand{margin-top:5px;}
	.cookieUnderstand .button a{padding:9px 30px 9px 30px;}
}

.toto-total-design .module_content img:only-child,
.toto-whole-bathroom .module_content img:only-child,
.toto-everywhere .module_content img:only-child,
.news-header .module_content img:only-child {
	width: 100%;
	height: auto;
}

.module.container.inner {
	position: relative;
}
.module.container.inner > a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

body > main > .wrapper > .module.container:first-child {
	padding-top: 48px;
}

.module.slideshow .slide {
	position: relative;
}
.module.slideshow .slide :any(.slide-content, > .content) {
	color: white;
	position: absolute;
	top: 50%;
	left: 8vw;
	text-align: left;
	transform: translateY(-50%);
	max-width: 600px;
	font-size: 14px;
	font-style: normal;
}
.module.slideshow .slide.align-center :any(.slide-content, > .content) {
	top: 25%;
	left: 50%;
	text-align: center;
	transform: translateX(-50%) translateY(-50%);
}
.module.slideshow .slide.align-right :any(.slide-content, > .content) {
	left: auto;
	right: 8vw;
	text-align: right;
}
.module.slideshow .slide.title-slide p {
	font-size: 20px;
}
.module.slideshow .slide-content h1, .module.slideshow .slide-content .h1 {
	margin: 0 0 32px 0;
}
.module.slideshow .slide-content p {
	opacity: 1;
}

body header + .module.slideshow.full-width, body header + style + .module.slideshow.full-width {
	margin: 0!important;
}



/* TOTO 2020 Redesign */

@selector headings :any(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading);
@selector inputs :any(input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=date], input[type="time"], input[type="datetime-local"], input[type="month"], textarea, select, .select-container>select, .select-container.fancy>.faux-select);
@selector hyperlinks :any(a:not(.button), .faux-link):any(, :link, :visited, :active, :hover, :focus);
@selector focusable :any(.page-website-and-technology-accessibility-statement #main-content a, a, [type="button"]):any(:focus-visible, :focus-within, :focus);

@set {
	header-height: 42px;
	header-height-small: 34px;
	blue: #1A6AAA; /*#3088ce*/
	cool-gray: #EDF2F5;
	text-shadow: 2px 0px 4px rgba(20, 20, 20, 1), 0px 2px 4px rgba(20, 20, 20, 1), 0px -2px 4px rgba(20, 20, 20, 1), -2px 0px 4px rgba(20, 20, 20, 1);
	white-text-shadow: 2px 0px 4px rgba(255, 255, 255, 1), 0px 2px 4px rgba(255, 255, 255, 1), 0px -2px 4px rgba(255, 255, 255, 1), -2px 0px 4px rgba(255, 255, 255, 1);
}

@keyframes slider-zoom {
	0% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes slider-dot {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

header.main {
	font-size: 18px;
	background: white;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	height: $(header-height);
}
header.main .overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: black;
	opacity: 0;
	z-index: 2;
	pointer-events: none;
	transition: all 0.2s ease-out;
}
header.main.overlay .overlay {
	opacity: 0.4;
}
header.main .split {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
	height: 100%;
}
header.main .split .left,
header.main:not(.mobile-on) .split .right > ul {
	display: inline-flex;
	align-items: stretch;

}
header.main:not(.mobile-on) .split .right > ul {
	height: 100%;
}
header.main .menu-item {
	display: inline-block;
	padding: 0 20px;
	text-transform: uppercase;
	border-right: 1px solid #ebebeb;
	position: relative;
	transition: all 0.2s ease;
	z-index: 1;
}
header.main a.menu-item {
	color: black;
	font-weight: 400;
	text-decoration: none;
}
header.main .menu-item:hover, header.main .menu-item.open {
	background: #f0f0f0;
	border-color: transparent;
	z-index: 2;
}
header.main .menu-item.has-dropdown:hover, header.main .menu-item.has-dropdown.open {
	background: white;
}
header.main .right .menu-item:first-child {
	border-left: 1px solid #ebebeb;
}
header.main .right .menu-item:last-child {
	border-right: none;
}
header.main .menu-item .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
header.main .menu-item.logo {
	background: black;
	z-index: 2;
	border: none;
	padding-left: 32px;
	padding-right: 32px;
}
header.main .menu-item.logo img {
	width: auto;
	height: 18px;
}
header.main .menu-item.section {
	background: #f0f0f0;
}
header.main .menu-item.search i {
	font-size: 24px;
}
header.main .menu-item.page.on {
	background: #f0f0f0;
}
header.main .menu-item.page.on > a {
	font-weight: 600;
}
header.main .menu-item.page.on::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: black;
}

header.main .left .menu-item.dark button:not(:hover) {
	color: black;
	&:focus, &:focus-visible, &:focus-within {
		color: black
	}
}

header.main .menu-item.dark:hover,
header.main .menu-item.dark.open
{
	background: #5c5f61;
	color: white;
	button { color: white!important; }
}


header.main .menu-item.dark {
	&:hover, &:focus, &:focus-visible, &:focus-within {
		:hyperlinks, button {
			color: inherit;
		}
	}
}


header.main .menu-item span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}
header.main .menu-item img.icon {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 1.2em;
	margin: 0 8px 0 0;
}
header.main .menu-item .bubble {
	display: inline-block;
	border-radius: 100px;
	background: black;
	color: white;
	padding: 0 8px;
	margin: 0 0 0 8px;
}
header.main .menu-item .dropdown {
	display: none;
	opacity: 0;
	pointer-events: none;
	transition: all 0.2s ease-out;
	position: fixed;
	top: $(header-height);
	left: 0;
	right: 0;
	z-index: 200;
	padding: 48px 0;
	background: white;
}

header.main .menu-item.open .dropdown,
header.main .menu-item.on .dropdown {
	display: block;
	opacity: 1;
	pointer-events: auto;
}

header.main .menu-item .dropdown.dark {
	background: #5c5f61;
	color: white;
	a {
		color: white;
		&:focus, &:focus-visible, &:focus-within { border-color: white!important; }
	}
}

header.main .menu-item.has-dropdown {
	display: flex;
}

header.main .menu-item.has-dropdown > a {
	border: 2px solid transparent;
}

header.main .menu-item .toggle-submenu {
	display: inline;
	padding: 0;
	background: transparent;
	border: 2px solid transparent;
	cursor: pointer;
	oultine: 0;
}

header.main .menu-item .toggle-submenu i { display: none }

header.main .menu-item .toggle-submenu[aria-expanded="true"] .up { display: inline-block }
header.main .menu-item .toggle-submenu[aria-expanded="false"] .down { display: inline-block }

header.main .menu-item .toggle-submenu:focus {
	border-color: royalblue
}

header.main .dropdown .columns {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0 -32px;
}
header.main .dropdown .column {
	flex: 1;
	padding: 0 32px;
	border-right: 1px solid #E7E5E4;
}
header.main .dropdown .column:last-child {
	border-right: none;
}
header.main .dropdown .heading {
	font-weight: 600;
	text-transform: uppercase;
	font-size: inherit;
	color: black
}
header.main .dropdown .menu-sub-item {
	display: block;
	margin: 0 0 16px 0;
}
header.main .mobile-menu-toggle {
	display: none;
	align-self: center;
	padding: 0 8px;
	cursor: pointer;
	font-size: 22px;
	line-height: 1;
}
header.main .mobile-menu-toggle i::before {
	content: 'menu';
}
header.main.mobile-on .mobile-menu-toggle i::before {
	content: 'close';
}
header.main .menu-item.search form {
	position: absolute;
	top: 100%;
	right: 0;
	background: white;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 0;
	width: 100vw;
	max-width: 680px;
	display: none;
}
header.main .menu-item.search.on form {
	display: block;
}
header.main .menu-item.search form input {
	appearance: none;
	border: none;
	padding: 12px;
	width: 100%;
	font-size: 16px;
	font-weight: inherit;
	outline: none;
}

header.main .menu-item.mega { position: initial; }
header.main .menu-item.mega .submenu-wrap { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #F0F0F0 }
header.main .menu-item.mega .submenu-wrap .submenu { display: block; list-style-type: none; text-align: right; padding: 0 40px; }
header.main .menu-item.mega .submenu-wrap .submenu > li { display: inline-block; list-style-type: none; }
header.main .menu-item.mega .submenu-wrap .submenu > li > a { display: inline-block; cursor: pointer; padding: 20px 25px; font-size: 14px; font-weight: 500; position: relative; text-align: center; }
header.main .menu-item.mega .submenu-wrap .submenu > li:hover > a:after, header.main .menu-item.mega .submenu-wrap .submenu li.on > a:after { content: ""; display: block;  height: 2px; background: black; position: absolute; bottom: 0; width: calc(100% - 50px); left: 50%; transform: translateX(-50%)}
header.main .menu-item.mega .submenu-wrap .submenu > li .sub-submenu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: white; padding: 42px 32px; }
header.main .menu-item.mega .submenu-wrap .submenu > li .sub-submenu .columns { max-width: 1425px; display: flex; flex-flow: wrap; justify-content: center; margin: 0 auto; position: relative; }
header.main .menu-item.mega .submenu-wrap .submenu > li .sub-submenu .columns .column { width: calc(100% / 3); max-width: 350px; text-align: left; font-size: 18px; padding: 0 40px; border-right: 1px solid rgba(0,0,0,0.1) }
header.main .menu-item.mega .submenu-wrap .submenu > li .sub-submenu .columns .column:last-child { border: 0 }
header.main .menu-item.mega .submenu-wrap .submenu > li .sub-submenu .columns .column > * { margin-bottom: 8px; }
header.main .menu-item.mega .submenu-wrap .submenu > li .sub-submenu .columns .column > .heading.subtle { margin-bottom: 8px; color: rgba(0, 0, 0, 0.65); font-size: 12px; }
header.main .menu-item.mega:hover .submenu-wrap,
header.main .menu-item.mega.open .submenu-wrap,
header.main .menu-item.mega.on .submenu-wrap,
header.main .menu-item.mega .submenu-wrap .submenu > li:hover .sub-submenu,
header.main .menu-item.mega .submenu-wrap .submenu > li.on .sub-submenu  { display: block; }
header.main .menu-item.logo span {display: none}
header.main .menu-item.mega.on:before { display: none }
header.main .menu-item.mega.on { border-top: 3px solid black; border-bottom: 3px solid transparent; }

header.quick-search-on nav ul.right .menu-item:not(.search) {
	opacity: .6;
	pointer-events: none;
}

:headings {
	text-transform: uppercase;
	font-weight: 600;
}
h1 {
	font-size: 40px;
	font-weight: 600;
	margin: 0 0 64px 0;
	padding: 0;
}
h2 {
	font-size: 30px;
	font-weight: 600;
	margin: 64px 0 56px 0;
}
h2>.right {
	display: inline-block;
	float: right;
	vertical-align: middle;
}
h4 {
	font-size: 20px;
	font-weight: 600;
	text-transform: none;
}
h3,
h4,
h5,
h6 {
	margin: 16px 0 8px 0;
}

:headings.lined::before {
	content: " ";
	display: block;
	width: 32px;
	height: 1px;
	margin: 0 auto 40px auto;
	background: black;
}

:hyperlinks {
	cursor: pointer;
	position: relative;
	outline: none;
	color: black;
	text-decoration: none;
	-webkit-touch-callout: none;
}
:hyperlinks:hover {
	text-decoration: none;
}
:hyperlinks.blue {
	color: $(blue);
}
:hyperlinks.bold {
	font-weight: 600;
}
:hyperlinks.uppercase {
	text-transform: uppercase;
}

:hyperlinks .a-bubble {
	display: inline-block;
	border-radius: 20px;
	padding: 2px 12px;
	color: inherit;
	transition: all 0.2s ease;
}
:hyperlinks .a-bubble.on,
:hyperlinks:hover .a-bubble {
	background: rgba(0, 0, 0, 0.2);
}

body > main > .wrapper :hyperlinks {
	color: $(blue);
}

.module_content :hyperlinks {
	text-decoration: underline;
}

.spaced-grid .label :hyperlinks,
.spaced-grid .faux-link,
.global-reference .content :hyperlinks,
.slideshow .module_content :hyperlinks,
.videoHero :hyperlinks, .secondary-menu :hyperlinks,
.module_content a.button, .evolution-section .module .module_content :hyperlinks,
:hyperlinks.arrow-link-btn, .compare-table :hyperlinks, .tabs-nav :hyperlinks,
.online-retailer :hyperlinks, .prods :hyperlinks {
	text-decoration: none;
}

p {
	margin: 24px 0;
}

i.material-icons {
	display: inline-block;
	font-size: 1.3em;
	line-height: 0.7;
	user-select: none;
	max-width: 1em;
	overflow: visible;
	vertical-align: -34%;
}

body > main > .wrapper {
	width: 100%;
	max-width: calc(1248px + (24px * 2));
	padding: 0 24px;
	margin: 0 auto;
}

.wrapper.wide {
	 max-width: 1425px;
 }

.homepage > .wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;

}

.homepage > .wrapper > .module.container {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.module.slideshow {
    width: 100vw;
    max-width: 100%;
}

body > main > .wrapper.small, body > main > div .wrapper.small {
	max-width: 960px;
}
.wrapper.larger {
	max-width: calc(1500px + (24px * 2));
}
.wrapper.blue {
	padding-top: 125px;
	padding-bottom: 125px;
	position: relative;
}
.wrapper.blue .curtain {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	transform: translateX(-50%);
    width: calc(1248px + (24px * 2));
    max-width: initial;
	height: 100%;
	background: $(cool-gray);
	z-index: -1;
}

section {
	padding: 64px 0;
}

.lineout {
	position: relative;
	display: inline;
	vertical-align: middle;
}
.lineout:before,
.lineout:after {
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: rgba(34, 34, 34, 0.7);
	content: "";
}
.lineout:before {
	transform: translateX(0);
}
.lineout:after {
	transform: translateX(-100%);
}
.lineout:hover:before,
:hyperlinks:hover .lineout:before,
.lineout:focus:before,
:hyperlinks:focus .lineout:before {
	transition: transform 0.5s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translateX(100%);
}
.lineout:hover:after,
:hyperlinks:hover .lineout:after,
.lineout:focus:after,
:hyperlinks:focus .lineout:after {
	transition: transform 0.5s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translateX(0);
}
.lineout.plain:before {
	width: 1px;
	opacity: 0;
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.lineout.plain:after {
	display: none;
}
:hyperlinks:hover .lineout.plain:before,
.lineout.plain:focus:before,
:hyperlinks:focus .lineout.plain:before {
	left: 0;
	width: 100%;
	opacity: 1;
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translateX(0);
}
.lineout.blue {
	color: $(blue);
}
.lineout.blue:before,
.lineout.blue:after {
	background: $(blue);
}
.lineout.white {
	color: white;
}
.lineout.white:before,
.lineout.white:after {
	background: white;
}

.button { cursor: pointer; }

.image-slider {
    padding: 0;
	height: auto!important;
    min-height: calc(100vh - $(header-height));
    background: black;
}
.image-slider .slider {
    opacity: 0;
    transition: opacity 2s ease-out 1s;
	position: relative;
	min-height: calc(100vh - $(header-height));
}
.image-slider .slider.slick-initialized {
    opacity: 1;
}
.image-slider .slider,
.image-slider .slider .slick-list,
.image-slider .slider .slick-list .slick-track,
.image-slider .slider .slick-list .slick-track .slide {
    height: 100%;
	min-height: calc(100vh - $(header-height));
}
.image-slider .slider .slide {
    display: flex!important;
    justify-content: flex-start;
    align-items: center;
    color: white;
	position: relative;
}
.image-slider .slider .graphic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
	min-height: calc(100vh - $(header-height));
}
.image-slider .slider .graphic .image {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity 2s linear 1s;
	min-height: calc(100vh - $(header-height));
}

.image-slider .slider .slick-current .graphic .image {
    opacity: 1;
}

.image-slider .slider .slide::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0) 49%, black);
    opacity: 0.4;
    z-index: 2;
	min-height: calc(100vh - $(header-height));
}

.image-slider .slider .slide.left-gradient::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	width: 60%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	opacity: 0.8;
	z-index: 2;
}

.image-slider .slider .slide > .content {
    position: static;
    width: 100%;
	max-width: none;
    padding-bottom: 144px;
    z-index: 3;
	transform: none;
}


.image-slider .slider .slide.title-slide > .content {
	position: absolute;
	padding: 0;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-weight: 700;
}
.image-slider .slider .slide.title-slide:not(.cleanovation-slide) > .content .wrapper {
	max-width: 600px;
}

.image-slider .slider .slide.cleanovation-slide.title-slide > .content .wrapper > * {
	max-width: 500px
}

.image-slider .slider .slide.cleanovation-slide.title-slide > .content .wrapper .titles {
	margin-bottom: 64px;
}

.image-slider .slider .slide.cleanovation-slide.title-slide > .content .wrapper .content {
	text-transform: none;
}

.image-slider .slider .slide.cleanovation-slide .graphic .image {
	background-position: top center;
}

.image-slider .dots .wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 144px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: white;
}
.image-slider .dots .slick-dots {
    position: static;
    display: block;
    vertical-align: bottom;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 0;
    user-select: none;
    width: auto
}
.image-slider .dots .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 3px;
    overflow: hidden;
    background: white;
    margin: 4px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.image-slider .dots .slick-dots li button {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: #666;
    outline: none;
    user-select: none;
}

.image-slider.slider9 .dots .slick-dots li.slick-active button {
	width: 100%;
	border-color: #2e8fff!important;
	background: #2e8fff!important
}

.image-slider .dots .slick-dots li:focus-within
{
	padding: 2px;
	border: 2px solid white;
}

.image-slider .dots .slick-dots li:focus-within button { width: 100%; }

.image-slider.slider9 .dots .slick-dots li.slick-active button .slick-dot-icon:before { display: none; }

input[type="search" i]::-webkit-search-cancel-button {
	display: none!important;
}

.image-slider p,
.features-grid p,
.cleanovation-hero p,
.video-blurb p,
#premist p,
.image-split p,
.tab-block p,
.three-figure p,
.logos p {
	color: inherit;
	opacity: .75
}

.module.container.heading {
    padding-top: 64px;
    padding-bottom: 64px;
    h1, h2 {
        font-size: 40px;
		font-weight: 400;
		letter-spacing: 0.05em;
    }
	a { text-transform: none; color: var(--blue) }
}
.module.container.heading + .heading, .other-information .heading.lined {
    margin: 0;
    padding: 64px 0;
    clear: both;
    position: relative;
}

.module.container.bottom-image {
	height: 75vh;
	background-color: #f0f0f0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.module.container.scroll-down {
	font-size: 0;
	padding: 24px 0;
	text-align: center
}

.module.container.scroll-down a {
	display: inline-block;
	width: 50px;
	min-height: 20px;
	position: relative;
}
.module.container.scroll-down a:before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	border-top: 1px solid #262626;
	border-right: 1px solid #262626;
	position: absolute;
	bottom: 4px;
	left: 50%;
	margin-left: -10px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.features-grid {
	margin: 64px 0 0 0;
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto auto;
	min-height: 700px;
}

.features-grid > .module_content {display: none}

.features-grid:not(.two-by-two) .tile:nth-child(2) {
	grid-column: 1;
	grid-row: 1 / span 2;
}

.features-grid .tile {
	width: 100%;
	position: relative;
	color: white;
	overflow: hidden;
	height: 100%;
	min-height: 400px;
	background-color: #000;
}

.features-grid .tile p {
	opacity: 1
}

.features-grid .tile > a, .features-grid .tile > .module_content {
	display: block;
	width: 100%;
	height: 100%
}

.features-grid .tile > a .images, .features-grid .tile > .module_content .images {
	text-align: center;
	width: 100%
}

.features-grid .tile > a img, .features-grid .tile > .module_content img {
	width: auto;
	max-height: 100px;
	margin: 10px
}

.features-grid :hyperlinks.tile {
	text-decoration: none;
	color: white;
}
.features-grid .tile .image-mobile {
	display: none
}
.features-grid .tile .image, .features-grid .tile .image-desktop, .features-grid .tile .image-mobile {
	background-color: #f0f0f0;
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	transition: all 0.3s ease-out;
}
.features-grid .tile:hover .image, .features-grid .tile:hover .image-desktop, .features-grid .tile:hover .image-mobile {
	transform: scale(1.02);
}

.features-grid .tile .overlay {
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	opacity: 0.8;
}
.features-grid .tile  a > .module_content, .features-grid .tile  > .module_content {
	min-height: 100%;
	width: 100%;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
	font-size: 20px;
	z-index: 3;
	color: white;
}

.features-grid .tile  a {
	z-index: 9
}

.features-grid .tile  > .module_content a {
	color: white;
	text-decoration: underline
}

.features-grid .tile  > .module_content a {
	color: white;
	text-decoration: underline
}

.features-grid .tile h3 {
	font-size: 30px;
}


.homepage .module.products {
    padding-top: 64px
}

.homepage .products {
    margin-bottom: 128px
}

.product-grid, .product-grid > ul {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-flow: wrap;
	width: 100%;
}
.product-grid > .item, .product-grid > ul > li {
	min-width: 0;
	text-align: center;
	padding: 24px 0;
}

.product-grid > .item, .product-grid > ul > li .label {
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	transform: none
}

.product-grid > ul > li .item {
	width: 100%
}

.product-grid .item a {
    display: block;
    height: 100%;
    text-align: center;
    position: relative;
}

.product-grid .graphic {
	padding-bottom: 66.56%;
	position: relative;
	overflow: hidden;
}
.product-grid .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #f0f0f0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s ease-out;
}
.product-grid .item:hover .image {
	transform: scale(1.02);
}
.product-grid .label {
    display: block;
	margin-top: 24px;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
    width: initial;
	max-width: 100%;
    margin-left: 50%;
    transform: translateX(-50%)
}
.product-grid .label span, .product-grid .label h3, .product-grid .label .h3 {
	font-size: inherit;
	margin: 0;
    display: block;
	max-width: 100%;
	white-space: normal;
}

.product-grid .label .module_content {
    white-space: nowrap;
}

.global-reference {
	text-align: center;
	overflow: hidden;
    z-index: 0
}
.global-reference .module.slideshow {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.global-reference > * {
    z-index: 0
}
.global-reference .content {
    color: black;
    width: 100%;
    max-width: 100%;
}
.global-reference p {
    margin: 24px 0;
    padding: 0;
}
.global-reference .content a {
    font-size: 16px;
    font-weight: 600;
    color: #005DA8!important;/*#3088ce;*/
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}
.global-reference .slick-slider a {
	color: #005DA8!important;
}
.global-reference .content a i {
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
}
.global-reference .content a:before {
    width: 0;
    background: #005DA8!important;/*#3088ce;*/
    -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1);
    transition: all .5s cubic-bezier(.165,.84,.44,1);
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
}
.global-reference .content a:hover:before {
    width: 100%;
    transform: translateX(0);
}
.slick-track {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.slider-thumbnail-container .slick-slide {
    outline: 0;
	&:focus, &:focus-within, &:focus-visible {
		.graphic {
			img { border: 2px solid royalblue; width: calc(100% - 4px) }
		}
	}
	background: transparent;
	border: 0;
}

.slider-thumbnail-container .main-container {
	margin: 64px -24px 0 -24px;
	position: relative;
}
.slider-thumbnail-container .main-container .prev-slide,
.slider-thumbnail-container .main-container .next-slide {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20vw;
	height: 100%;
	z-index: 100;
	background: transparent;
	outline: none;
	border: 0;
	font-size: 28px;
	i {
		display: inline-block;
		background: rgba(255,255,255,.8);
		padding: 10px 5px;
		max-width: unset;
		position: absolute;
		top: calc(50% - 25px);
		transform: translateY(-50%);
		opacity: .8;
		border: 2px solid transparent;
	}
	&:focus, &:focus-visible, &:focus-within, &:hover {
		i { border: 2px solid royalblue; background-color: white; opacity: 1 }
	}
}
.slider-thumbnail-container .main-container .prev-slide {
	left: 0;
	i { left: 20px; }
}
.slider-thumbnail-container .main-container .next-slide {
	right: 0;
	i { right: 20px; }
}
.slider-thumbnail-container .main .slick-track {
	transition: left 0.4s ease-out;
}
.slider-thumbnail-container.prev-slide-peek .main .slick-track {
	left: 2vw;
}
.slider-thumbnail-container.next-slide-peek .main .slick-track {
	left: -2vw;
}
.slider-thumbnail-container .main .slide {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slider-thumbnail-container .main .slide {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slider-thumbnail-container .main .box {
	width: 100%;
	height: 100%;
}
.slider-thumbnail-container .main .graphic {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	transition: all 0.4s ease-out;
}
.slider-thumbnail-container .main .slide:not(.slick-current) .graphic {
	width: 75%;
}
.slider-thumbnail-container .main .image {
	padding-bottom: 61.8%;
	background-color: #f0f0f0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	transition: all 0.3s ease-out;
}
.slider-thumbnail-container .main .caption {
	margin: 16px 0 0 0;
	padding: 0 20px
}
.slider-thumbnail-container .thumbnails {
	margin: 64px 0;
	position: relative;
}
.slider-thumbnail-container .thumbnails .fade-left {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10vw;
	height: 100%;
	background: linear-gradient(270deg, a-adjust($(cool-gray), -100) 0%,  a-adjust($(cool-gray), 0) 90%);
	z-index: 100;
	pointer-events: none;
}
.slider-thumbnail-container .thumbnails .fade-right {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 10vw;
	height: 100%;
	background: linear-gradient(90deg, a-adjust($(cool-gray), -100) 0%,  a-adjust($(cool-gray), 0) 90%);
	z-index: 100;
	pointer-events: none;
}
.slider-thumbnail-container .thumbnails .slide {
	padding: 12px;
	cursor: pointer;
}
.slider-thumbnail-container .thumbnails .line {
	width: 100%;
	height: 2px;
	background: black;
	margin: 0 0 24px 0;
	opacity: 0;
	transform: scale(0, 1);
	transition: all 0.2s ease-out;
}
.slider-thumbnail-container .thumbnails .slide.slick-current .line {
	opacity: 1;
	transform: scale(1);
}
.slider-thumbnail-container .thumbnails .graphic {
	/*padding-bottom: 73.54%;*/
	position: relative;
	overflow: hidden;
	width: 100%;
}
.slider-thumbnail-container .thumbnails .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #f0f0f0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s ease-out;
}
.slider-thumbnail-container .thumbnails .slide:hover .image {
	transform: scale(1.04);
}

.slider-thumbnail-container .thumbnails .slick-next {
	right: 15px;
}

.slider-thumbnail-container .thumbnails .slick-prev {
	left: 15px;
}

.slider-thumbnail-container .thumbnails {
	.slick-prev, .slick-next {
		z-index: 100;
		top: calc(50% + 15px);
		&:focus, &:focus-visible, &:focus-within {
			border: 0!important;
			outline: none!important;
			span {
				border: 0!important;
				color: $(blue);
				:before { color: $(blue) }
			}
		}
	}
}

.spaced-grid, .spaced-grid > ul {
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
	width: 100%;
	flex: 1
}

.spaced-grid > .module_content:empty { display: none; }

.spaced-grid > .item, .spaced-grid > ul > li {
	flex: 1;
	min-width: 0;
	max-width: 50%;
	padding: 16px;
}

.spaced-grid > ul > li .item {
	min-width: 0;
	width: 100%;
}


.spaced-grid .item .graphic {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-bottom: 73.54%;
}
.spaced-grid .item .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #f0f0f0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s ease-out;
}
.spaced-grid .item:hover .image {
	transform: scale(1.04);
}
.spaced-grid .label,
.spaced-grid .faux-link, .spaced-grid .label a {
	margin-top: 24px;
}

.spaced-grid .label a,
.spaced-grid .faux-link {
    color: #005DA8;
    display: inline-block;
}
.spaced-grid .label a:before, .spaced-grid .faux-link:before {
    width: 0;
    background: #005DA8;
    -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1);
    transition: all .5s cubic-bezier(.165,.84,.44,1);
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
}

.spaced-grid .label a:hover:before, .spaced-grid .faux-link:hover:before {
    width: 100%;
    transform: translateX(0);
}

.spaced-grid .label a i, .spaced-grid .faux-link i {
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
}

.spaced-grid .label {
	text-transform: uppercase;
	font-weight: 600;
}

.spaced-grid .label h3 {
	font-size: inherit;
	margin-bottom: 0
}
.spaced-grid .grid-line, .spaced-grid > ul > li.grid-line {
	width: 1px;
	margin: 0 24px;
	background: rgba(0, 0, 0, 0.08);
	flex: unset;
	padding: 0
}

.banner .graphic {
	display: block;
	position: relative;
	overflow: hidden;
}
.banner .graphic img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	transition: all 0.3s ease-out;
}
.banner .graphic:hover img {
	transform: scale(1.01);
}

.horizontal-divider {
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.08) !important;
    margin: 64px auto !important;
	padding: 0 !important;
}

.page-cleanovation > main > .wrapper:not(.features) {
    max-width: 100%;
    padding: 0;
    margin: 0
}

.cleanovation-hero {
    width: 100%;
    max-width: 100%;
	color: white;
	text-align: center;
	overflow: hidden;
    position: relative;
    float: none;
    padding: 64px 0 0;
}
.cleanovation-hero .hero-image {
	background-color: black;
    background-position: top center;
    background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform-origin: 50% 0;
    max-width: 100%;
}

.cleanovation-hero .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.2) !important;
	pointer-events: none;
}
.cleanovation-hero .module {
    max-width: 100%;
    float: none
}
.cleanovation-hero .wrapper {
	position: relative;
    max-width: 100%;
}
.cleanovation-hero .squares {
	position: relative;
	overflow: hidden;
	margin: 0;
}
.cleanovation-hero .svg-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 750px;
	font-size: 0;
	overflow: hidden;
	pointer-events: none;
}
.cleanovation-hero .svg-wrapper {
	position: relative;
	height: 100%;
}
.cleanovation-hero .svg-wrapper svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.cleanovation-hero svg.c01 {
	transform: rotate(-165deg);
}
.cleanovation-hero svg.c02 {
	transform: rotate(-109deg);
}
.cleanovation-hero svg.c03 {
	transform: rotate(-41deg);
}
.cleanovation-hero svg.c04 {
	transform: rotate(18deg);
}
.cleanovation-hero svg.c05 {
	transform: rotate(76deg);
}
.cleanovation-hero svg.c06 {
	transform: rotate(140deg);
}
.cleanovation-hero circle {
	fill: transparent;
	stroke: white;
	stroke-width: 4;
	stroke-dasharray: 0, 2386;
	opacity: 0;
}
.cleanovation-hero .title-container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: calc(100vh - $(header-height));
	opacity: 0;
	transition: opacity 3s ease;
	text-align: left;
	max-width: calc(100vw - 300px);
	margin: 0 auto;
	padding: 0 24px;
	font-weight: 600;
	padding-bottom: 20vh;
}

.cleanovation-hero .title-container > * {
	max-width: 500px;
}

.cleanovation-hero.on .title-container {
	opacity: 1;
    font-size: 20px;
}

.cleanovation-hero.short {
	padding-top: 0;
	padding-bottom: 0;
}

.cleanovation-hero.short .cleanovation-grid > .module { margin: 0!important; }
.cleanovation-hero.short .cleanovation-grid { background-color: #000; }

.cleanovation-grid {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}

.cleanovation-grid .tile a {
	position: relative;
	color: inherit;
	padding: 0;
	flex: 0 0 50%;
	overflow: hidden;
	height: 28vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.cleanovation-grid.large .tile a { height: 20vh }
.cleanovation-grid :hyperlinks.tile {
	color: inherit;
}

.cleanovation-grid .tile .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1.02);
	opacity: 0;
	transition: all 1s ease-out;
	z-index: 1;
}
.cleanovation-grid .tile.on .image {
	opacity: 1;
	transform: none;
}
.cleanovation-grid .tile .label {
	display: inline-block;
	position: relative;
	z-index: 2;
	max-width: 175px;
	font-size: 16px;
	text-shadow: 0 0 5px black;
	text-align: center;
	opacity: 0.5;
	transition: all 1s ease-out;
}
.cleanovation-grid .tile.on .label {
	opacity: 1;
}
.cleanovation-grid .tile:hover .label {
	opacity: 0.5;
}
.cleanovation-grid .tile svg {
	width: 50px;
	filter: drop-shadow(0px 0px 5px #011737);
}
.cleanovation-grid .tile .title, .cleanovation-grid .tile h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
    margin: 0
}
.cleanovation-grid .tile .subtitle, .cleanovation-grid .tile h3 {
	font-size: 16px;
	line-height: 1.2;
    margin: 0
}
.cleanovation-grid .tile .description,.cleanovation-grid .tile p {
	margin: 16px 0 0 0;
	opacity: 0;
	transform: scale(0.9);
	transition: all 1s ease-out;
}
.cleanovation-grid .tile.on .description, .cleanovation-grid .tile.on p {
	transform: scale(1);
	opacity: 1;
}
.cleanovation-grid .tile.video .label {
	position: relative;
	z-index: 2;
	text-shadow: 0 0 5px black;
    max-width: initial;
}
.cleanovation-grid .tile.video .label h2 {
	font-weight: 600;
	font-size: 40px;
}
.cleanovation-grid .tile.video .label h3 {
	font-size: 20px;
	margin: 8px 0 0 0;
    text-transform: none;
}
.cleanovation-grid .tile:nth-child(1) a,
.cleanovation-grid .tile:nth-child(5) a {
	text-align: right;
	justify-content: flex-end;
	padding-right: 104px !important;
}
.cleanovation-grid .tile:nth-child(2) a,
.cleanovation-grid .tile:nth-child(6) a {
	text-align: left;
	justify-content: flex-start;
	padding-left: 104px !important;
}

.dark-tabs {
	background: black;
	color: white;
	padding-top: 0;
	max-width: 100%;
	overflow: hidden;
    p { opacity: 1 }
}
.dark-tabs .tabs .wrapper {
    padding: 0 24px!important;
    margin: 0 auto!important
}
.dark-tabs .tabs {
	background: black;
	position: relative;
	z-index: 100;
    max-width: 100%;
}
.dark-tabs .tabs .split {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0 -24px;
}
.dark-tabs .tabs .split .tab {
	flex: 1 1 0;
	min-width: 0;
	margin-top: 0!important;
}
.dark-tabs .tabs .split .tab a {
	color: inherit;
    display: block;
    width: 100%;
    height: 100%;
	flex: 1;
	min-width: 0;
	text-align: center;
	padding: 0 24px;
}
.dark-tabs .tabs .split .tab:not(:last-child) a {
	border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.dark-tabs .tabs .split .tab .module_content {
	position: relative;
	height: 100%;
	display: block;
	opacity: 0.5;
	border-bottom: 4px solid rgba(255, 255, 255, 0);
	padding: 16px 0;
	transition: all 0.2s ease;
}
.dark-tabs .tabs .split .tab:hover .module_content,
.dark-tabs .tabs .split .tab.on .module_content {
	opacity: 1;
}
.dark-tabs .tabs .split .tab.on .module_content {
	border-bottom-color: white;
}
.dark-tabs .tabs .split .tab svg {
	width: 32px;
}
.dark-tabs .tabs .split .tab h2 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
    text-transform: none;
}
.dark-tabs .tabs .split .tab h3 {
	font-size: 14px;
	line-height: 1;
    text-transform: none;
	margin: 4px 0 0 0;
}
.dark-tabs .tab-block {
	margin: 9vw 0;
}
.dark-tabs .tab-block.centered {
	text-align: center;
	font-weight: 600;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}
.dark-tabs .tab-block.image-split {
	width: auto !important;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
}
.dark-tabs .tab-block.image-split .image,
.dark-tabs .tab-block.image-split .text {
	flex: 1;
	min-width: 0;
	padding: 0 24px;
}
.dark-tabs .tab-block.image-split .image {
	flex: 2;
}
.dark-tabs .tab-block.image-split .image img {
	width: 100%;
	height: auto;
}
.dark-tabs .tab-block.image-split svg.title-icon {
	width: 56px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 0;
}
.dark-tabs .tab-block.process {
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}
.dark-tabs .tab-block.process .split {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 -24px;
}
.dark-tabs .tab-block.process .split .use {
	flex: 1;
	min-width: 0;
	padding: 24px;
	text-align: center;
	position: relative;
}
.dark-tabs .tab-block.process .split .use:not(:last-child)::after {
	content: ">";
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 20px;
	text-align: center;
	line-height: 24px;
	background: white;
	border-radius: 50%;
	color: black;
	position: absolute;
	top: 120px;
	right: -14px;
}
.dark-tabs .tab-block.process .label {
	font-weight: 600;
}
.dark-tabs .tab-block.process .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: 150px;
	margin: 24px 0;
}
.dark-tabs .tab-block.process .icon img {
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 100%;
}
.dark-tabs .tab-block.process .graphic img {
	width: 100%;
    height: auto
}

.video-blurb a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 4vw;
	background-color: #fff
}
.video-blurb {
	display: block;
	position: relative;
	color: black;
	text-align: center;
}
.video-blurb .graphic {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
.video-blurb .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #f0f0f0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 1s ease-out;
}
.video-blurb:hover .image {
	transform: scale(1.04);
}
.video-blurb .info {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	max-width: 800px;
}
.video-blurb h3 {
	font-size: 40px;
    text-transform: none;
    margin: 0
}
.video-blurb svg {
	width: 88px;
	height: auto;
	margin: 48px 0 0 0;
}
.video-blurb h2 {
	font-size: 60px;
	font-weight: 600;
    text-transform: none;
    margin: 0
}
.video-blurb p {
	font-size: 28px;
    margin: 0
}
.video-blurb .play {
	margin: 48px 0 0 0;
}


.play {
	display: inline-block;
	padding: 4px;
	width: 64px;
	border: 1px solid black;
	margin: 24px 0 0 0;
	position: relative;
	text-align: center;
}
.play.white {
	border-color: white;
	color: white!important;
}
.play:hover {
	color: white;
}
.play.white:hover {
	color: black!important;
}
.play::before {
	content: " ";
	background: black;
	font-size: 0;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	transition: all 0.4s ease-out;
	z-index: 1;
}
.play.white::before {
	background: white;
}
.play:hover::before {
	width: 100%;
}
.play i {
	position: relative;
	z-index: 2;
}


.side-list {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
.side-list .title {
	width: 250px;
	padding: 8px 24px 8px 0;
	text-transform: uppercase;
	font-weight: 600;
	font-size: inherit;
	margin: 0 0 8px;
	cursor: pointer;
}
#global-network-menu .side-list .title { color: white; }
.side-list .title.main {
	font-size: 1.2em;
}
.side-list .side-list-options {
	flex: 1 1 calc(100% - 250px);
	padding: 8px 0 8px 40px;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.side-list .links.three-columns {
	columns: 3 64px;
}
.side-list .links.sbs {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.side-list .links :hyperlinks {
	display: block;
	padding: 0;
	text-transform: uppercase;
}
.side-list .links.sbs :hyperlinks {
	display: inline-block;
	margin: 8px;
}

.scrollmagic-pin-spacer {
	/**background: black;**/
}

footer.main {
	background: #5D5F61;
	font-size: 17px;
	color: white;
}
footer.main .wrapper {
	position: relative;
	padding: 0 24px !important;
}
footer.main .close {
	text-transform: uppercase;
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 4px 16px;
	border-radius: 24px;
	background: rgba(0, 0, 0, 0.2);
	cursor: pointer;
	z-index: 2;
}
footer.main .close span {
	display: inline-block;
	vertical-align: middle;
}
footer.main .close .x {
	font-size: 1.3em;
	margin: 0 8px 0 0;
}
footer.main :hyperlinks {
	color: inherit;
}

footer.main:not(.open) #footer-links {
	display: none;
}

footer.main .footer-section {
	padding: 64px 0;
}
footer.main .wrapper + .footer-section {
	padding-top: 96px;
}
footer.main .footer-section.light {
	background: #686A6C;
}
footer.main .footer-section.dark {
	background: #4F5052;
	padding: 24px 0;
}
footer.main .columns {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -16px;
}
footer.main .columns .column {
	flex: 1;
	min-width: 0;
	padding: 16px;
}
footer.main .columns .column.two-columns {
	flex: 2;
}
footer.main .column .heading {
	text-transform: uppercase;
	font-weight: 600;
	padding: 0 0 24px 0;
	margin: 0 0 24px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	font-size: 14px;
}
footer.main .column .sides {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -16px;
}
footer.main .column .side {
	flex: 1;
	min-width: 0;
	padding: 16px;
}
footer.main .column.two-columns .links {
	column-count: 2;
	column-gap: 24px;
}
footer.main .column .links :hyperlinks {
	display: block;
	margin: 0 0 16px 0;
	text-transform: uppercase;
}
footer.main .column .title {
	text-transform: uppercase;
	font-weight: 600;
	margin: 32px 0 16px 0;
}
footer.main .column .title:first-child {
	margin-top: 0;
}
footer.main .divider {
	width: 100%;
	flex: 0 0 100%;
	margin: 48px 0;
	height: 1px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
footer.main .copyright {
	padding: 16px 0;
	padding-right: 124px;
	text-align: right;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 1;
}
footer.main.open .copyright {
	padding: 16px 0;
	padding-right: 0;
}
footer.main .footer-section.dual .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
footer.main .bottom-links { list-style-type: none; }
footer.main .bottom-links li {
	display: inline-block;
	margin: 0 24px 0 0;
}

footer.main .side-list h4.title {
	font-size: 14px
}

.left-align {
	text-align: left !important;
}
.center-align {
	text-align: center !important;
	table {margin-left: auto; margin-right: auto; }
}
.right-align {
	text-align: right !important;
}
.justify-align {
	text-align: justify !important;
}
.top-align {
	vertical-align: top !important;
}
.middle-align {
	vertical-align: middle !important;
}
.bottom-align {
	vertical-align: bottom !important;
}

.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.no-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.no-right {
	margin-right: 0 !important;
	padding-right: 0 !important;
}
.no-bottom {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.no-left {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

p:first-child,
label:first-child,
:headings:first-child {
	margin-top: 0;
	padding-top: 0;
}
p:last-child,
label:last-child,
:headings:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.consumer-packet, .trade-packet {
	display: none;
	margin-top: 30px!important;
}
a[href*=consumer-packet].on, a[href*=trade-packet].on {
	font-weight: bold
}

/* Life Anew */
.page-life-anew .module.slideshow {
	margin: 0;
}

/* technologies page */
.page-technologies .module.slideshow {
	padding: 0!important;
	margin: 0!important;
	width: 100%!important;
	max-width: 100%!important;
}

.page-technologies .module.slideshow .slide {
	align-items: flex-start;
}

.page-technologies .module.slideshow .slide > .content {
	padding-top: 100px;
	padding-bottom: initial;
}

.page-technologies .module.slideshow .slide > .content p {
	opacity: 1
}

.page-technologies .module.slideshow .slide > .content .content {
	font-size: 24px;
	color: white
}

.module.tabs-nav {
	margin: 0!important;
	width: 100%!important;
	max-width: 100%!important;
	background: #232021
}

.module.tabs-nav .module_content {
	margin: 0 auto!important;
	width: 100%;
	max-width: 1425px;
	display: flex
}

.module.tabs-nav .module_content a {
	color: white;
	flex: 1;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	padding: 20px 0;
	border-width: 2px 1px 2px 3px;
	border-style: solid;
	border-color: transparent rgba(255,255,255, 0.1) transparent transparent;
	position: relative;
}

.module.tabs-nav .module_content a:first-child {
	border-left: 1px solid rgba(255,255,255, 0.1)
}

.module.tabs-nav .module_content a {
	&:focus, &:focus-visible, &:focus-within { border-width: 2px; border-color: #5c84fc; }
}

.module.tabs-nav .module_content a.active, .module.tabs-nav .module_content a:hover {
	background: black;
}

.module.tabs-nav .module_content a.active:before, .module.tabs-nav .module_content a:hover:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: black;
	z-index: 5
}

.module.tabs-nav .module_content a.active:after, .module.tabs-nav .module_content a:hover:after {
	content: "";
	display: block;
	border-top: 10px solid black;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 0;
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
}

body:not(.homepage):not([class*="page-cleanovation"]):not(.page-life-anew) > main > .module:not(.header-banner).tab-content:not(.active) {
	display: none
}

body > main > .module.tab-content.active {
	display: flex!important;
	flex-flow: wrap!important;
	justify-content: space-between;
}

body > main > .module.tab-content > .module_content, body > main > .module.tab-content:after {
	display: none!important;
}

body > main > .module.tab-content {
	margin-bottom: 100px!important
}

.tabs-container .tab-content:not(.active) { display: none; }

body.page-technologies h2 + p {
	margin-top: 0!important
}

body.page-technologies h2 {
	font-size: 30px;
	margin-bottom: 30px
}

body.product #main-container {padding-top: 24px;}

.module.image-content {
	margin: 0 0 24px!important;
	background: #F7F7F7;
	width: calc(50% - 15px)!important;
	float: none!important;
	display: block!important;
}

.module.image-content.full {
	width: 100%!important;
	margin: 40px auto!important;
	padding: 0!important;
	display: flex!important;
	min-height: 480px!important;

}

.module.image-content.full > .module {
	margin: 0!important;
}

.module.image-content.full.dark {
	background: black;
	color: white
}

.module.image-content.full.dark a {
	color: white
}

.module.image-content.full.dark p {
	color: white
}

.module.image-content > a {
	display: flex;
	flex-flow: wrap;
	height: 100%
}

.module.image-content .module {
	margin-top: 0!important;
	position: relative;
}

.module.image-content.contain .module:nth-child(2) {
	background-size: contain!important;
}
.module.image-content .module:nth-child(2) .module_content {
	height: 100%!important;
	padding-top: 100%!important;
}

.module.image-content.full .module:nth-child(2) .module_content, .module.image-content.full.left .module:last-child .module_content {
	height: auto!important;
	padding: 0!important;
}

.module.image-content.full .module {
	background-position: center center;
	background-size: cover;
}

.module.image-content .module:last-child, .module.image-content.full.left .module:nth-child(2) {
	padding: 30px!important;
}

.module.image-content.full:not(.left) .module:last-child, .module.image-content.full.left .module:nth-child(2) {
	display: flex!important;
	align-items: center!important;
}

.module.image-content.full.left .module:last-child {
	padding: 0!important;
}

.module.image-content .module:last-child h3, .module.image-content .module:last-child h2 {
	font-size: 18px
}

.module.image-content .module:last-child h3 img, .module.image-content .module:last-child h2 img {
	float: left;
	margin-right: 15px;
	margin-top: -5px;
}

.module.image-content .module_content p {
	margin: 10px 0
}

.module.image-content .module_content a {
	font-weight: bold;
	color: $(blue);
}

.module.image-content .faux-link {
	font-weight: bold;
	display: block;
	color: $(blue);
}

.module.certifications h2 {
	margin-bottom: 20px;
}

.module.three-figure {
	position: relative;
	margin-bottom: 100px!important
}

.module.three-figure, .module.three-figure .module {
	margin-top: 0!important;
}

.module.three-figure {
	display: flex!important;
	flex-direction: row;
	height: min(700px, 100vh)!important;
}

.module.three-figure, .module.three-figure > .module:last-child {
	padding: 0!important;
	position: relative
}
.module.three-figure, .module.three-figure > .module:last-child > .module {
	height: 50%
}

.module.three-figure > .module:nth-child(2), .module.three-figure > .module:last-child .module {
	position: relative;
	z-index: 0
}

.module.three-figure > .module:nth-child(2) .graphic:after, .module.three-figure > .module:last-child .module .graphic:after {
	content: "";
	display: block;
	position: absolute;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	right: -10px;
	bottom: 0;
	min-width: 100%;
	height: 100%;
}
.module.three-figure .module a {
	color: #FFF;
	background-color: #000;
	display: flex!important;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	padding: 40px;
	height: 100%;
	z-index: 0;
	overflow: hidden
}

.module.three-figure .module a .module_content{
	z-index: 1
}

.module.three-figure .module .faux-link {
	color: white;
	font-weight: bold;
}

.module.three-figure .module p {
	opacity: 1
}

.module.three-figure .module a .graphic {
	position: absolute!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s ease-in-out;
	min-width: 100%;
	height: 100%;
}

.module.three-figure .module a:hover .graphic {
	transform: scale(1.02);
}

.module.three-figure .module h3 {
	font-size: 21px;
	display: inline-block;
	position: relative;
	padding-bottom: 5px;
	margin: 0
}

.module.three-figure .module:hover h3:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	bottom: 0;
	background: white
}

.module.three-figure > .module:last-child .module a > .module_content h3:after {
	display: none
}

.module.three-figure > .module:last-child .module a:hover > .module_content h3:after {
	display: block
}

.module.three-figure > .module:last-child .module a > .module_content :not(h3){
	height: 0;
	margin: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

.module.three-figure > .module:last-child .module a:hover > .module_content :not(h3){
	height: initial;
	margin: 24px 0;
	overflow: visible;
}

.logos > .module_content, .logos:after {
	display: none
}

.logos {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	margin: 64px 0 200px
}

.logos > .module {
	display: block;
	width: 25%;
	padding: 20px;
	background-position: center center;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	margin: 0!important;
}

.logos > .module:nth-child(-n+5) {
	border-top: 1px solid #E5E5E5;
}

.logos > .module:nth-child(2), .logos > .module:nth-child(6n) {
	border-left: 1px solid #E5E5E5;
}

.logos > .module a {
	display: block;
	min-height: 170px;
	border: 0 !important;
}

.logos > .module a > .module_content {
	color: #FFF;
	min-height: 100%;
	text-align: left;
	line-height: 1.8;
	font-size: 14px;
	background: black;
	z-index: 5
}

.logos > .module:not(:hover):not(:focus-within):not(:focus-visible) a > .module_content {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.logos > .module a .logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 0
}

.logos > .module:hover a .logo,
.logos > .module:focus-within a .logo,
.logos > .module:focus-visible a .logo {
	display: none
}

.logos > .module a .logo img {
	max-width: 90%
}

.logos > .module a .module_content .fade {
	opacity: 0.75
}

.logos > .module a .module_content p {
	opacity: 1
}

.logos > .module a .module_content h3 + p {
	margin-top: 0
}

.logos > .module:hover, .logos > .module:focus-within, .logos > .module:focus-visible {
	background: #000;
	border-color: #000
}

.logos > .module:hover a .module_content,
.logos > .module:focus-within a .module_content,
.logos > .module:focus-visible a .module_content {
	display: block;
}

.logos > .module h3 {
	font-size: 16px;
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
	padding-bottom: 5px
}

.logos > .module h3:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: white;
	position: absolute;
	bottom: 0
}

.logos > .module a .module_content .faux-link {
	color: white;
	font-weight: bold;
	opacity: 1!important;
	margin-left: 5px
}

.logos > .module a .module_content p {
	margin: 0!important;
}
.pageTitle h1 {
	padding-right: 20px;
	margin-bottom: 10px
}
.pageTitle .sharethis {
	margin-top: 0!important
}

.pageTitle .sharethis .sharethis-wrapper span {
	margin-top: 0;
}

.pageTitle .sharethis .sharethis-wrapper {
	padding: 0;
	margin: 8px 0 0 0;
	list-style-type: none
}

.pageTitle .sharethis .sharethis-wrapper li { display: inline-block; }

.news-header .module_content img:only-child {
	max-width: 600px
}

[data-featherlight] img {
	display: block;
}

.module.secondary-menu {
	max-width: 100%!important;
	position: fixed;
	top: 34px;
	padding: 28px 40px!important;
	background: rgba(0, 0, 0, 0.75);
	color: white;
	z-index: 100;
	margin: 0!important;

}

.module.secondary-menu .submenu-sandwich, .module.secondary-menu .submenu-sandwich .close {
	display: none!important
}

.module.secondary-menu > .module_content {
	display: flex;
	flex-flow: wrap;
	align-items: center;
}

.module.secondary-menu > .module_content .right-area {
	margin-left: auto;
	ul {
		list-style-type: none;
		li {
			display: inline-block;
			a {
				color: white;
				text-transform: none;
				margin-left: 20px;
				display: inline-block;
				transition: all 0.5s ease;
				padding: 0 5px;
				border: 1px solid transparent;
				&:hover {
					text-decoration: underline;
				 }
				 &:focus, &:focus-visible, &:focus-within { border: 1px solid white!important; }
				small {
					padding-left: 3px;
					font-size: 0.7rem;
					color: rgba(255, 255, 255, 0.8);
				}
			}
			&:last-child {
				a {
					border: 1px solid white;
					padding: 5px 20px;
					border-radius: 8px;
					&:hover, &:focus, &:focus-visible, &:focus-within {
						color: black;
						background: white;
						text-decoration: none;
					 }
				}
			 }
			&:empty { width: 50px; }
		}
	}
}

.slideshow.short .image-slider,
.slideshow.short .image-slider .slider,
.slideshow.short .image-slider .slider .slide:before,
.slideshow.short .image-slider .slider .slide,
.slideshow.short .image-slider .slider .slick-list {
	height: 75vh!important;
	min-height: 75vh;
}

.slideshow.shorter .image-slider,
.slideshow.shorter .image-slider .slider,
.slideshow.shorter .image-slider .slider .slide:before,
.slideshow.shorter .image-slider .slider .slide,
.slideshow.shorter .image-slider .slider .slick-list {
	height: 55vh!important;
	min-height: 55vh;
}

.slideshow.shorter .image-slider .slider .slide > .content {
	padding-bottom: 57px!important
}

.slideshow.short .image-slider .slider .slide.video-slide > .content {
	margin-top: 110px!important
}

.module.secondary-menu img {
	width: 172px;
	max-width: 100%;
}

.module.secondary-menu h1 {
	display: inline-block;
	width: auto;
	font-weight: 400;
	font-size: 18px;
	padding-left: 30px;
	margin-left: 30px;
	position: relative;
}

.module.secondary-menu h1:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 16px;
	background: white;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
}

.module.cta-section {
	text-align: center;
	padding: 0 24px 64px!important;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: 21px;
	max-width: 100%!important;
	.btn {
		margin: 10px
	}
}

.page-toto-smart-restroom {
	text-align: center;
	footer, header {
		text-align: left
	}
	.Accordion li {
		border-color: #1BB1E7;
	}
}

.page-toto-smart-restroom .btn {
	display: inline-block;
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 18px;
	padding: 8px 30px;
	border: 1px solid black;
	background: none;
	transition: all 0.5s ease;
	cursor: pointer;
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif!important;
    &:visited, &:link {color: black;}
	&:hover {
		color: white;
		background: black;
		text-decoration: none;
	 }
	 &.inverted {
		  color: white;
		  background: black;
		&:hover {
			 color: black;
			 background: white;
		 }
	  }
}

.module.partnership-section {
	img {
		height: 100px;
		width: auto;
		max-width: 100%;
		margin: 10px;
	}
}

.module.gray-bg-heading {
	padding: 64px 24px!important;
	margin: 0 0 64px!important;
	background: #f0f0f0;
	max-width: 100%!important;
	h1, h2, h3 {
		margin: 0;
		text-align: center;
		text-transform: none;
		font-size: 40px
	}
}

.two-columns-section{
display: flex!important;
flex-flow: wrap;
justify-content: space-between;
> .module_content { width: 100%; margin-bottom: 20px }
> .module {
	text-align: left;
	width: 45%;
}
}

.module.quote {
	padding: 0!important;
	position: relative;
	z-index: 0;
	text-align: left;
	max-width: 1100px!important;
	.quote-wrap {
		padding: 64px!important;
		font-size: 14px;
		color: white;
		background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(0,0,0,0)  0%,rgba(0,0,0,1) 80%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		> .module_content {
			width: 60%;
			margin-left: auto;
		}

		.btn {
			border-color: white;
			color: white;
			&:hover {
				background: white;
				color: black
			 }
		}

		blockquote {
			font-size: 21px;
			font-style: italic;
			position: relative;
			margin-bottom: 64px;
			&:before {
				content: "“";
				font-size: 80px;
				color: rgba(255,255,255,0.8);
				position: absolute;
				line-height: 40px;
				top: 0;
				left: -50px
			 }
			&:after {
				 content: "”";
				 font-size: 80px;
				 color: rgba(255,255,255,0.8);
				 position: absolute;
				 bottom: -50px;
				 right: 0;
				 line-height: 40px;
			 }
		}

	}
	.image {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 0;
		img {
			max-width: 100%;
		}
	}
}

.text-image-section {
	display: flex!important;
	flex-flow: wrap;
	align-items: center;
	.graphic {
		height: 400px;
		min-height: 400px;
		.image {
			width: 100%;
			height: 100%;
			background-position: center center;
		}
	}

	.text {
		margin-top: 0!important;
		padding-right: 30px;
		text-align: left;
		input {
			height: 39px;
			padding: 5px 20px;
			border-radius: 0;
			border: 1px solid #5d5e5d;
			outline: 0
		}
		.download-form {
			position: relative;
			display: flex;
			flex-flow: wrap;
			width: 100%;
			max-width: 450px;
			&:after { content: "";  display: block; clear: both; }
			 > * {
				 float: left;
				 margin-bottom: 10px;
			 }
			 input {
				 flex: 1;
				 margin-right: 10px;
				 font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif;
			 }
			.btn {
				line-height: 1.2;
				text-transform: none;
			}
			.error-message {font-size: 14px; color: #cf2020; width: 100%; }
			.error { border-color: #F94232; }
		}
	}

}

.images-list-section {
	padding-top: 64px!important;
	border-top: 1px solid rgba(0,0,0,0.1);
	max-width: 100%!important;
	img {
		max-height: 80px;
		width: auto;
		margin: 10px;
		max-width: 100%;
	}
}

.page-benefits-technologies > main > .module.slideshow, .page-wellness > main > .module.slideshow {
	max-width: 100%!important;
	margin: 0!important;
	padding: 0!important
}

.slideshow .video-slide .content, .slideshow .video-slide .content h3 {
	text-align: center;
	font-size: 40px;
	text-transform: none;
	font-weight: 400
}

.slideshow .image-slider .slider .slide.video-slide > .content {
	padding-top: 100px!important;
	max-height: 100%;
}

.slideshow .video-slide .content img {
	width: 80px;
	height: auto;
	display: block;
	margin: 0 auto 20px
}

.slideshow .video-slide.video-slide-neo .content img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.slideshow .video-slide .content h2 {
	font-size: 84px;
	margin-bottom: 15px;
	font-weight: 400
}

.slideshow .video-slide.small-heading .content h2 {
	font-size: 64px;
}

.slideshow .video-slide.small-heading .content h3 {
	font-size: 32px;
}

.slideshow .video-slide .content .btn-video {
	margin-top: 40px
}

.slideshow .video-slide > .content .wrapper {
	padding: 0 20px
}

.btn-icon .btn-video {
	display: inline-block;
	width: 80px;
	height: 50px;
	overflow: hidden;
	line-height: 0.1;
	border: 1px solid white;
	position: relative;
	text-indent: -9999px;
	background: rgba(255, 255, 255, 0.15);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-icon .btn-video:hover {
	opacity: 0.5
}

.btn-icon .btn-video:before {
	content: '';
	width: 1px;
	height: 1px;
	border-left: 15px solid white;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.btn-icon .btn-video.dark {
	background: rgba(0, 0, 0, 0.15);
	border-color: black;
	color: black;
}

.btn-icon .btn-video.dark:before {
	border-left-color: black;
}

.small-content .module_content {
	max-width: 700px;
	margin: 0 auto
}

.benefit-list {
	display: flex!important;
	flex-flow: row wrap;
	justify-content: space-between;
	&.center {
		 align-items: flex-start;
		 justify-content: center;
		 &:after {display: none; }
		.list-item { margin-left: 20px!important; margin-right: 20px!important; }
	}
}

.benefit-list > .module_content { display: none }

.benefit-list .list-item {
	width: calc(100% / 3 - 20px);
	margin-bottom: 20px;
	text-align: left;
	span {
		margin-left: 0!important;
	}
	> .module {
		padding-left: 0!important;
		padding-right: 0!important;
	}
}

.benefit-list:after {
	content: "";
	width: calc(100% / 3 - 20px);
}

.benefit-list .list-item div:nth-child(2) {
	font-size: 22px;
	/*min-height: 40px;*/
	line-height: 1;
	margin-bottom: 20px;
	position: relative!important;;
	padding-left: 60px!important;
}

.benefit-list .list-item div:nth-child(2) img {
	position: absolute;
	width: 40px;
	max-width: 40px;
	max-height: 40px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.benefit-list .list-item div:nth-child(3) {
	padding-bottom: calc(100% * (282 / 421));
	margin-bottom: 15px;
}

.benefit-list.tabular:after { display: none; }
.benefit-list.tabular .module.heading { text-align: left; padding-top: 0; max-width: 60%; margin: 0 }
.benefit-list.tabular .module.heading h2 { margin-bottom: 24px;}
.benefit-list.tabular .module.heading p { text-transform: none; font-weight: normal }
.benefit-list.tabular .list-item { display: none!important; background: #F4F4F4; padding: 30px 20px 20px; margin: 0 0 0 auto!important; }
.benefit-list.tabular .list-item.active, .benefit-list.tabular .module.heading + .list-item, .benefit-list.tabular .module_content + .list-item { display: block!important; }
.benefit-list.tabular .list-item div:nth-child(3) { padding-bottom: 0 }
.benefit-list.tabular .list-item div:nth-child(4) { padding-bottom: calc(100%*(282 / 421)); }
.benefit-list.tabular.initialized { flex-flow: unset; gap: 40px; }
.benefit-list.tabular .panels { flex: 1; }
.benefit-list.tabular .panels .list-item { width: 100%; min-height: 100%; }
.benefit-list.tabular .left { width: 60%; }
.benefit-list.tabular .left .module.heading { max-width: 100%; }
.benefit-list.tabular .tablist { display: grid; grid-gap: 35px; grid-template-columns: 1fr 1fr }
.benefit-list.tabular .tablist button { min-height: 58px; display: flex; border-radius: 0!important; text-align: left; align-items: center; gap: 20px; font-weight: 400; text-transform: uppercase; padding: 15px 24px; background: #F4F4F4; border: 2px solid #F4F4F4; cursor: pointer; font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif }
.benefit-list.tabular .tablist button img { max-width: 28px; max-height: 28px; }
.benefit-list.tabular .tablist button:hover, .benefit-list.tabular .tablist button[aria-expanded="true"] { background: #000; color: white; border-color: #000; }
.benefit-list.tabular .tablist button:hover img, .benefit-list.tabular .tablist button[aria-expanded="true"] img { filter: invert(1); }

@media all and (max-width: 1024px) {
	.benefit-list.tabular { flex-direction: column!important; }
	.benefit-list.tabular > * { width: 100%!important; max-width: 100%!important; }
}

@media all and (max-width: 470px) {
	.benefit-list.tabular .tablist { grid-template-columns: 1fr; grid-gap: 10px; }
}

.page-benefits-technologies .heading, .page-wellness .heading  {
	margin-bottom: 20px!important
}

.page-benefits-technologies .heading + .benefit-list, .page-wellness .heading + .benefit-list {
	margin-top: 0!important
}

.page-benefits-technologies .evolution-section, .page-wellness .evolution-section {
	max-width: 100%!important;
	padding: 0!important;
	margin-bottom: 0!important
}

.page-benefits-technologies footer, .page-wellness footer {
	margin-top: 0!important
}

a.m-btn-video {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.1em;
	display: inline-block;
	border: 1px solid black;
	font-size: 1rem;
	font-weight: bold;
	color: black;
	padding: 15px 8px;
	width: 100%;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none!important;
	text-transform: uppercase;
}

a.m-btn-video.white {
	border-color: white;
	color: white;
}

a.m-btn-video.small {
	width: unset;
	padding: 15px 25px;
}

a.m-btn-video:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	background: #626262;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.m-btn-video span:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 1px;
	border-left: 14px solid black;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.m-btn-video.white span:before {
	border-color: transparent transparent transparent white;
}

a.m-btn-video:hover span:before {
	border-left-color: white;
}

a.m-btn-video span {
	display: inline-block;
	position: relative;
	padding-right: 34px;
}

a.m-btn-video:hover {
	color: white;
	border: 1px solid #626262;
}

a.m-btn-video:hover:before {
	width: 100%;
}

.module.choose-region {
	max-width: 100%!important;
	margin: 0!important;
	background: #626262;
	color: white
}

.module.choose-region .module_content {
	display: block;
	max-width: 1024px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding: 30px 0;
	font-size: 24px;
	color: white
}

.module.choose-region .module_content span {
	color: white;
	display: block;
	position: relative
}

.module.choose-region .module_content span:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border-top: 3px solid white;
	border-right: 3px solid white;
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -6px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.image-slider.single-slide .dots {
	display: none
}


video {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	outline: 0
}

.featherlight-content {
	width: auto;
	max-width: 960px;
}

.video-modal .featherlight-content .video-wrap {
	min-height: 70vh;
	max-height: calc(100vh - 200px);
}

.video-modal video, .video-modal iframe {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	display: block;
	outline: 0;
}


.video-modal .header {
	height: unset;
	padding: 20px 0;
}

.video-modal .description {
	line-height: 1.3;
	font-size: 14px;
	color: #5d5e5d;
}

.video-modal .video-wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.video-modal .video-wrap > div:not(.header) {
	flex: 1;
	display: flex;
}
.video-modal .video-wrap > div:not(.header) > div {
	flex: 1;
}

body .blocker {
	z-index: 1000
}

.page-collections ul.category-list {
	padding: 0
}

.page-collections > main > .module:nth-child(3) {
	margin-top: 0px!important
}

.collection .collection-banner {
	margin-top: 0
}

.page-privacy-policy h2, .page-terms-and-conditions h2 {
	margin: 45px 0 0
}

.page-privacy-policy h3, .page-terms-and-conditions h3 {
	font-size: 21px;
	text-transform: none;
}

.page-privacy-policy h2 + p, .page-terms-and-conditions h2 + p {
	margin-top: 10px
}

.privacy-heading {
	margin-bottom: 20px;
}

#searchForm .alert {
	background: #FFC57F;
	font-size: 18px;
	font-weight: bold;
	color: #585858;
	line-height: 1.2;
	padding: 10px 15px;
}

.default-btn {
	display: inline-block;
	text-decoration: none!important;
	color: black!important;
	font-weight: bold;
	font-size: 18px!important;;
	padding: 8px 30px!important;;
	border: 1px solid black!important;;
	background: none!important;;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif !important;
}

.default-btn.big {
	font-size: 21px!important;
	padding: 8px 40px!important;
}

.default-btn:visited, .default-btn:link {
	color: black;
}

.default-btn:hover {
	color: white!important;
	background: black!important;;
	text-decoration: none;
}

.default-btn.small-text {
	font-size: 12px;
	line-height: 1.4
}

.default-btn.external {
	padding-right: 50px!important;
	background-image: url(/images/external-arrow-right-black.svg)!important;
	background-size: auto 16px!important;
	background-position: right 20px center!important;
	background-repeat: no-repeat!important;
}
.default-btn.external:hover {
	background-image: url(/images/external-arrow-right-white.svg)!important;
}

.default-btn.pdf { border-radius: 25px; border-width: 2px!important; border-color: #dfdfdf!important; text-transform: none; }
.default-btn.pdf:hover,
.default-btn.pdf:focus,
.default-btn.pdf:focus-visible,
.default-btn.pdf:focus-within { background: transparent!important; color: #0B50A2!important; border-color: #0B50A2!important;  }
.default-btn.pdf:before { content: ""; display: inline-block; width: 12px; height: 17px; background: url(/images/icon-pdf.svg) no-repeat center center; background-size: contain; margin-right: 5px }

.default-btn.white {
	color: white!important;
	border-color: white!important;
}

.default-btn.white:is(:hover,:focus,:focus-visible) {
	color: black!important;
	background-color: white!important;
}

.default-btn.filled {
	background: #000!important;
	color: white!important;
	&:hover, &:focus, &:focus-visible { color: #000!important; background: transparent!important; }
	&.white {
		background: white!important;
		color: #000!important;
		&:hover, &:focus, &:focus-visible { color: white!important; background: transparent!important; }
	}
}

.module.overlap-image > .module-content {
	display: none
}

.module.overlap-image > .container {
	margin-top: 0!important;
	font-size: 24px;
	line-height: 1.3;
	color: #222
}

.module.overlap-image > .container:nth-child(2) {
	margin-bottom: 40px;
	padding-right: 20px
}

.module.overlap-image > .container + .container {
	position: relative;
}

.module.overlap-image > .container:nth-child(3) img {
	position: absolute;
	z-index: 80
}

.module.overlap-image > .container p {
	color: #222
}

.module.overlap-image > .container a, .faucet-style > .container a {
	color: #3088ce;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	padding: 6px 10px 6px 15px;
	border: 2px solid #3088ce;
	position: relative;
}

.faucet-style > .container a {
	line-height: 1.2;
	padding-right: 25px
}

.faucet-style > .container a i {
	right: 5px;
}

.module.overlap-image > .container a:hover, .faucet-style > .container a:hover {
	color: white;
	background: #3088ce;
}

.module.overlap-image > .container a:after {
	content: "\e5cc";
	font-family: 'Material Icons';
	font-size: 16px;
	line-height: 18px;
	float: right;
}

.module.overlap-image .Accordion {
	width: 55%;
}

.module.overlap-image .Accordion li, .faucet-style .Accordion li {
	border-width: 0px;
	border-bottom-width: 1px;
	margin-bottom: 0;
	text-align: left;
}

.Accordion li .accordion-title button {
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif;
}

.module.overlap-image .Accordion li .accordion-title button, .faucet-style .Accordion li .accordion-title button {
	padding: 0;
	font-size: 16px;
	text-transform: none;
	font-weight: 400;
}
.module.overlap-image .Accordion li .accordion-title button i:after, .faucet-style .Accordion li .accordion-title button i:after { display: none; }
.module.overlap-image .Accordion li .accordion-title button i:before, .faucet-style .Accordion li .accordion-title button i:before {
	content: '\025BE';
	float: left;
	display: block;
	font-size: 35px;
	line-height: 28px;
	margin-right: 8px;
	color: #3088ce
}

.module.overlap-image .Accordion li .accordion-content, .faucet-style .Accordion li .accordion-content {
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
}

.module.overlap-image .Accordion li.on .accordion-content, .faucet-style .Accordion li.on .accordion-content {
	padding-top: 10px;
}

.styledSelect.error {
    border: 2px solid red!important;
}

/* Features Module */
.features-module {
	display: block;
	padding: 64px 0;
}
.features-module .split {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -24px;
}
.features-module .split .side {
	flex: 1;
	min-width: 0;
	padding: 24px;
}
.features-module .features {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 24px -8px -8px -8px;
}
.features-module .feature {
	width: 50%;
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 8px;
	text-align: left;
}
.features-module .feature .icon {
	margin-right: 16px;
}
.features-module .feature .icon img {
	display: block;
	vertical-align: bottom;
	width: 30px;
	height: 30px;
}
.features-module .feature .text {
	flex: 1;
	min-width: 0;
}
.features-module .video video {
	width: 100%;
	height: 346px;
}
.features-module .feature-popup {
	padding: 24px;
	background: #f0f0f0;
}
.features-module .feature-popup .titlebar {
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 24px;
	cursor: pointer;
	letter-spacing: 1px;
	text-align: left;
	margin: 0 auto;
}
.features-module .feature-popup .titlebar .icon {
	margin-right: 16px;
}
.features-module .feature-popup .titlebar .icon img {
	display: block;
	vertical-align: bottom;
	width: 40px;
	height: 40px;
}
.features-module .feature-popup .titlebar .text {
	flex: 1;
	min-width: 0;
}

.module.slideshow.washlet-installation-steps-slider .inner .content {
	padding-left: 15%;
	max-width: calc(100% - (25vw + 350px));
}

.module.slideshow.washlet-installation-steps-slider .inner .title {
	font-size: 22vw;
	width: 96%;
    text-align: center;
	padding: 0;
}

.module.slideshow.washlet-installation-steps-slider .inner .image {
	right: 170px;
}


/* compare washlet table */
.compare-washlet-table .compare-table tbody tr td:nth-child(1) {
	width: 39px;
}

.compare-washlet-table .compare-table tbody tr td:nth-child(2) {
	width: 200px;
}

.compare-washlet-table .compare-table tbody tr td:nth-child(3),
.compare-washlet-table .compare-table tbody tr td:nth-child(4),
.compare-washlet-table .compare-table tbody tr td:nth-child(5),
.compare-washlet-table .compare-table tbody tr td:nth-child(6),
.compare-washlet-table .compare-table tbody tr td:nth-child(7) {
	width: 16%;
}


.compare-washlet-table .module_content > a {
    text-transform: none;
    color: var(--blue)!important;
}

.washlet-latest-items-container {
	margin: 0 -35px;
	transition: opacity .5s ease;
}

.washlet-latest-items-container .washlet-latest-products-item {
	padding: 5px 35px;
	opacity: 1;
	display: inline-flex!important;
	flex-direction: column;
}

.washlet-latest-items-container .washlet-latest-products-item .title-element {
	order: 2
}

.washlet-latest-products-item > .module_content, .washlet-latest-products-item > div.inner > .module_content {
	opacity: 0;
	display: flex;
    position: absolute;
    top: 0;
    justify-content: space-between;
    flex-direction: column;
    background: rgba(255,255,255,.95);
    left: 30px;
    right: 30px;
    z-index: 10;
    padding: 30px;
    border: 1px solid #ccc;
	transition: opacity .5s ease;
	min-height: 100%;
}

.washlet-latest-products-item > .module_content a.arrow-link-btn, .washlet-latest-products-item > div.inner > .module_content a.arrow-link-btn {
	margin-top: 0;
}

.washlet-latest-products-item > .module_content p, .washlet-latest-products-item > div.inner > .module_content p {
	color: black;
}

.washlet-latest-products-item {
	&:hover, &:focus, &:focus-visible, &:focus-within {
		> .module_content,  > div.inner > .module_content {
			opacity: 1;
		}
	 }
}

.washlet-latest-products-item a.arrow-link-btn {
	width: 100%;
}

.module.experience-toto-washlet {
	max-width: 100%!important;
	width: 100%;
    min-height: 650px !important;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-position: center bottom;
}

.module.experience-toto-washlet .experience-toto-washlet-container {
	max-width: 1450px;
	padding: 60px calc(min(calc(100% - 1425px / 3),calc(100% / 3)) + 20px) 60px 0;
}

.module.experience-toto-washlet .experience-toto-washlet-container .module_content {
	color: black;
	text-align: left;
}

.module.experience-toto-washlet .experience-toto-washlet-content {
	margin-top: 20px;
	margin-bottom: 20px;
}

.module.experience-toto-washlet .experience-toto-washlet-icons-container .experience-toto-washlet-icon-container > div > .module .module_content {
	text-align: center;
	font-weight: bold;
}

/* experience washlet */
.experience-toto-washlet-icon .module_content {
	height: 55px;
}

.experience-toto-washlet-icon img {
	width: 40px;
	height: auto;
}

.module.experience-toto-washlet .module.button {
	max-width: 1450px;
	text-align: left;
}

.module.experience-toto-washlet .module.button .module_content a {
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	padding: 8px 25px;
	background: var(--blue);
	color: white;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease;
	margin-top: 0;
	margin-bottom: 60px;
}

.module.experience-toto-washlet .module.button .module_content a:hover {
	background: #1b60df;
}


/* how it works washlet */
.washlet-how-it-works-container .module.container.span6 {
	transform: translate(-24px);
	-webkit-transform: translate(-24px);
	-moz-transform: translate(-24px);
	-ms-transform: translate(-24px);
	-o-transform: translate(-24px);
}

.washlet-how-it-works-container .module.container.span6 .module_content {
	background: #F4F4F4;
	padding: 14px 24px;
	margin: 0px 24px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.washlet-how-it-works-container .module.container.span6 .module_content:hover {
	background: black;
	color: white;
	img { background-color: white; border-radius: 100%; overflow: hidden; }
}

.washlet-how-it-works-container + .panel .content a[href="#"].default-btn { display: none!important; }


.image-slider .slider .slide.centered {
	justify-content: center;
	align-items: flex-start;
	padding-top: 130px;
}

.module.slideshow .slide.centered > .content {
	text-align: center;
}

/* washlet benefit slider */
.washlet-benefit-slider .content p {
	color: #7C7C7C;
	font-size: 24px;
}

.washlet-benefit-slider h1 {
	color: black;
}

.washlet-benefit-slider h1 span{
	vertical-align: super;
	font-size: 24px;
}

/* washlet benefits img text */

.washlet-benefits-img-text-container {
	margin-top: 0!important;
	max-width: 100%!important;
    padding: 0!important;
    border-bottom: 1px solid #F5F5F5;
}

.washlet-benefits-img-text-container .module.container {
	display: flex;
	align-items: stretch;
	margin: 0!important;
	min-height: 570px;
}

.washlet-benefits-text-container {
	padding: 180px 200px;
}

.washlet-benefits-text-container h2 {
	text-transform: none;
	margin-bottom: 30px!important;
}

.washlet-benefits-img-text-container .bg-img-container {
	background-position: center;
}

.btn-blue {
	display: inline-block;
	color: white!important;
	text-transform: uppercase;
    text-align: center;
    background: var(--blue);
    position: relative;
    font-size: 14px;
	line-height: 1;
	padding: 15px 30px;
    font-weight: bold;
    margin-bottom: 15px;
    transition: all .5s ease;
	text-decoration: none;
	border: 2px solid  var(--blue);
}

.btn-blue {
	&:hover, &:focus, &:focus-visible, &:focus-within  {
		background: black;
		border: 2px solid  black;
	}
}


/* history of washlet */
.module.container.hero {
	max-width: unset!important;
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
}
.module.container.hero img {
	max-width: unset;
	width: 100%!important;
	display: block;
}

.module.container.navbar {
	max-width: 100%!important;
	padding: 0!important;
	margin: 0!important;
    background: #1c1c1c;
    color: white;
}

.module.container.navbar .items .module_content {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	max-width: 1450px;
	margin: 0 auto;
}

.module.container.navbar .items a {
	display: inline-block;
	flex: 1;
    min-width: 0;
	color: inherit;
	padding: 24px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}

.module.container.navbar .items a:hover {
	background: white;
	color: black;
}

.module.container.navbar.history-nav { background: #094FA1 }
.module.container.navbar.history-nav .items a { text-align: center; text-decoration: none; text-transform: none; border: 2px solid transparent; position: relative; padding-bottom: 40px; }
.module.container.navbar.history-nav .items a:hover { background: rgba(0,0,0,.2); color: white; font-weight: 800!important; }
.module.container.navbar.history-nav .items a:focus, .module.container.navbar.history-nav .items a:focus-visible { border-color: rgba(255, 255, 255, .4)!important; }
.module.container.navbar.history-nav .items a:after, .module.container.navbar.history-nav .items a:before {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50px;
	background: #fff;
	content: "";
}

.module.container.navbar.history-nav .items a:before {
	bottom: 30px;
	width: 7px;
	height: 7px;
}

.module.container.navbar.history-nav .items a:after {
	bottom: 20px;
	width: 5px;
	height: 5px;
}

.timeline {
    position: relative;
    max-width: 100%;
    overflow: hidden;
	padding: 30px 0;
}

.timeline .events {
    position: relative;
}

.timeline .event {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    opacity: 0;
    transform: translateX(100vw);
    transition: all 1s ease-out;
    z-index: 3;
}

.timeline .event.on {
    opacity: 1;
    transform: none;
}

.timeline .event .dot {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #1c1c1c;
    background: white;
    font-size: 0;
    position: relative;
    z-index: 3;
}

.timeline .event .line {
    width: 100px;
    height: 2px;
    background: #1c1c1c;
    margin: 18px 8px 0 8px;
}

.timeline .event .box {
    flex: 1;
    min-width: 0;
    border: 2px solid  #0d52a0;
    padding: 24px;
    position: relative;
	margin-top: -37px;
	background: #e1e9f3;
	border-radius: 10px;
}

.timeline .event .box:after {
	position: absolute;
	top: 54px;
	left: -7px;
	transform: rotate(45deg);
	width: 16px;
	height: 16px;
	border-left: 2px solid #0d52a0;
	border-bottom: 2px solid #0d52a0;
	background: #e1e9f3;
	content: "";
	transform-origin: top right;
}

.timeline .event .box.no-lines { border: 0!important; }
.timeline .event .box.no-lines:after { display: none!important; }
.timeline .event .box.no-lines .date { left: 5px; padding-right: 10px; }
.timeline .event .box .bottom-content { width: 100%; margin-left: 0 }
.timeline .event .box .bottom-content img { display: block; margin: 0 auto; width: unset!important; height: unset!important; }

.timeline .event .date {
    display: inline-block;
    padding: 0 8px;
	background:  #e1e9f3;
    font-size: 24px;
    font-weight: 800;
    position: absolute;
	line-height: 1;
    top: 41px;
    left: -7px;
    transform: translateX(calc(-100% - 4px));
	color: #0d52a0;
}

.timeline .event .split {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: -24px;
}

.timeline .event .split .side.left {
    flex: 1;
    min-width: 0;
    margin-bottom: 0;
}

.timeline .event .split .side {
    padding: 24px;
}

.timeline .event .split .side.right {
    max-width: 33%;
    margin-bottom: 0;
}

.timeline .event .split .side.right img { max-width: 194px; height: auto }

.timeline h2 { text-transform: none; color: #0d52a0; font-size: 36px; margin-bottom: 0; }
.timeline h2 .big { font-size: 1.5em; font-weight: 800; }
.timeline p { color: black; margin-bottom: 0 }
.timeline .history-more { display: none; font-size: 24px; }
.timeline .history-more p, .timeline .history-more td { font-size: 25px!important;  }
.timeline .history-more.on { display: block; }
body[class*="page-history-of-washlets"] { background:  #e1e9f3; }
.timeline .event button {
	display: inline-block;
	position: relative;
	margin-top: 0;
	padding: 16px 41px 16px 27px;
	border-radius: 5px;
	background-color: #0d52a0;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
	transition: all 0.2s ease-in-out;
	border: 2px solid  #0d52a0;
	cursor: pointer;
}
.timeline .event button:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 23px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-width: 7px 4.5px 0 4.5px;
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	content: "";
}
.timeline .event button:hover, .timeline .event button:focus { color: #0d52a0; background: transparent; }
.timeline .event button:hover:before, .timeline .event button:focus:before { border-color: #0d52a0 transparent transparent transparent; }
.timeline img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.timeline .image-caption {
    display: block;
    font-weight: 700;
    margin-top: 8px;
    text-align: center;
}

.timeline .events:before {
    content: ' ';
    font-size: 0;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 18px;
    background: #1c1c1c;
    z-index: 1;
}

.timeline .event .dot:before {
    content: ' ';
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    font-size: 0;
    background: #1c1c1c;
}

.timeline .module.html:last-child .event:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 38px;
    height: 100%;
    background: #e1e9f3;
    z-index: 2;
}

.timeline .events .module.html .module_content {
    margin-top: 64px;
}

.timeline .event, .timeline .event p { font-size: 28px; line-height: 1.4; margin-top: 20px; }

.timeline .event .bottom-content { width: calc(100% - 185px); margin-left: 185px; margin-top: 20px; margin-bottom: 40px;  }
.timeline .event .black { color: black;  }
.bottom-box { border: 2px solid  #0d52a0; padding: 24px; border-radius: 10px; margin-top: 40px; margin-bottom: 40px; }
body[class*="page-history-of-washlets"] .module.hero { padding: 100px 0 0!important; }
.videoHero .washlet-hero-video-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
}

.videoHero .washlet-hero-video-content h1 {
	color: white;
	margin-bottom: 48px;
}

.videoHero .washlet-hero-video-content a {
    display: inline-block;
    padding: 12px 30px;
    border: 2px solid white;
    text-transform: uppercase;
    font-size: 18px;
    background: rgba(0,0,0,.5);
    margin-top: 40px;
    color: white;
    transition: all 1s ease;
}

.videoHero .washlet-hero-video-content a:hover {
    color: black;
    background: white;
}

.page-washlet .videoHero .video-hero .scroll {
	display: none;
}

.page-washlet .videoHero video {
	left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
}

.page-washlet .module.evolution-section.full, .evolution-section.with-zoom
 {
	overflow: hidden;
}

.page-washlet .evolution-section .module.container, .evolution-section.with-zoom .module.container {
	transition: all .5s;
}

.page-washlet .evolution-section.full .module.container:hover,
.page-washlet .evolution-section.full .module.container:focus,
.page-washlet .evolution-section.full .module.container:focus-within,
.page-washlet .evolution-section.full .module.container:focus-visible,
.evolution-section.with-zoom .module.container:focus,
.evolution-section.with-zoom .module.container:focus-visible,
.evolution-section.with-zoom .module.container:focus-within,
.evolution-section.with-zoom .module.container:hover {
    transform: scale(1.1);
}

.include-img-caption .module_content {
	position: absolute;
    bottom: -30px;
}

/* seconday navbar styles for washlet */
.module.secondary-menu > .module_content .right-area a.button {
	color: white;
    text-transform: none;
    margin-left: 20px;
    display: inline-block;
    transition: all .5s ease;
	border: 1px solid white;
    padding: 5px 20px;
    border-radius: 8px;
}

.module.secondary-menu > .module_content .right-area a.button {
	&:focus, &:focus-visible, &:focus-within, &:hover {
	   color: black;
	   background: white;
	   text-decoration: none;
		outline: none;
   }
}

.module.secondary-menu > .mobile-only {
	position: absolute;
    top: 10px;
    right: 15px;
	display: none;
}

.module.secondary-menu > .mobile-only .module_content {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: flex-end;
} 
.module.secondary-menu > .mobile-only .module_content ul  {
	list-style-type: none;
}

.module.secondary-menu > .mobile-only .module_content ul li {
	display: inline-block;
}

.module.secondary-menu > .mobile-only .module_content ul li a {
	color: white;
    text-transform: none;
    margin-left: 20px;
    display: inline-block;
    transition: all .5s ease;
	border: 1px solid white;
    padding: 5px 20px;
    border-radius: 8px;
}

.module.secondary-menu > .mobile-only .module_content ul li a:hover {
	color: black;
    background: white;
    text-decoration: none;
}

/* washlet installation */
body.page-washlet-installation .module.gradient-section .heading.transparent-bg > .module_content {
	width: 100%;
}


/* experience it */
body.page-washlet-experience-it > main > .washlet-experience-it-heading {
	margin-top: 150px!important;
	margin-bottom: 30px!important;
}

body.page-washlet-experience-it > main > .washlet-experience-it-heading h1 {
	margin-bottom: 5px;
}

body.page-washlet-experience-it > main > .washlet-experience-it-locations {
	margin-top: 0!important;
}

section.locations {
	display: block;
	padding-top: 0;
}
section.locations .window.back {
	display: none;
}
section.locations .location-type-grid {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -4px;
}
section.locations .location-type-grid .item {
	width: 50%;
	padding: 4px;
	cursor: pointer;
}
section.locations .location-type-grid .box {
	display: block;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
}
section.locations .location-type-grid .image {
	background-color: #f0f0f0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
section.locations .location-type-grid .label {
	background: a-adjust(#1c1c1c, -20);
	color: white;
	width: 100%;
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 16px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	z-index: 2;
}
section.locations .split {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
section.locations .sidebar {
	width: 33%;
	border-right: 1px solid #f0f0f0;
}
section.locations .main {
	flex: 1;
	min-width: 0;
	border-left: 1px solid #f0f0f0;
	margin-left: -1px;
	padding-left: 48px;
}
section.locations .select-state .select {
	display: block;
	padding: 16px 0;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 700;
}
section.locations .select-state .select .arrow {
	display: inline-block;
	margin: 0 0 0 8px;
	transition: all 0.1s ease;
}
section.locations.select-state-on .select-state .select .arrow {
	transform: rotate(90deg);
}
section.locations .select-state .values {
	display: none;
}
section.locations.select-state-on .select-state .values {
	display: block;
}
section.locations .select-state .state {
	padding: 16px 0;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
section.locations .select-state .state:hover {
	opacity: 0.5;
}
section.locations .select-state .state .icon {
	color: #1c1c1c;
	font-size: 20px;
	margin-right: 16px;
}
section.locations .select-state .state .label {
	flex: 1;
	min-width: 0;
}
section.locations .location-types {
	margin-top: 48px;
}
section.locations .location-types .type {
	padding: 16px 0;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
section.locations .location-types .type .icon {
	width: 40px;
	height: 40px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 24px;
}
section.locations .location-types .type .label {
	flex: 1;
	min-width: 0;
	padding-right: 24px;
	text-transform: uppercase;
	font-size: 18px;
}
section.locations .location-types .type .label.active {
	color: #3255a4;
}
section.locations .location-types .type:hover .label {
	opacity: 0.6;
}
section.locations .location-types :hyperlinks {
	text-decoration: none;
}
section.locations .location-group:not(:last-child) {
	margin-bottom: 64px;
}
section.locations .location-grid {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -24px;
}
section.locations .location {
	width: 50%;
	padding: 24px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
}
section.locations .location::before {
	content: ' ';
	background: white;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 16px;
	right: 16px;
	bottom: 16px;
	left: 16px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	opacity: 0;
	transition: all 0.2s ease;
	z-index: 1;
}
section.locations .location:hover::before {
	opacity: 1;
}
section.locations .location > * {
	position: relative;
	z-index: 2;
}
section.locations .location .image {
	width: 64px;
	height: 64px;
	background-color: #f0f0f0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 24px;
	cursor: pointer;
}
section.locations .location .info {
	flex: 1;
	min-width: 0;
}
section.locations .location .title {
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
section.locations .location :hyperlinks {
	text-decoration: none;
}


.location-popup {
	width: 100%;
	max-width: 960px!important;
}
.location-popup .split {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -12px;
}
.location-popup .split .side {
	flex: 1;
	min-width: 0;
	padding: 12px;
}
.location-popup .carousel-container {
	position: relative;
}
.location-popup .carousel-container .carousel {
	margin: 0 !important;
	opacity: 0;
	max-height: 1px;
	transition: opacity 1s ease-out;
}
.location-popup .carousel-container .arrow {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #1c1c1c;
	opacity: 0.5;
	font-size: 28px;
	cursor: pointer;
	color: white;
	padding: 8px;
	z-index: 100;
}
.location-popup .carousel-container .arrow:hover {
	opacity: 1;
}
.location-popup .carousel-container .arrow.right {
	left: auto;
	right: 0;
}
.location-popup .carousel-container .slick-dots {
	position: absolute;
	bottom: 12px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	vertical-align: bottom;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.location-popup .carousel-container .slick-dots li {
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	overflow: hidden;
	background: transparent;
	margin: 0 4px;
	padding: 0;
	cursor: pointer;
	border: 2px solid a-adjust(white, -60);
}
.location-popup .carousel-container .slick-dots li.slick-active {
	border-color: white;
}
.location-popup .carousel-container .slick-dots li button {
	display: none;
}
.location-popup .line-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	border-top: 1px solid black;
	padding: 16px 0;
}
.location-popup :hyperlinks.line-item:hover {
	text-decoration: none;
}
.location-popup .line-item i {
	font-size: 24px;
	margin-right: 16px;
}
.location-popup .line-item span {
	flex: 1;
	min-width: 0;
}
.location-popup .line-item iframe {
	width: 100%;
	height: 232px;
}

.washlet-most-famous-bidet {
	max-width: 100%!important;
	margin-top: 15px!important;
	margin-bottom: 15px!important;
	z-index: 0;
	position: relative
}

.washlet-most-famous-bidet:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	bottom: 0;
	width: 70%;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,.8) 70%, rgba(255,255,255,0) 100%);
}

.washlet-most-famous-bidet-heading {
	margin-bottom: 25px!important;
}

.washlet-logos {
	margin-top: 15px!important;
	margin-bottom: 15px!important;
}

.washlet-most-famous-bidet > .module.container {
	max-width: 1425px;
	margin: auto;
	padding: 90px 0
}

.washlet-most-famous-bidet > .module.container .module_content {
	width: 50%;
	text-shadow: 0 0px 12px rgba(255,255,255, .8);
}

.washlet-most-famous-bidet > .module.container h2 {
	margin-bottom: 40px;
}

.washlet-most-famous-bidet > .module.container .module.container > .module_content {
	padding-right: 30px;
}

.washlet-most-famous-bidet .washlet-logos {
	margin-top: 40px!important;
}

/* washlet buy online */

.washlet-buy-online-items-container > ul > li {
	display: inline-block;
}

.washlet-buy-online-items-container > ul > li > .module {
	width: 100%!important;
}

.washlet-buy-online .washlet-buy-online-items-container {
	padding-bottom: 50px;
}

.washlet-buy-online-items-container>ul>li { display: inline-block; }
.washlet-buy-online .washlet-buy-online-item-title > .module_content,
.washlet-buy-online .washlet-buy-online-item-title > .module_content h3 {
	font-size: 20px;
}

.washlet-buy-online a.bob {
	float: none;
}

/* washlet features hover */
.washlet-features-hover .washlet-features-hover-items-container {
	max-width: 1425px;
    margin: auto;
	display: flex;
    align-items: center;
}

.washlet-features-hover .washlet-features-hover-heading {
    margin-bottom: 45px;
}

.washlet-features-hover .washlet-features-hover-item {
	cursor: pointer;
}

.washlet-features-hover .washlet-features-hover-item-content h3 {
	font-size: 18px;
}

.washlet-features-hover .washlet-features-hover-item-content p {
	margin-top: 0;
	color: #212121
}

.washlet-features-hover-colside .washlet-features-hover-item {
	display: flex;
	padding: 30px 0;
}

.washlet-features-hover-colside.right .washlet-features-hover-item {
	flex-direction: row-reverse
}

.washlet-features-hover .washlet-features-hover-item-img {
	max-width: 150px;
}

.washlet-features-hover .washlet-features-hover-colmid {
	position: relative;
}

.washlet-features-hover .washlet-features-hover-colmid .module.html {
	position: absolute;
    top: 0;
}

.washlet-features-hover .washlet-features-hover-colmid .pulsating-container {
    position: relative;
}

.washlet-features-hover .washlet-features-hover-colmid .circle {
    width: 15px;
    height: 15px;
    background-color: var(--blue);
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
}

.washlet-features-hover .washlet-features-hover-colmid .pulsating-dot {
    border: 3px solid var(--blue);
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    opacity: 0.0
}

.washlet-features-hover .washlet-features-hover-colmid .pulsating-container.pulsating .pulsating-dot {
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: 3;
}



@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.6, 1.6); opacity: 0.0;}
}

/* home page washet slideshow */
.new-washlet-page-slide .content {
	max-width: 50%;
	margin: 0 0 0 auto;
}
.new-washlet-page-slide .content p {
	font-size: 20px;
	text-align: center;
	font-weight: 700;
}

.new-washlet-page-slide .content a {
	margin-top: 20px;
	display: block;
}

.new-washlet-page-slide .content a img {
	max-width: 200px;
	height: auto;
	margin: auto;
}

@media all and (max-width: 960px) {
	.features-module .split .side {
		flex: 0 0 100%;
	}
	.features-module .feature {
		width: 100%;
	}
}

/* Showroom Search module */
.showroom-search-module {
	display: block;
	max-width: 640px;
	text-align: center;
	margin: 0 auto;
}
.showroom-search-module h2 {
	margin: 0 0 48px 0;
}
.showroom-search-module .input-group {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
}
.showroom-search-module .input-group > * {
    display: block;
    margin: 0;
    text-transform: none;
    font-size: 18px;
    padding: 13px 30px;
    height: auto;
    border: 1px solid #d8d8d8;
    outline: none;
    text-transform: uppercase;
    color: #347aad;
}
.showroom-search-module .input-group input[type="text"] {
    flex: 1;
    border-right: 0
}
.showroom-search-module .input-group button {
	background: black;
	color: white;
}


.neorest-content-section {
	background: black;
	color: white;
	margin-top: 0!important;
	margin-bottom: 0!important;
	max-width: 100%!important;
}

.neorest-content-section.gradient-section {
	color: black
}

.neorest-content-section .module_content {
	padding: 64px 0;
	text-align: center;
	max-width: 1425px;
	margin: 0 auto;
}

.neorest-content-section .module_content h3 {
	text-transform: none;
}

.neorest-content-section .module_content p {
	color: #ccc;
	font-size: 18px
}

.neorest-content-section.gradient-section .module_content p {
	color: #2C2D31
}

.neorest-content-section .module_content ul {
	list-style-type: none;
	display: block;
	text-align: center;
	margin-top: 60px;
	padding:0
}

.neorest-content-section .module_content ul li {
	display: inline-block;
	margin: 10px;
}

.neorest-content-section .module_content ul li img {
	height: 70px;
	width: auto;
}

.neorest-carousel {
	background: black;
	color: white;
	margin-top: 0!important;
	margin-bottom: 0!important;
	text-align: center;
	padding-top: 100px!important;
	padding-bottom: 200px!important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 0;
	max-width: 100%!important;
}

.neorest-carousel:not(.ready){
	background-image: none;
}

.neorest-carousel:not(.ready) .module {
	background-image: none;
}

.neorest-carousel > .module_content {
	z-index: 1
}

.neorest-carousel .module {
	/*display: none;*/
	padding: 100px 0;
	min-height: 500px;
	clear: initial;
}

.neorest-carousel.style-2 .module {
	padding: 40px 0
}

.neorest-carousel:before {
	content: "";
	display: block;
	height: 150px;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: -1;
	top: 0;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
}

.neorest-carousel:after {
	content: "";
	display: block;
	height: 300px;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 5;
	bottom: 0;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
}

.neorest-carousel .gradient {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 70%;
	z-index: -1;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	opacity: 1;
}

.neorest-carousel .slides {
	min-height: 500px;
	position: relative;
	max-width: 1425px;
	margin: 0 auto
}

.neorest-carousel .module .module_content {
	width: 50%;
	text-align: left
}

.neorest-carousel .module .module_content h3,
.neorest-carousel .module .module_content h4 {
	text-transform: none;
	color: white
}

.neorest-carousel .module .module_content h3 {
	font-size: 28px
}

.neorest-carousel .module .module_content,
.neorest-carousel .module .module_content p {
	color: #f8f8f8;
	font-size: 18px
}

.neorest-carousel .module .module_content a {
	display: inline-block;
	padding: 12px 30px;
	border: 2px solid white;
	text-transform: uppercase;
	font-size: 18px;
	background: rgba(0,0,0,0.3);
	margin-top: 10px;
	color: white;
	transition: all 1s ease;
}

.neorest-carousel .module .module_content a:hover,
.neorest-carousel .module .module_content a:focus,
.neorest-carousel .module .module_content a:focus-visible,
.neorest-carousel .module .module_content a:focus-within
{
	color: black;
	background: white;
}

.neorest-carousel .module_content + .module, .neorest-carousel .slides .module {
	display: block
}

.neorest-carousel .slider-nav {
	position: absolute;
	z-index: 10;
	bottom: 200px;
	width: 100%;
	left: 0;
	right: 0;
}

.neorest-carousel .slider-nav .wrapper:after {
	display: none
}

.neorest-carousel .slider-nav .wrapper {
	width: 100%;
	max-width: 1425px!important;
}

.neorest-carousel .slider-nav .wrapper > * {
	position: absolute;
	color: white;
	left: 20px;
	text-transform: none;
	font-size: 14px;
	font-weight: bold;
	max-width: calc(50% - 40px);
	line-height: 1;
	padding: 5px 10px;
	border: 2px solid transparent;
}

.neorest-carousel .slider-nav .next {
	left: auto;
	right: 20px;
	text-align: right
}

.neorest-carousel .slider-nav .next i {
	display: block;
	width: 100%;
	height: 10px;
	background: url(/images/icon_next.svg) no-repeat right center;
	background-size: contain;
	margin-top: 5px
}

.neorest-carousel .slider-nav .wrapper > *,
.neorest-carousel.style-2 .slider-nav .wrapper > *
{
	&:hover, &:focus, &:focus-visible, &:focus-within {
		 color: var(--blue);
		 background: rgba(255, 255, 255, .9);
		 border: 2px solid white;
	 }

}

.neorest-carousel .slider-nav .next,
.neorest-carousel.style-2 .slider-nav .next
{
&:hover, &:focus, &:focus-visible, &:focus-within {
	i {
		 background-image: url(/images/icon_next_blue.svg)!important;
	 }
	}

}

.neorest-carousel .slider-nav .prev,
.neorest-carousel.style-2 .slider-nav .prev
{
&:hover, &:focus, &:focus-visible, &:focus-within {
i {
	 background-image: url(/images/icon_prev_blue.svg) !important;
 }
}
}

.neorest-carousel .slider-nav .prev i {
	display: block;
	width: 100%;
	height: 10px;
	background: url(/images/icon_prev.svg) no-repeat left center;
	background-size: contain;
	margin-top: 5px
}

.neorest-carousel.style-2 {
	text-align: left;
	color: #272727
}

.neorest-carousel.style-2 .slick-slide {
	display: flex;
	flex-flow: wrap;
	padding-bottom: 200px;
	padding-left: 10px
}

.neorest-carousel.style-2 .slick-slide > .module {
	order: 0;
	box-shadow: 0px 0px 10px rgba(19, 68, 157, .5);
	border-radius: 10px;
}

.neorest-carousel.style-2 .slick-slide > .module_content {
	order: 1;
	width: 50%!important;
	padding-left: 50px;
	padding-bottom: 140px;
	color: #272727
}

.neorest-carousel.style-2 .slick-slide > .module_content h2,
.neorest-carousel.style-2 .slick-slide > .module_content h3,
.neorest-carousel.style-2 .slick-slide > .module_content h4,
.neorest-carousel.style-2 .slick-slide > .module_content p {
	color: #272727
}

.neorest-carousel.style-2 .slick-slide > .module_content h2,
.neorest-carousel.style-2 .slick-slide > .module_content h3 {
	font-size: 31px;
	font-weight: normal;
	margin-top: 0!important;
	text-transform: uppercase;
	line-height: 1.3;
}

.neorest-carousel.style-2 .slick-slide > .module_content h2 + p,
.neorest-carousel.style-2 .slick-slide > .module_content h3 + p,
.neorest-carousel.style-2 p + p {
	margin-top: 0
}

.neorest-carousel.style-2 .module {
	min-height: 400px
}

.neorest-carousel.style-2 .slick-slide > .module_content + .module {
	width: 50%!important
}

.neorest-carousel.style-2 .slick-slide > .module_content + .module + .module {
	position: absolute;
	width: 25%;
	height: 200px!important;
	bottom: 100px;
	padding: 0;
	min-height: 100px;
	border-radius: 10px;
	left: 45%;
	transform: translateX(-50%);
}

.neorest-carousel.style-2 .slider-nav .wrapper > a {
	color: #272727
}

.neorest-carousel.style-2 .slider-nav .wrapper > a.prev:after {
	background-image: url(/images/icon_prev_black.svg);
}

.neorest-carousel.style-2 .slider-nav .wrapper > a.next:after {
	background-image: url(/images/icon_next_black.svg);
}

.neorest-carousel.style-2 .slide a {
	background: none!important;
	text-transform: none;
	font-size: 21px;
	margin-top: 20px;
	display: inline-block;
	color: var(--blue);
	position: relative;
	z-index: 0;
	padding: 0;
	padding-right: 88px;
	border: 0
}

.neorest-carousel.style-2 .slide a:before {
	content: "";
	display: block;
	height: 20px;
	width: 60px;
	background: url(/images/icon_arrowright-blue.png) no-repeat right 15px center;
	background-size: 100% auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

.neorest-carousel.style-2 .slide a:hover:before {
	background-image: url(/images/icon_arrowright-white.png)/**/
}

.neorest-carousel.style-2 .slide a:after {
	content: "";
	display: block;
	width: 37px;
	height: 37px;
	border: 1px solid var(--blue);
	border-radius: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	transition: all .5s ease;
}

.neorest-carousel.style-2 .slide a:hover:after {
	background: var(--blue);
	width: 85px;
	height: 85px;
	right: -27px;
	opacity: .4
}





.smart-toilet-tech {
	padding: 0!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
	max-width: 100%!important;
	display: flex!important;
	flex-flow: wrap;
}

.smart-toilet-tech > .module {
	flex: 1!important;
	width: auto!important;
	margin-top: 0!important;
	text-align: center;
	margin-bottom: 20px!important;
}

.smart-toilet-tech > .module > .module_content + .module {
	height: 400px;
	padding: 40px 20px;
	color: white;
	font-size: 24px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 0;
	text-shadow: 2px 2px 4px rgba(20, 20, 20, 1);
	background-color: #000;
}

.smart-toilet-tech > .module > .module_content + .module a {
	color: white
}

.smart-toilet-tech > .module > .module_content + .module.video-popup {
	padding: 0;
}

.smart-toilet-tech > .module > .module_content + .module.video-popup a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 40px 20px;
}

.smart-toilet-tech > .module > .module_content + .module:after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
	transition: all 1s ease;
}

.smart-toilet-tech > .module {
	&:hover, &:focus-visible, &:focus-within, &:focus {
		> .module_content + .module{
			text-shadow: 2px 2px 3px rgba(0,0,0,1), -2px -2px 3px rgba(0,0,0,1), 0px -2px 3px rgba(0,0,0,1), 0px 2px 3px rgba(0,0,0,1);
			&:after {
				 background: rgba(0,0,0,0.1)
			 }
		}
	 }
}

.smart-toilet-tech > .module > .module_content + .module .module_content {
	z-index: 1;
}

.smart-toilet-tech > .module > .module_content + .module + .module .module_content {
	padding: 20px;
	font-size: 14px
}

.smart-toilet-tech > .module > .module_content + .module img,
.smart-toilet-tech > .module > .module_content + .module svg {
	height: 50px;
	width: auto
}

.smart-toilet-tech > .module > .module_content + .module p,
.smart-toilet-tech > .module > .module_content + .module h3,
.smart-toilet-tech > .module > .module_content + .module h4 {
	color: white;
	margin: 0;
	font-size: 18px;
	font-weight: normal
}

.smart-toilet-tech > .module_content {
	background: black;
	padding: 40px 20px;
	width: 100%;
}

.smart-toilet-tech > .module_content > * {
	max-width: 1425px;
	margin: 0 auto;
	color: white;
	text-transform: none;
}

body .module.gradient-section .module.slideshow {
	width: 100%!important;
}

body .module.gradient-section {
	max-width: 100%!important;
	background: url(/images/gradient-bg.png) no-repeat right center;
	background-size: cover;
	padding-top: 64px!important;
	padding-bottom: 64px!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
	z-index: 0;
	.wrapper { padding-left: 0; padding-right: 0; }
}

body .module.gradient-section > .module_content, body .module.gradient-section > .module {
	z-index: 20
}

body .module.gradient-section > .module_content > * {
	text-transform: none;
	max-width: 1425px;
	margin-left: auto;
	margin-right: auto;
}

body .module.gradient-section:before {
	content: "";
	display: block;
	height: 150px;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: -1;
	top: 0;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgb(227,234,239) 0%, rgba(255,255,255,0) 100%);
}

body .module.gradient-section.top-white-fade:before,
body .module.gradient-section.white-fade:before
{
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

body .module.gradient-section:after {
	content: "";
	display: block;
	height: 150px;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 5;
	bottom: 0;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgb(227,234,239) 0%, rgba(255,255,255,0) 100%);
}

body .module.gradient-section.bottom-white-fade:after,
body .module.gradient-section.white-fade:after {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

body .module.gradient-section.end {
	padding-bottom: 0!important;
	margin-bottom: 0!important
}

body .module.gradient-section.end ~ footer {
	margin-top: 0!important
}

body .module.gradient-section .evolution-section {
	width: calc(100% + 48px)!important;
	max-width: calc(100% + 48px)!important;
	margin-left: -24px;
}

body .module.gradient-section .heading {
	padding: 0;
	text-transform: none;
	max-width: 1425px;
	margin-left: auto;
	margin-right: auto;
}

body .module.gradient-section .heading.transparent-bg {
	max-width: 1425px!important;
	background: none!important;
}

body .module.gradient-section .heading:not(.transform) h2 {
	text-transform: none;
}

body .module.gradient-section.no-fade:before, body .module.gradient-section.no-fade:after {display: none; }


.showroom-section {
	display: flex!important;
	flex-flow: wrap;
	overflow: hidden;
}

.showroom-section > .module_content, .showroom-section > .module > .module_content > *  {
	font-size: 28px;
	color: #272727;
	line-height: 1.2;
	text-transform: none;
	font-weight: normal
}

.showroom-section > .module {
	max-width: 1425px;
	margin: 0 auto;

}

.showroom-section > .module_content + .module {
	margin-top: 0!important;
	width: 100%;
	padding-right: calc(min(calc(100% - 1425px / 3), calc(100% / 3)) + 20px);
}

.showroom-section > .module:nth-child(3) {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	position: absolute;
	right: -50px;
	height: calc(100% - 50px);
	max-width: initial;
	padding-right: 0;
	margin-top: 0!important;
	top: 50%;
	transform: translateY(-50%);
}

.showroom-section.has-bottom-links > .module:nth-child(3) {
	top: calc(50% - 150px);
	height: calc(100% - 320px);
}

.showroom-section {
	.bottom-links {
		margin: 0 -24px;
		margin-top: 150px;
		border-top: 1px solid #B8CADA;
		padding: 40px 0 0;
		width: calc(100% + 48px);
		max-width: calc(100% + 48px);
		ul {
			list-style-type: none;
			display: flex;
			padding: 0;
			margin: 0;
			li {
				flex: 1;
				text-align: center;
				padding: 0 20px;
				&:not(:last-child) { border-right: 1px solid #B8CADA; }
				a {
					font-size: 21px;
					font-weight: normal;
				}
			}
		}
	}
}

.showroom-form-results:empty {
	display: none
}

.showroom-form-results {
	display: flex;
	flex-flow: wrap;
}

.showroom-form-results .showroom {
	padding-right: 20px;
	font-size: 16px;
	width: calc(100% / 3);
}

.showroom-form-results .showroom :headings {
	font-size: 16px;
	margin-bottom: 10px;
	word-break: break-word;
	text-transform: none;
}

.showroom-form-results .showroom p {
	margin: 0;
	line-height: 1.3;
	text-transform: uppercase;
}

.showroom-form-results .showroom a[href^="tel"] {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 25px;
}

.showroom-form-results .showroom a[href^="tel"]:hover {
	color: var(--blue)
}

.showroom-form-results .showroom a[href^="tel"]:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 8px;
	background: url(/images/phone-solid-blue.svg) no-repeat left center;
	background-size: contain
}

.showroom-form-results .showroom a:not([href^="tel"]) {
	color: var(--blue);
	text-transform: none;
	font-weight: bold
}

.showroom-form-results a.additional {
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal!important;
}

form.showroom-form {
	display: flex;
	margin: 64px 0
}
form.showroom-form .placeholder-input {
	flex: 1;
	margin-top: 0;
}

form.showroom-form .placeholder-input label {
	font-size: 18px;
	left: 30px;
	right: 30px;
	overflow: hidden;
	max-width: calc(100% - 40px);
	width: auto;
}

form.showroom-form .placeholder-input.has-value label {
	right: unset;
	left: 0;
	top: -5px;
	transform: translateY(-100%);
	background: transparent;
	font-size: 16px;
	max-width: unset
}

form.showroom-form input {
	flex: 1;
	border: 0;
	background: white;
	padding: 18px 30px;
	font-size: 18px;
	text-transform: uppercase;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	outline: none;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);
	margin: 0;
	width: 100%;
}

form.showroom-form button {
	font-family:"Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
	background: var(--blue);
	color: white;
	font-size: 18px;
	border: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-transform: uppercase;
	padding-left: 30px;
	padding-right: 30px;
	cursor: pointer;
}

.warranty-section {
	display: flex!important;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	background: rgba(255, 255, 255, 0.2);
	background: linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
	padding: 40px 0;
	box-shadow: 15px 0 15px 0 rgba(0,0,0,0.01);
	margin: 100px auto
}

.warranty-section > .module_content {
	display: none
}

.warranty-section .module {
	margin: 0!important;
}

.warranty-section > .module_content + .module {
	width: 30%!important;
	position: absolute;
	left: -20px;
	top: -80px;
	bottom: -80px;
	background-size: contain;
	background-position: left center
}

.warranty-section > .module_content + .module + .module {
	width: auto!important;
	flex: 1;
	padding-left: 25%
}

.warranty-section > .module_content + .module + .module h2  {
	margin-bottom: 15px;
	text-transform: none;
}

.warranty-section > .module_content + .module + .module p  {
	margin: 0;
	font-size: 18px
}

.warranty-section > .module_content + .module + .module + .module {
	width: 25%!important;
	text-align: right;
	padding-right: 45px;
}

.warranty-section > .module_content + .module + .module + .module a {
	display: inline-block;
	text-decoration: none;
	background: var(--blue);
	color: white;
	font-size: 18px;
	border: 0;
	/*border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;*/
	text-transform: uppercase;
	padding: 12px 40px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
}


/* compare table */
.compare-table-wrapper {
	max-width: 100%;
	overflow-x: auto;
}
.compare-table {
	border-collapse: collapse;
	width: 100%;
 	margin-top: 64px;
	tbody {
		&:not(:first-child) {
			tr:not(.h) {
				td:first-child { text-align: right; padding-top: 10px!important; padding-right: 10px!important; padding-left: 10px!important }
			}
		}
		tr {
			td,th {
				text-align: center;
				vertical-align: middle;
				padding: 10px 10px 10px 0;
				font-weight: bold;
				.dot {
					display: inline-block;
					width: 15px;
					height: 15px;
					background: #7D7D7D;
					border-radius: 100%;
					margin-top: 8px
				}
				&:first-child { min-width: 30px; }
			}
			&:first-child {
				td, th {
					vertical-align: top;
					img {
						max-height: 300px;
						width: auto;
					}
					h3 {
						font-size: 24px
					}
				}
			 }
			&:nth-child(2) {
				td, th {
					img {
						display: inline-block;
						height: 25px;
						width: auto;
						margin: 0 8px;
					}
				}
			 }
			&:nth-child(3) {
				td, th {
					a {
						color: var(--blue);
						font-size: 14px;
						display: inline-block;
						text-decoration: none;
						text-align: center;
						padding: 10px 20px;
						background: #FAFAFA;
						font-weight: bold;
						width: 100%;
						max-width: 200px;
						transition: all .5s ease;
						&:hover {
							background: var(--blue);
							color: white;
						 }
					}
				}
			}

			&:nth-child(4) ~ tr td:first-child, &:nth-child(4) ~ tr td + td, &:nth-child(4) ~ tr td + th { padding-left: 0; img { width: 39px; height: auto; float: right; } }
			&:nth-child(4) ~ tr td:first-child { text-align: right; padding-right: 10px; padding-left: 10px }
			&:nth-child(4) ~ tr { td:first-child + td, td:first-child + th {text-align: left; padding: 10px 10px 10px; line-height: 1.4} }
			&:nth-child(4) ~ tr:nth-child(odd) { td, th { background: #EAEDF2; } }
			&.h {
				td, th {
					padding: 10px 0 10px;
					text-align: left!important;
					background: white!important;
					h3, .h3 {
						font-size: 21px;
						color: var(--blue)
					}
				}
			}
			&.h {
				td, th {
					padding-top: 35px!important;
				}
			 }

		}
	&.hidable {
		tr.first-dot {
			td:first-child + td, td:first-child + th {
				text-align: left!important;
				padding: 10px 0px 10px!important;
			}
		}
		tr {
			&:nth-child(even) { td, th { background: white; } }
			&:nth-child(odd) { td, th { background: #EAEDF2; } }
			&:nth-child(4) {
				td, th { padding: 10px 10px 10px 0px!important; }
			 }
			td:first-child, th:first-child {
				padding: 10px 10px 10px 0px!important;
				img { float: right; }
			}
			 td:first-child + td, td:first-child + th { padding-left: 0; text-align: left  }
		}
	 }

	}
	tfoot {
		tr td {
			padding-top: 64px;
			text-align: center;
			a {
				display: inline-block;
				 text-decoration: none;
				color: white;
				background: var(--blue);
				position: relative;
				font-size: 14px;
				font-weight: bold;
				padding: 15px 80px 15px 25px;
				transition: all .5s ease;
				&:hover { background: black; }
				i {
					display: block;
					width: 18px;
					height: 100%;
					position: absolute;
					top: 50%;
					right: 25px;
					transform: translateY(-50%);
					opacity: 0.8;
					background: url(/images/arrow-down-white.svg) no-repeat center center / contain;
					background-size: contain;
				 }
			}
		}
	}

	&.on {
		tfoot {
			tr td {
				a {
					i {
						background-image: url(/images/arrow-up-white.svg);
					 }
				}
			}
		}
	 }



}

.compare-table-wrapper:not(.compare-washlet) .compare-table tbody:not(.hidable) tr.h:not(:nth-child(4)):not(.hidden-tr),
.compare-table-wrapper:not(.compare-washlet) .compare-table tbody:not(.hidable) tr.h:not(:nth-child(4)) ~ tr:not(.hidden-tr) {
	display: none
}

/*.compare-table-wrapper.compare-washlet .compare-table tbody tr.h:not(:nth-child(n+1)):not(.hidden-tr),
.compare-table-wrapper.compare-washlet .compare-table tbody tr.h:not(:nth-child(n+1)) ~ tr:not(.hidden-tr) {
	display: none
}*/


/*.page-washlet tbody tr.h:not(:nth-child(4)):not(.hidden-tr),
.page-washlet tbody tr.h:not(:nth-child(4)) ~ tr:not(.hidden-tr) {
	display: block;
}*/

.section-heading {
	max-width: 1425px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 64px;
	+ .module { margin-top: 0; }
	h1, h2, h3 {
		text-transform: none;
	}
}

.module.image-hover-blocks {
	max-width: 1425px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 64px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	&.three {grid-template-columns: 1fr 1fr 1fr;}
	div:empty { display: none; }

	> div, > div > a, > li, > li > .module,  > li > .module > a,  > li.module > a,  > li.module > div.inner {
		width: 100%;
		display: flex!important;
		flex-direction: column;
		float: none;
		margin: 0!important;
		 > .module_content + div:not(.title-element),
		 > div.description-element {
			min-height: 400px;
		 	position: relative;
		 	order: 0;
			 .module_content {
				 opacity: 0;
				 padding: 40px 30px 60px!important;
				 position: absolute;
				 top: 0;
				 left: 0;
				 right: 0;
				 bottom: 0;
				 background: rgba(255, 255, 255, 0.9);
				 color: #1d1d1d;
				 transition: opacity .5s ease;
				 p {color: #1d1d1d;}
				 a, .arrow-link-btn {
					 position: absolute;
					 bottom: 30px;
					 width: calc(100% - 60px);
				 }
			 }

		 }

		&:hover, &:focus, &:focus-visible, &:focus-within {
			.module_content + div:not(.title-element) .module_content,
			div.description-element .module_content {
				opacity: 1; font-size: 16px; font-weight: normal;
				:headings { font-size: 20px; }
			}
			div:last-child:not(.description-element), div.title-element { color: var(--blue); }
		}

		> div:last-child:not(.description-element),
		> div.title-element {
			order: 2
		}

		> div:last-child:not(.description-element) .module_content,
		> div.title-element .module_content,
		li:last-child > .module > div:last-child:not(.description-element) .module_content,
		li:last-child > .module > div.title-element .module_content{
			font-size: 18px;
			padding: 20px 0;
			font-weight: bold;
			text-transform: none;
		}
		> div:last-child:not(.description-element) .module_content :headings,
		> div.title-element .module_content :headings,
		li:last-child > .module > div:last-child:not(.description-element) .module_content :headings,
		li:last-child > .module > div.title-element .module_content :headings {
			font-size: 18px;
			padding: 0;
			margin: 0;
			font-weight: bold;
			text-transform: none;
		}
	}
}

a.arrow-link-btn, span.arrow-link-btn {
	background: none !important;
	text-transform: none !important;
	font-size: 16px;
	margin-top: 20px;
	display: inline-block;
	color: var(--blue)!important;
	font-weight: bold;
	position: relative;
	z-index: 0;
	padding: 0;
	padding-right: 88px;
	border: 0;
	i:first-child {
		 display: block;
		 height: 20px;
		 width: 60px;
		 background: url(/images/icon_arrowright-blue.png) no-repeat right 15px center;
		 background-size: 100% auto;
		 position: absolute;
		 right: 0;
		 top: 50%;
		 -webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
		 transform: translateY(-50%);
		 z-index: 2;
	 }
	 i:last-child {
		  display: block;
		  width: 37px;
		  height: 37px;
		  border: 1px solid var(--blue);
		  border-radius: 100%;
		  position: absolute;
		  right: 0;
		  top: 50%;
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
		  z-index: 1;
		  -webkit-transition: all .5s ease;
		  transition: all .5s ease;
	  }

	  &:hover, &:focus, &:focus-visible {
		i:first-child {
			 background-image: url(/images/icon_arrowright-white.png);
		 }

		i:last-child {
			  background: var(--blue);
			  width: 85px;
			  height: 85px;
			  right: -27px;
			  opacity: .4;
		  }
	   }
	&.white {
		color: white!important;
		i:first-child { background-image: url(/images/icon_arrowright-white.png); }
		i:last-child { background: transparent; border-color: white; }
		&:hover i:last-child { background: rgba(255, 255, 255, .4); }
	 }

	&.black {
		 color: black!important;
		i:first-child { background-image: url(/images/icon_arrowright-black.png); }
		i:last-child { background: transparent; border-color: black; }
		&:hover i:last-child { background: rgba(0,0,0, .4); }
	}

	&.light { font-weight: 300; }
	 &.small {
		  font-size: 14px;
			padding-right: 60px;
			i:first-child { width: 50px; background-position: right 10px center; }
			i:last-child { width: 25px; height: 25px; }
			 &:hover i:last-child {
				width: 35px;
				height: 35px;
				right: -5px;
			  }
	  }
}

.module.new-left-image-content {
	max-width: 1425px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	> .module_content {display: none}
	> .module_content + div {
		box-shadow: 0 0 10px rgb(19 68 157 / 50%);
		border-radius: 10px;
		min-height: 400px;
		width: 50%;
		margin-top: 0!important;
		margin-bottom: 20px!important;
	}
	> .module_content + div + div {
		padding: 64px 20px 64px 80px;
		margin-top: 0!important;
		margin-bottom: 20px!important;
		h4, .h4 {
			font-size: 31px;
			font-weight: normal;
			margin-top: 0 !important;
			text-transform: uppercase;
			line-height: 1.2;
			color: #272727;
			margin-bottom: 0;
		}
		h3, .h3 {
			color: #272727;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 16px;
			line-height: 1;
			padding: 0
		}
		p {
			color: #272727;
			font-size: 16px;
			line-height: 1.5
		}
		a {
			font-size: 21px;
			width: 100%;
			max-width: 250px;
			font-weight: normal;
		}
	}
}


.module.cta-banner {
	margin: 0!important;
	max-width: 100%!important;
 	height: 650px!important;
	display: flex!important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #000;
	.module_content {
		max-width: 1425px;
		margin: 0 auto;
		padding: 0 40px;
		text-align: center;
		color: white;
		text-shadow: 0 2px 7px rgba(0, 0, 0, 1);
		h2, .h2, h3, .h3 { text-transform: uppercase; font-size: 34px; margin-bottom: 20px }
		h4, .h4 { text-transform: uppercase; font-size: 24px; font-weight: normal }
		p { color: white; font-size: 21px; }
		a {
			text-decoration: none;
			color: black;
			background: white;
			padding: 10px 35px;
			text-transform: none;
			font-weight: bold;
			display: inline-block;
			margin-top: 20px;
			transition: all .5s ease;
			&:hover {
				color: black;
				background: white;
			 }
		}
	}
	.module.zoomable { max-width: 1425px; margin: 0 auto; overflow: hidden!important; }
	.module.zoomable .module_content img { display: block; }
	.zoomable .module_content { transition: all .5s ease-in-out; }
	.zoomable:hover .module_content { transform: scale(1.2) }
}

.module.last { margin-bottom: 0!important; }
.module.last ~ footer { margin-top: 0!important;}


.captionimage{position:relative;display:inline-block;line-height:0px;}
.captionimage > span{position:absolute;left:0px;bottom:0px;width:100%;padding:8px 0;background:rgba(0,0,0,0.3);color:white;text-align:center;font-size:16px;line-height:16px;}
.captionimage.dark > span{background:rgba(255, 255, 255, 0.3);color:black;}

.quizmodalinline {
	display: flex;
	position: relative;
	background: white;
	box-shadow: 0px 0px 24px rgba(188, 207, 221, 0.4);
	overflow: hidden;
}
.quizmodalinline > *{display:block;vertical-align:top;width:50%;}
.quizmodalinline > .img { background-repeat: no-repeat; background-position: center center; background-size: cover;  }
.quizmodalinline > .img:after {height: 100%; content: ""; display: block; padding-top: 100%; }
.quizmodalinline > .text{padding:50px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.quizmodalinline > .text .title{font-size: 28px; font-weight: normal; margin-bottom:20px; line-height: 1.2; text-transform: none!important; }
.quizmodalinline > .text .description{margin-bottom: 40px; color: #585858; font-size: 21px; line-height: 1.5; }
.quizmodalinline > .text .button{ font-size: 18px; font-weight: bold; display:inline-block;padding:8px 25px;background:var(--blue);color:white;text-transform:uppercase;text-align:center;cursor:pointer;}

.quizmodalpopup_bg{display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;background: url(/images/quiz-bg.jpg) no-repeat center center #DFE7EE; background-size: cover; opacity: 1;z-index:100000;cursor:pointer;}
.quizmodalpopup_bg.on{display:block;}
.quizmodalpopup_bg:after{
	content: "";
	display:block;
	width: 100%;
	height: 50vh;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}
.quizmodalpopup{
	display:none;
	position:fixed;
	left:50%;
	top: calc(50% + 50px);
	transform: translate(-50%, -50%);
	width: calc(100% - 40px);
	max-width: 1425px;
	height: calc((var(--vh, 1vh) * 100) - 185px);
	max-height: calc(var(--vh, 1vh) * 100 - 185px);
	background: #F0F4F7;/*rgba(255,255,255,0.5);*/
	color:black;
	z-index:100001;
}
.quizmodalpopup:is(:focus, :focus-visible){
	/*outline: 2px solid $(blue)*/
}
.quizmodalpopup.on{display:block;}
body.quizmodal-on > main > .module.secondary-menu, body.quizmodal-on > header.main { z-index: -1!important; }
.quizmodalpopup a{text-transform:none;}

.quizmodalpopup .header {
	position: absolute;
	width: 100%;
	top: 0;
	display: flex;
	transform: translateY(-100%);
}

.quizmodalpopup .header > .title {text-transform: none; margin: 0 0 0 auto; color:#42424D;font-size: 45px; font-weight: normal; }
.quizmodalpopup .header > .totorecommends{display:none;color:black;font-size:22px;}
.quizmodalpopup .header > .totorecommends img{display:block;}
.quizmodalpopup.onresult .totorecommends{display:block;}

.quizmodalpopup.onresult .hide-on-result{display:none;}
.quizmodalpopup.onresult .show-on-result{display:initial;}
.quizmodalpopup:not(.onresult) .show-on-result{display:none;}
.quizmodalpopup:not(.onresult) .hide-on-result{display:initial;}

.quizmodalpopup > .totorecommends strong{display:block;height:32px;font-size:28px;font-weight:bold;}
.quizmodalpopup > .inner{
	background: transparent;
	overflow: hidden;
	height: 100%;
	padding: 70px 50px 105px;
}
.quizmodalpopup > .inner > .goback{position:absolute;left:50px;bottom:70px;cursor:pointer;user-select:none;}
.quizmodalpopup > .inner > .progress{position:absolute;left:0px;bottom:0px;width:100%;height: 5px;background:#DFE7EF;}
.quizmodalpopup > .inner > .progress .bar{position:absolute;left:0px;top:0px;height:100%;background:black;}
.quizmodalpopup > .inner > .content { height: 100%; overflow-y: auto }
.quizmodalpopup > .inner > .content > .slide { display: flex; flex-flow: wrap; justify-content: space-between; }
.quizmodalpopup > .inner > .content .button{display:inline-block;padding:8px 25px;background:var(--blue);color:white;text-transform:uppercase;text-align:center;cursor:pointer;font-size:14px;}
.quizmodalpopup > .inner > .content .slide > * {
	/*height: 100%;*/
}
.quizmodalpopup > .inner > .content .slide > .question{ font-size: 36px; flex: 1; padding-right: 20px;  }
.quizmodalpopup > .inner > .content .slide > .question > .sub{margin-top:25px;font-size:16px;color:#ABADAE;text-transform:uppercase; font-weight: 600}
.quizmodalpopup > .inner > .content .slide > .question > .question{font-size: 36px;font-weight: 500;line-height: 1.2;}
.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff{ cursor: pointer; color: #202020; display:inline-block;position:relative;margin-top:50px;font-size:14px;font-weight:bold;text-transform:uppercase;}
.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff:hover .label { color: var(--blue);}
.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff > div{
	display:none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 40px);
	max-width: 1024px;
	font-weight:normal;
	font-size: 21px;
	line-height: 1.4;
	background:white;
	text-transform:none;
	color: #585858;
	z-index: 100;
	box-shadow: 0px 0px 13px #DCE3F1;
	padding: 64px;
	overflow-y: auto;
	.x {
		position: absolute;
		right: 30px;
		top: 30px;
		text-indent: -999999px;
		width: 30px;
		height: 30px;
		background: url(/images/x.svg) no-repeat center center;
		background-size: contain;
	}
}

.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff.on {
	&:after {
		content: "";
		display: block;
		position: fixed;
		z-index: 50;
		background: rgba(225, 231, 238, 0.8);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	 }
}

.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff > div:empty{display:none!important;}
.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff.on > div {display:block;}
.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 1px solid var(--blue);
	background: url(/images/blue-question-mark.svg) no-repeat center center;
	background-size: 13px auto;
	border-radius: 100%;
	float: left;
	margin-right: 10px
}
.quizmodalpopup > .inner > .content .slide > .picks {
	width: calc(100% * 2 / 3);
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.quizmodalpopup > .inner > .content .slide > .picks > .pick{
	width: calc(50% - 20px);
	margin-bottom:25px;
	cursor:pointer;
	user-select:none;
	display: flex; flex-flow: wrap;
	flex-direction: column;
	background: white;
	border: 5px solid white;
	box-shadow: 0px 0px 13px #DCE3F1;
}
.quizmodalpopup > .inner > .content .slide > .picks > .pick > .img {
	width: 100%;
	padding-top: calc(100% - 80px);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: white;
	height: 0
}
.quizmodalpopup > .inner > .content .slide > .picks > .pick.gpf-pick[data-prevanswer="Concealed"][data-choice="1"] > .img {
	background-image: url(/filemanager_uploads/quiz/commercial/concealed-1.0-gpf.png)!important;
}
.quizmodalpopup > .inner > .content .slide > .picks > .pick.gpf-pick[data-prevanswer="Concealed"][data-choice="1.28"] > .img {
	background-image: url(/filemanager_uploads/quiz/commercial/concealed-1.28-gpf.png)!important;
}
.quizmodalpopup > .inner > .content .slide > .picks > .pick.gpf-pick[data-prevanswer="Exposed"][data-choice="1"] > .img {
	background-image: url(/filemanager_uploads/quiz/commercial/exposed-1.0-gpf.png)!important;
}
.quizmodalpopup > .inner > .content .slide > .picks > .pick.gpf-pick[data-prevanswer="Exposed"][data-choice="1.28"] > .img {
	background-image: url(/filemanager_uploads/quiz/commercial/exposed-1.28-gpf.png)!important;
}
.quizmodalpopup[choices*="Non-Skirted"] > .inner > .content .slide > .picks > .pick[data-choice="Regular Seat"] > .img {
	background-image: url(/filemanager_uploads/quiz/residential/non-skirted-regular-seat.png)!important;
}
.quizmodalpopup[choices*="Non-Skirted"] > .inner > .content .slide > .picks > .pick[data-choice="WASHLET Bidet Seat"] > .img {
	background-image: url(/filemanager_uploads/quiz/residential/non-skirted-washlet-bidet-seat.png)!important;
}
.quizmodalpopup > .inner > .content .slide > .picks > .pick > .text{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin:0px;padding: 0 10px;text-align:center; font-size: 26px; height: 80px; line-height: 1; }
.quizmodalpopup > .inner > .content .slide > .picks > .pick:hover,
.quizmodalpopup > .inner > .content .slide > .picks > .pick.active {
	border-color: black;
	background: black;
	box-shadow: 0;
	.text {
		color: white;
		background: black;
	}
}
.quizmodalpopup > .inner > .content .slide > .result .img-wrapper { width: 33.33%; }
.quizmodalpopup > .inner > .content .slide > .result .img-wrapper .img { overflow: hidden; position: relative; width: 100%; padding-top: 100%; height: 0; box-shadow: 0px 0px 13px #DCE3F1; background: white; position: relative; }
.quizmodalpopup > .inner > .content .slide > .result .img-wrapper .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.quizmodalpopup > .inner > .content .slide > .result{ width: 100%; display: flex; flex-flow: wrap; justify-content: space-between }
.quizmodalpopup > .inner > .content .slide > .result .details{ width: calc(100% * 2 / 3 - 40px) }
.quizmodalpopup > .inner > .content .slide > .result .title{font-size:24px;font-weight:normal;margin-bottom:15px; text-transform: uppercase;line-height: 1.2}
.quizmodalpopup > .inner > .content .slide > .result .button {border:0; transition: all 0.5s ease; }
.quizmodalpopup > .inner > .content .slide > .result .button:hover {background: black; }
.quizmodalpopup > .inner > .content .slide > .result .alsolike{font-size:16px;margin-top:25px;margin-bottom:10px;text-transform:uppercase; color: rgba(32, 32, 32, 0.4);}
.quizmodalpopup > .inner > .content .slide > .result .similar > a{float: left; display:inline-flex; align-items: center; vertical-align:top;width: calc(50% - 10px); margin-bottom: 15px;font-size:12px; margin-right: 20px;text-decoration: none;cursor: pointer;}
.quizmodalpopup > .inner > .content .slide > .result .similar > a:hover { background: white; transition: all 0.5s ease;  }
.quizmodalpopup > .inner > .content .slide > .result .similar > a:nth-child(even){margin-right: 0}
.quizmodalpopup > .inner > .content .slide > .result .similar > a > *{display:inline-block;vertical-align:top;}
.quizmodalpopup > .inner > .content .slide > .result .similar > a > .img{ width:120px; height: 100px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-color: white;}
.quizmodalpopup > .inner > .content .slide > .result .similar > a > .side{flex: 1; padding:10px ;}
.quizmodalpopup > .inner > .content .slide > .result .similar > a > .side > .title{ text-transform: none; font-size: 14px; margin-bottom:5px;}
.quizmodalpopup > .inner > .content .slide > .result .similar > a > .side > .sku{font-size: 14px; color:#666;}
.quizmodalpopup > .inner > .content > .slide{display:none;}
.quizmodalpopup[slide="pickaside"] > .inner > .content > .slide.pickaside{display: flex;}
.quizmodalpopup > .inner > .content .slide > .result > .item { display: flex; flex-flow: wrap; width: 100%; justify-content: space-between; }
.quizmodalpopup > .inner > .content .slide > .result > .item + .item { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255, 0.7) }
/*
Dynamically added in php
@for index in range(1, 100) {
	.quizmodalpopup[side="residential"][slide="slide_#(index)"] > .inner > .content > .slide.slide_#(index)[data-side="residential"]{display: flex;}
	.quizmodalpopup[side="commercial"][slide="slide_#(index)"] > .inner > .content > .slide.slide_#(index)[data-side="commercial"]{display: flex;}
	.quizmodalpopup[side="washlet"][slide="slide_#(index)"] > .inner > .content > .slide.slide_#(index)[data-side="washlet"]{display: flex;}
	.quizmodalpopup[side="washletplus"][slide="slide_#(index)"] > .inner > .content > .slide.slide_#(index)[data-side="washletplus"]{display: flex;}
}*/
.quizmodalpopup.exraheight{/*height:600px;margin-top:-300px;*/}


a.left-arrow-link-btn, span.left-arrow-link-btn {
	background: none !important;
	text-transform: none !important;
	font-size: 20px;
	margin-top: 20px;
	display: inline-block;
	color: #585858!important;
	font-weight: 300;
	position: relative;
	z-index: 0;
	padding: 0;
	padding-left: 88px;
	border: 0;
	&:before {
		 content: "";
		 display: block;
		 height: 20px;
		 width: 60px;
		 background: url(/images/icon_arrowleft-blue.png) no-repeat left 10px center;
		 background-size: 100% auto;
		 position: absolute;
		 left: 0;
		 top: 50%;
		 -webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
		 transform: translateY(-50%);
		 z-index: 2;
	 }
	&:after {
		 content: "";
		 display: block;
		 width: 27px;
		 height: 27px;
		 border: 1px solid var(--blue);
		 border-radius: 100%;
		 position: absolute;
		 left: 0;
		 top: 50%;
		 -webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
		 transform: translateY(-50%);
		 z-index: 1;
		 -webkit-transition: all .5s ease;
		 transition: all .5s ease;
	 }

	&:hover {
		&:before {
			 background-image: url(/images/icon_arrowleft-white.png);
		 }
		&:after {
			 background: var(--blue);
			 width: 85px;
			 height: 85px;
			 left: -27px;
			 opacity: .4;
		 }
	}
}


.social-share {
	> a {
		display: inline-block;
		margin-right: 15px;
		font-size: 28px;
	}
}

.blog-tips-header {
	margin-bottom: 30px!important;
	text-align: center
}

.blog-tips-header + .wrapper > .module:first-child {
	padding-top: 0!important
}

.post-back-wrapper {
	margin: 80px 0 0;
}

.floating-menu {
	position: fixed;
	z-index: 100;
	margin: 0!important;
	top: 34px;
	bottom: 0;
	background: black;
	color: white;
	display: flex!important;
	justify-content: center;
	align-items: center;
	max-width: 100%!important;
	transition: all 0.5s ease;
}

.floating-menu ul { list-style-type: none; padding-left: 0 }
.floating-menu ul li { line-height: 1.2; padding: 15px 0}
.floating-menu ul li.indented { padding-left: 20px }
.floating-menu ul li a { color: white!important; font-size: 24px; font-weight: 600 }
.floating-menu ul ul { padding-left: 20px; padding-top: 15px }
.floating-menu ul ul li a { text-transform: none }
.floating-menu ul ul li a:before { content: ""; display: inline-block; height: 20px; width: 25px; margin-right: 8px; background: url(/images/arrow-right-white.svg) no-repeat left center; background-size: contain; }
.floating-menu ul li a.external:after { content: ""; display: inline-block; height: 20px; width: 25px; margin-left: 5px; background: url(/images/arrow-right-white.svg) no-repeat left center; background-size: contain; transform: rotate(-45deg) }
.floating-menu ul ul li:last-child { padding-bottom: 0 }
.floating-menu h1, .floating-menu h2, .floating-menu h3 { position: absolute; top: 40px; left: 40px; font-size: 22px  }
.floating-menu button.menu-toggle {
	background: white;
	appearance: none;
	font-size: 17px;
	color: black;
	line-height: 50px;
	padding: 0 30px;
	border-radius: 30px;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
	position: absolute;
	top: 40px;
	right: 40px;
	border: 2px solid transparent;
}

.floating-menu .menu-toggle { display: flex; align-items: center; min-width: 151px; justify-content: space-between; }
.floating-menu .menu-toggle i { display: block; width: 21px; line-height: 1; }
.floating-menu .menu-toggle i span { display: block; width: 21px; height: 2px; background: black; margin-bottom: 5px; transition: margin 0.1s 0s ease-out, transform 0.1s 0.1s ease-in, background-color 0.2s linear, -webkit-transform 0.1s 0.1s ease-in;}
.floating-menu .menu-toggle i span:last-child { margin-bottom: 0px}
.floating-menu.on .menu-toggle i span { margin-bottom: -0.06944vw; }
.floating-menu.on .menu-toggle i span:first-child { transform: rotate(45deg); }
.floating-menu.on .menu-toggle i span:last-child { transform: rotate(-45deg); }

.floating-menu:not(.on) { background: transparent; bottom: unset }
.floating-menu:not(.on) .module_content { display: none; }
.floating-menu:not(.on) .menu-toggle.dark { background: #3E4042; color: white }
.floating-menu:not(.on) .menu-toggle.dark i span  { background: white }

.floating-menu button.menu-toggle {
	&:focus, &:focus-visible, &:focus-within { display: flex; }
}


.module.videoHero { overflow: hidden; padding: 0!important; position: relative; width: 100%!important; max-width: 100%!important; margin: 0!important; height: calc(100vh - 34px); z-index: 0; background-color: #000  }
.module.videoHero .module_content { width: 100%; height: 100%; }
.module.videoHero .video-hero { width: 100%; height: 100%; display: flex; flex-flow: wrap; align-items: flex-end; justify-content: center; padding: 64px; }
.module.videoHero .video-hero .background { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; }
.module.videoHero .video-hero .background > * { min-height: 100%; min-width: 100%; max-height: none; max-width: none; }
.module.videoHero .video-hero .background video.mobile-video, .module.videoHero .video-hero .background .mobile-poster { display: none }
.module.videoHero .content {
	color: white;
	width: 100%;
	max-width: 1425px;
	text-shadow: $(text-shadow)
}
.module.videoHero .content h1 { position: absolute; top: 50px; left: 50px; font-size: 16px }
.module.videoHero .content h2 { font-size: 28px; font-weight: normal; margin: 0 0 20px; text-transform: none }
.module.videoHero .content .video-popup { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; width: 84px; height: 84px; border-radius: 100%; border: 2px solid white; text-align: center;  }
.module.videoHero .content .video-popup span { font-size: 10px; font-weight: 600  }
.module.videoHero .content .video-popup i { display: block; margin: 0 auto; width: 18px; height: 18px; background: url(/images/play-white.svg) no-repeat center center; background-size: contain; margin-bottom: 5px  }

.module.videoHero .scroll {position: absolute; bottom: 50px; right: 50px; color: white; text-shadow: $(text-shadow); }


.big-text-block { color: #353535; }
.big-text-block h3 { text-transform: none; margin-bottom: 30px; }


.message-section { color: #353535; position: relative; background: #F4F5F6; display: flex!important; flex-flow: wrap; max-width: 100%!important; padding: 0!important; }
.message-section .module_content:empty { display: none }
.message-section > .module { flex: 1  }
.message-section > .module:nth-child(2) { padding-top: 50%;margin: 0!important; }
.message-section > .module:nth-child(3) { margin: 0!important; padding: 40px; display: flex!important; justify-content: center; align-items: center; }
.message-section .read-more-modal { display: none; flex: unset }
.message-section > .module:nth-child(3) h3 { text-transform: none; font-size: 44px }
.message-section > .module:nth-child(3) h4 { position: relative; padding-left: 50px; }
.message-section > .module:nth-child(3) h4:before {
	content: '';
	display: block;
	background: #2f88ce;
	position: absolute;
	left: 0;
	top: 50%;
	width: 40px;
	height: 2px
}
.message-section > .module:nth-child(3) a { line-height: 1; font-weight: 600; float: right; display: inline-block; padding-left: 22px; }
.message-section > .module:nth-child(3) a:before {
	display: block;
	content: '';
	background: #2f88ce;
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 2px;
}
.message-section > .module:nth-child(3) a:after {
	display: block;
	content: '';
	background: #2f88ce;
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 2px;
	transform: rotate(90deg);
}

.modal.message-modal h3 { text-transform: none; }
.modal.message-modal .sign { text-align: right }
.big-text-block h3 { font-size: 32px; }

.big-text-block h2, .links-hover-blocks h2 {
	position: relative;
	padding-left: 50px;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 0
}

.big-text-block h2:before, .links-hover-blocks h2:before {
	content: '';
	display: block;
	background: #2f88ce;
	position: absolute;
	left: 0;
	top: 50%;
	width: 40px;
	height: 1px;
}

.big-text-block .default-btn.external {
	border-color: #dfdfdf!important;
	border-width: 2px!important;
	float: right;
	margin-top: 20px
}
.big-text-block .default-btn.external:hover {
	border-color: #0499D9!important;
	background-color: #0499D9!important;
}

.big-text-block .border-image {border: 2px solid #dfdfdf; display: inline-block; }
.big-text-block small { font-size: 14px; letter-spacing: 1px; text-transform: none }
.big-text-block h5 { font-size: 14px; text-transform: none; margin-top: 0 }
.big-text-block h3 + h5 { margin-top: -25px }

.applicable-products .Accordion { margin-top: 20px; width: 100%; border: 2px solid #dfdfdf; padding: 0!important; }
.applicable-products .Accordion > li { margin: 0!important; border: 0!important ; }
.applicable-products .Accordion > li button { cursor: pointer!important; }
.applicable-products .Accordion > li:not(:last-child) { border-bottom: 2px solid #dfdfdf!important ; }
.applicable-products .Accordion .accordion-title  { padding: 16px 20px; font-size: 24px; font-weight: bold; color: #44b0ac; text-transform: none; }
.applicable-products .Accordion .accordion-title:before, .applicable-products .Accordion .accordion-title:after  {
	content: ""!important;
	display: block;
	width: 25px;
	height: 4px;
	background: #44b0ac;
	position: absolute;
	right: 20px;
	top: 50%;
	transition: transform 0.2s ease-in-out;
	background-image: none;
	margin-right: 0;
}

.applicable-products .Accordion .accordion-title:after  {
	transform: rotate(90deg);
}
.applicable-products .Accordion > li.on .accordion-title:after { transform: rotate(0deg); }
.applicable-products .Accordion > li.on .accordion-content {text-align: center; padding: 0 20px 20px; }
.applicable-products .Accordion .accordion-content hr { border: 0; height: 2px; background: #dfdfdf; margin: 15px 0; }
.applicable-products .group { display: flex; gap: 10px; padding: 40px 0 }
.applicable-products .group:last-child:not(:first-child) { /*border-top: 2px solid #dfdfdf*/  }
.applicable-products .group { h3, h4 { margin-bottom: 10px; text-align: center } }
.applicable-products .group .section { flex: 1 }
.applicable-products .group .section.span-2 { flex: 2 }
.applicable-products .group .section.span-2 ul { display: flex; flex-flow: wrap; justify-content: space-between }
.applicable-products .group .section.span-2 ul li { width: calc(50% - 6px) }
.applicable-products .group .section img { display: block }
.applicable-products .accordion-title { display: block; width: 100%; text-align: center; border: 0; background: 0; margin: 0; }
.applicable-products .group .section ul { margin: 20px 0 0;  padding: 0; list-style-type: none; }
.applicable-products .group .section ul li { display: block; margin-bottom: 12px; text-align:center; border: 0; }
.applicable-products .group .section ul li span:first-child { display: block; background: #F8BE2D; padding: 5px 10px; font-weight: bold; border-radius: 40px }
.applicable-products .group .section ul li:last-child span:first-child { background: #1464AC; color: white; }
.applicable-products .group .section ul li span:last-child:not(:first-child) { display: block; margin-top: 8px; font-size: .8rem; line-height: 1 }

.big-text-block.half-blocks {
	display: flex!important;
	flex-flow: wrap;
	justify-content: space-between;
}
.big-text-block.half-blocks > .module_content { width: 100%; }
.big-text-block.half-blocks > .module { width: calc(50% - 30px); }
.big-text-block.half-blocks > .module:nth-child(2) { font-size: 2vw; line-height: 1.5 }
.big-text-block.half-blocks > .module:last-child { font-size: 2vw; line-height: 1.2 }
.big-text-block.half-blocks.small > .module { font-size: 1.5vw; }

.module.logo-images {
	display: flex!important;
	flex-flow: wrap;
	align-items: center;
}

.module.logo-images .module_content + .module { padding: 20px; }

.module.logo-images .module_content + .module + .module ul {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	li {
		img { display: block; }
	}
}

.module.hover-blocks { text-align: center; display: flex!important; flex-flow: wrap; max-width: 100%!important; padding: 0!important; }
.module.hover-blocks .module_content:empty { display: none }
.module.hover-blocks .module_content { width: 100%; }
.module.hover-blocks > .module { flex: 1; height: 47.22222vw; position: relative; z-index: 0; background-color: #000 }
.module.hover-blocks > .module a { color: #FFF!important; display: block; height: 100%; font-size: 24px; padding: 40px; text-align: left; line-height: 1; font-weight: bold }
.module.hover-blocks > .module a p { color: #FFF; text-shadow: $(text-shadow); }
.module.hover-blocks > .module a .faux-link { color: #FFF; display: inline-block; margin-top: 10px; font-size: 14px; padding-left: 24px; background: url(/images/arrow-right-white.svg) no-repeat left center; background-size: 15px auto; }
.module.hover-blocks > .module:after { content: ""; opacity: 0; transition: opacity 0.5s linear; display: block; background: #FFF; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1 }
.module.hover-blocks > .module:hover:after { opacity: .2 }

.module.links-hover-blocks {max-width: 100%!important; padding: 0!important;}
.module.links-hover-blocks > .module_content { width: 100%!important; max-width: 1425px; margin: 0 auto 15px; padding: 0 24px }
.module.links-hover-blocks .module { margin: 0!important; height: 30vw; position: relative; z-index: 0 }
.module.links-hover-blocks > .module a:after { content: ""; opacity: 0; transition: opacity 0.5s linear; display: block; background: white; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1 }
.module.links-hover-blocks > .module:hover a:after { opacity: .2 }
.module.links-hover-blocks > .module a { color: white !important; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; font-size: 24px; padding: 40px; text-align: left; line-height: 1; font-weight: bold }
.module.links-hover-blocks > .module a p { color: white }
.module.links-hover-blocks > .module a .module_content { color: white; padding-right: 40px; text-shadow: $(text-shadow);  }
.module.links-hover-blocks > .module a .module_content span:after { content: ""; color: white; padding-right: 45px; background: url(/images/external-arrow-right-white-shadow.svg) no-repeat right center; background-size: 45px auto;  }

.module.links-hover-blocks > .module .img-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: .8
}

.module.links-hover-blocks > .module:hover .img-bg { opacity: 1 }

.module.links-hover-blocks > .module a {
	&:focus, &:focus-within, &:focus-visible {
		.img-bg { opacity: 1 }
	}
	&:after { opacity: .3 }
}

.white-text-shadow { text-shadow: $(white-text-shadow); background-color: white }


.module.centered-text { text-align: center; }
.big-button { cursor: pointer; color: #4e5052; font-size: 24px; font-weight: bold; display: inline-block; border: 1px solid #dfdfdf; text-align: center; padding: 20px; border-radius: 85px; width: 100%; max-width: 500px   }
.big-button:after { content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 10px; background: url(/images/external-arrow-right-blue.svg) no-repeat right center; background-size: contain;  }

.short-hero { margin: 0!important; padding: 40px!important; max-width: 100%!important; min-height: 400px; display: flex!important; flex-direction: column; justify-content: center; align-items: center }
.short-hero :headings { margin: 0; text-transform: none; }
.short-hero .module_content { width: 100%; max-width: 1425px; margin: 0 auto; color: white }
.short-hero h2 { font-size: 38px; line-height: 1.2 }
.short-hero h1 { font-size: 16px; position: absolute; top: 50px;  }
.short-hero.style-1 h1 { font-size: 41px; position: relative; margin-top: 0; top:unset }

.point-images-table { width: 100%; border-collapse: collapse; border: 2px solid #dfdfdf;  }
.point-images-table tr:first-child td { padding: 50px 50px 0 }
.point-images-table tr:last-child td { padding: 0px 50px 50px }
.point-images-table tr td :headings { font-size: 21px; }
.point-images-table tr:last-child td { display: flex; justify-content: space-between }
.point-images-table tr:last-child td img { width: calc(25% - 15px); }

.point-blocks { display: flex!important; flex-flow: wrap; justify-content: space-between; }
.point-blocks :headings { text-transform: none; }
.point-blocks .module_content { width: 100%; }
.point-blocks .module { width: calc(100% / 3 - 20px); font-size: 14px }
.point-blocks .module strong { font-size: 1.3rem }
.point-blocks.big .module_content { font-size: 18px; }

.point-blocks-bg-image { display: flex!important; justify-content: space-between; flex-flow: wrap; }
.point-blocks-bg-image .module_content:empty { display: none!important;}
.point-blocks-bg-image > .module { width: calc(100% / 3 - 15px)!important;}
.point-blocks-bg-image > .module :headings { margin-bottom: 10px;}
.point-blocks-bg-image > .module :headings + p { margin-top: 0;}
.point-blocks-bg-image > .module > .module_content + .module { height: 200px; margin-bottom: 10px}

.full-size-images { max-width: 100%!important; padding: 0!important; }
.full-size-images .module_content { display: flex; flex-flow: wrap }
.full-size-images .module_content img { display: block; width: 50%; height: auto }

.dl-group { display: flex!important; flex-flow: wrap; justify-content: space-between }
.dl-group > .module_content { width: 100% }
.dl-group :headings { text-transform: none; }
.dl-group :headings small { font-weight: normal; font-size: 1rem }
.dl-group h2 { font-size: 2rem; margin-bottom: 30px }
.dl-group ul { padding: 0; }
.dl-group ul li { display: flex;  margin: 0 }
.dl-group ul li h3, .dl-group ul li > div:first-child { color: #5d5e5d; width: 20%; min-width: 140px; padding:30px 20px 30px 0; border-style: solid; border-width: 1px 0 1px 0; border-color: #666666; font-size: inherit; margin: 0 }
.dl-group ul li + li h3 { border-top: 0 }
.dl-group ul li p,
.dl-group ul li h3 + * { color: #5d5e5d; font-weight: 500; font-size: 14px; flex: 1; margin: 0; padding:30px 20px 30px 0; border-style: solid; border-width: 1px 0 1px 0; border-color: #dfdfdf }
.dl-group ul li h3 small { display: block }
.dl-group ul li + li p, .dl-group ul li + li h3 + * { border-top: 0 }
.dl-group > .module {
	float: none; margin: 0!important;
}
.dl-group ul li h4 { font-size: 16px; }
.dl-group ul li h3 + ul, .dl-group ul li h3 + * ul {
	list-style-type: disc;
	padding-left: 20px;
	li { display: list-item; }
}

.dl-group ul li > div:first-child { padding: 0; border-top: 0; }
.dl-group ul li > div:first-child > * { width: 100%; border: 0 }
.dl-group ul li > div:first-child > h3 { padding-bottom: 10px; }
.dl-group ul li > div:first-child > h3 + * { padding-top: 0; line-height: 1.4 }


@selector purpose :any(body[class*="page-purpose"], body[class*="page-brand-purpose"]);

:purpose {
	> main > .module:not(.floating-menu) + .module:not(.last):not(.no-bottom-margin) { margin-bottom: 128px!important; }
	> main > .module.videoHero + .module.big-text-block { margin-bottom: 64px!important; }
	.module.centered-text p { margin-top: 0px; color: #4e5052; font-weight: bold }
}

@selector about :any(body[class*="page-about"], body[class*="page-corporate"]);
:about { color: #353535 }
:about :headings { text-transform: none; }
:about h2 { font-size: 2rem}
:about div + h3 { margin-top: 30px; }

.stacked-images {
	position: relative;
	width: 100%;
	text-align: center;
}
.stacked-images > *:nth-child(even) { position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.gray-area { background: #F0F5F9; padding: 50px; text-align: center }

.module_content .boxed { background: #F0F5F9; padding: 100px 50px; text-align: center; line-height: 1.2; width: 100%; display: block; font-weight: normal; margin-bottom: 64px }

.module.vertically-aligned { display: flex!important; align-items: center; flex-flow: wrap; }
.side-panel-section { display: flex!important; }
.side-panel-section .panel { padding: 24px; width: 0; opacity: 0; overflow: hidden; transition: all 1s ease; background: #f0f0f0 }
.side-panel-section .panel .head { border-bottom: 1px solid #ccc; padding: 0 0 24px; margin-bottom: 24px; font-size: 24px }
.side-panel-section .panel .head img { display: block; width: 48px; height: auto; margin-right: 10px; float: left; }
.side-panel-section .panel .content video { width: 100%!important; height: auto!important; }
.side-panel-section > .module_content { display: none; }
.side-panel-section > .module_content + .module > .module_content { padding: 40px;  }
.side-panel-section > .module_content + .module { margin-top: 0!important;  }
.side-panel-section > .module + .module { flex: 1; margin-top: 0!important;  }
.side-panel-section > .module + .module > .module > .module_content + .module { display: none }
.side-panel-section > .module + .module > .module_content { margin-bottom: 40px }
.side-panel-section > .module + .module > .module_content h1 { margin-bottom: 20px }
.side-panel-section > .module + .module > .module { margin-top: 35px!important }
.side-panel-section > .module + .module > .module > .module_content { line-height: 2; text-transform: uppercase; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.side-panel-section > .module + .module > .module > .module_content img { width: 30px; height: auto; display: block; float: left;  margin-right: 10px }
.side-panel-section > .module_content + .module { transition: all 1s ease; }
.side-panel-section.on > .module + .module { padding-right: 40px; }
.side-panel-section.on .panel { width: 34%; opacity: 1; }
.side-panel-section.on > .module_content + .module { width: 0px!important; opacity: 0!important; overflow: hidden!important; }
.side-panel-section > .module + .module > .module:nth-child(even) > .module_content { padding-right: 20px; }

.line-separated > div { border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 20px; margin-bottom: 10px }
.line-separated > div:last-child { border: 0 }

body.page-benefits h1, body.page-installation h1 { margin-bottom: 20px; }

.download-area { border-width: 8px 0 8px 0; border-style: solid; border-color: #3256a4; padding: 40px 0!important; width: calc(100% - 48px)!important; max-width: calc(1425px - 48px)!important; }
.download-area { display: flex!important; flex-flow: wrap; }
.download-area > .module_content ~ .module { margin-top: 0!important; }
.download-area > .module_content ~ .module h2 { margin-bottom: 25px; font-size: 3vw; font-weight: 600 }
.download-area > .module_content ~ .module h4 { font-weight: normal; font-size: 21px }
.download-area > .module_content ~ .module table { margin-top: 25px; border-collapse: collapse; border-top: 1px solid rgba(0,0,0,0.1); width: 100%; }
.download-area > .module_content ~ .module table td { padding-top: 45px; vertical-align: top  }
.download-area > .module_content ~ .module table td:first-child { width: 160px  }
.download-area > .module_content ~ .module table td:last-child a { display: inline-block; margin-right: 20px  }
.download-area > .module_content + .module { padding-right: 40px  }
.download-area > .module_content + .module + .module { position: relative; display: flex!important; flex-direction: column; justify-content: center; align-items: flex-end;  }
.download-area > .module_content + .module + .module img { display: block;  }
.download-area > .module_content + .module + .module img:last-child { position: absolute; top: 0px; right: 0;  }
.download-area.no-borders { border: 0; padding: 0 }

.check-list { padding-left: 0!important; list-style-type: none; display: flex; flex-flow: wrap; justify-content: space-between; margin-top: 10px }
.check-list li { padding-left: 40px; display: block; width: calc(50% - 10px); background: url(/images/icon-check.svg) no-repeat top 5px left; background-size: 20px auto; }

:headings.underlined { padding-bottom: 15px; margin-bottom: 15px; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1) }
.steps-section > .module > .module_content + .module { padding-right: 50px; }
.steps-section > .module > .module_content ~ .module h5 { font-size: 21px; font-weight: 500 }

.page-installation hr { border: 0; border-bottom: 1px solid rgba(0,0,0,0.1); display: block; margin: 50px 0 }

.arrow-links-section {
	border-top: 1px solid #B8CADA;
	padding: 40px 0 0;
	width: calc(100% + 48px);
	max-width: calc(100% + 48px);
	font-size: 28px;
	line-height: 1.95;
}

.arrow-links-section ul {
	list-style-type: none;
	display: flex;
	padding: 0;
	margin: 0;
}

.arrow-links-section ul li:not(:last-child) {
	border-right: 1px solid #B8CADA;
}

.arrow-links-section ul li {
	flex: 1;
	text-align: center;
	padding: 0 20px;
}

.arrow-links-section ul li a {
	font-size: 21px;
	font-weight: normal;
}

.suggested-products {
	background: url(/images/gradient-bg-small.png) no-repeat center center;
	background-size: cover;
}
.suggested-products .wrapper {
	display: flex;
	flex-flow: wrap;
	padding: 0 24px!important;
}
.suggested-products .title {
	max-width: 250px;
	display: flex;
	align-items: center;
	padding-bottom: 50px;
}

.suggested-products .prods { flex: 1; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0 20px; list-style-type: none }
.suggested-products .prods > li { display: block; flex: 1; padding: 10px;  }
.suggested-products .prods .prod .img-bg { padding-bottom: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.suggested-products .prods .prod :headings { font-size: 14px; text-transform: uppercase; text-align: center; }
.suggested-products .prods > li a {
	display: block;
	border: 2px solid transparent;
	&:hover { color: $(blue)  }
	 &:focus, &:focus-visible, &focus-within {
		 color: $(blue);
		 border: 2px solid royalblue;
	 }
}

.btn-primary {
	display: inline-block;
	color: black!important;
	text-transform: uppercase;
	text-align: center;
	background: white;
	border: 1px solid #A7C1DC;
	font-size: 12px;
	line-height: 1;
	padding: 15px 25px;
	font-weight: bold!important;
	margin-bottom: 15px;
	transition: all .5s ease;
	text-decoration: none!important;
}

.btn-primary:hover {
	background: #A7C1DC
}

.btn-black {
	display: inline-block;
	color: black!important;
	text-transform: uppercase;
	text-align: center;
	background: white;
	border: 1px solid black;
	font-size: 12px;
	line-height: 1;
	padding: 15px 25px;
	font-weight: bold!important;
	margin-bottom: 15px;
	transition: all .5s ease;
	text-decoration: none!important;
	cursor: pointer;
}

.btn-black.big { font-size: 18px; min-width: 200px; }

.btn-black:hover {
	background: black;
	color: white!important;
}

.btn-black.small {
	padding: 10px 20px;
}

.btn-black.inverted {
	color: white!important;
	background: black;
	border-color: white;
}

.btn-black.inverted:hover, .btn-black.inverted:focus {
	color: black!important;
	background: white;
	border-color: black;
}


/* Carousel */
.carousel-slider {
	margin-top: 50px;
	margin-bottom: 60px;
	position: relative;
}

.carousel-slider .track-container {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.carousel-slider .track-wrapper {
	position: absolute;
	overflow-x: auto;
	overflow-y: hidden;
	height: 100%;
	width: 100%;
	bottom: -15px;
}

.carousel-slider[data-pages="1"] .track-wrapper {overflow: hidden!important;}

.carousel-slider .track-wrapper::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 0;
	height: 0;
}

.carousel-slider .track {
	height: 100%;
	position: absolute;
	min-width: 100%;
	transition: left 1.5s ease-in-out;
}
.carousel-slider .pg {
	flex: 1;
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 100%;
}

.carousel-slider .pg .item {
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.carousel-slider.initialized .pg { position: absolute; top: 0; }
.carousel-slider[data-limit="3"] .item { width: calc(100% / 3 - 10px); }
.carousel-slider[data-limit="2"] .item { width: calc(50% - 10px); }
.carousel-slider[data-limit="1"] .item { width: 100%; }
.carousel-slider .dots { text-align: center; padding-top: 20px }
.carousel-slider .dots > * { display: inline-block; width: 9px; height: 9px; cursor: pointer; border-radius: 100%; background: $(medium-gray); margin: 5px 20px; }
.carousel-slider .dots > .active { background: $(green); }
.carousel-slider :hyperlinks.arrow {
	color: rgba(255,255,255,0.5);
	font-size: 32px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -20px;
	z-index: 10;
	text-decoration: none;
	width: 62px;
	height: 12px;
	background-image: url(/images/arrow-left.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -99999px;
}
.carousel-slider :hyperlinks.arrow.next {
	left: unset;
	right: -20px;
	background-image: url(/images/arrow-right.svg);
	background-position: right center;
}
.carousel-slider :hyperlinks.arrow.disabled { pointer-events: none; opacity: .5 }

.sticky-nav { padding: 0!important; margin-top: 0!important; max-width: 100%!important; font-size: 21px; font-weight: 600; border-bottom: 1px solid rgba(0,0,0,0.1); line-height: 1.2; background: white; width: 100%; left: 0 }
.sticky-nav > .module { margin-top: 0!important; display: flex!important; align-items: center; max-width: 1425px; padding: 0 24px; margin: 0 auto; }
.sticky-nav > .module .module { margin: 0!important; }
.sticky-nav .module a {  font-weight: 500; border-bottom: 6px solid transparent; text-transform: none; display: inline-block; padding: 30px 0 24px;  }
.sticky-nav .module ul li.active a, .sticky-nav .module ul li:hover a { border-bottom-color: black }
.sticky-nav .module ul { list-style-type: none; display: block; padding: 0; margin: 0; text-align: right }
.sticky-nav .module ul li { display: inline-block; line-height: 1.2; }
.sticky-nav .module ul li:not(:last-child) { margin-right: max(20px, calc(4vw + 5px)); }
.sticky-nav.sticked { position: fixed; z-index: 100; background: white; }

.bottom-area {margin: 0 -24px -64px; padding: 50px 24px; background: linear-gradient(269.7deg, rgba(255, 255, 255, 0) -2.05%, rgba(255, 255, 255, 0.49) 101.99%);}
.bottom-area .module_content {max-width: 1425px; margin: 0 auto; }


.elegant-section {
	position: relative;
	max-width: 100%!important;
	margin: 0!important;
	padding: 64px 24px!important;
	min-height: 100vh;
	display: flex!important;
	flex-direction: column!important;
	flex-flow: wrap;
	justify-content: center;
	background-position: center center;
	text-shadow: 2px 2px 4px rgba(20, 20, 20, 1);
}

.elegant-section .default-btn:hover {
	text-shadow: none;
}

header ~ .elegant-section:first-of-type { min-height: calc(100vh - 34px); }

.elegant-section > .module_content { display: none; }
.elegant-section > * {
	max-width: 1425px;
	margin: 0 auto;
}

.elegant-section > .module:not(.module ~ .module) .module_content {
	width: 50%;
	color: white;
	font-size: 18px;
	line-height: 1.5;
	p { color: white; }
}

.elegant-section {
	h1, h2 {
		font-size: 40px;
		i, em { font-style: normal; font-weight: 300; }
		margin-bottom: 10px;
	}
}

.elegant-section > .module + .module {
	position: initial;
	margin-top: 64px;
}

.elegant-section > .module + .module .module_content {
	position: absolute;
	left: 50%;
	bottom: 64px;
	transform: translateX(-50%);
	z-index: 10
}

.elegant-section .arrow {
	background: url(/images/arrow-down-white.svg) no-repeat center center;
	background-size: 12px auto;
	display: inline-block;
	width: 37px;
	height: 37px;
	text-indent: -999999px;
	border: 1px solid white;
	border-radius: 100%;
	transition: all .4s ease;
	bottom: 0;
	&:hover {
		background-color: rgba(255, 255, 255, .4);
		opacity: .8
	 }
}

.module.full-width { max-width: 100%!important; }

.elegant-section.right, body > main > .elegant-section + .module > .module_content .elegant-section:nth-child(odd) {
 	> .module:not(.module ~ .module) .module_content {
		margin-left: auto;
		text-align: right
	}
}

.elegant-section .arrow-link-btn { font-weight: 300; text-transform: uppercase!important; }

.elegant-section .suite-selector ul {
	display: inline-flex;
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	li {
		a {
			display: inline-block;
			width: 42px;
			text-align: center;
			font-size: 14px;
			color: white;
			line-height: 42px;
			position: relative;
			margin-left: 5px;
			opacity: .3;
			&:after {
				 content: "";
				 display: block;
				 height: 3px;
				 background: white;
				 position: absolute;
				 bottom: 0;
				 left: 0;
				 width: 100%;
				 border-radius: 2px
			 }
		}
		&.active, &:hover {
			a {
				opacity: 1
			}
		 }
		&:first-child {
			a { margin-left: 0; }
		 }
	}
}

.suite-hero {
	min-height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 64px 24px;
	position: relative;
	background-color: black;
}

header ~ .suite-hero {
	min-height: calc(100vh - 34px);
}

.suite-hero .bottom-float { position: absolute; text-align: center; bottom: 64px; width: 100%; z-index: 10; left: 0; }
.suite-hero .bottom-float .arrow {
	background: url(/images/arrow-down-white.svg) no-repeat center center;
	background-size: 12px auto;
	display: inline-block;
	width: 37px;
	height: 37px;
	text-indent: -999999px;
	border: 1px solid white;
	border-radius: 100%;
	transition: all .4s ease;
	bottom: 0;
	&:hover {
		 background-color: rgba(255, 255, 255, .4);
		 opacity: .8
	 }
}

.suite-hero iframe {
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.suite-content {
	text-align: center;
	padding-bottom: 0
}

.suite-content h1 { margin: 0; }
.suite-content h2 { margin: 0 0 20px; font-weight: 300 }
.suite-content .description { color: #5d5e5d; margin-bottom: 40px }

.hover-tiles {
	display: flex;
	flex-flow: wrap;
	margin-bottom: 64px;
}

.hover-tiles > * {
	width: 25%;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border:  1px solid transparent;
	height: 380px; /*@Note: If this is changed to a min-height you may need to remove transition from .descr below beause it'll jump around on hover*/
	position: relative;
}

.hover-tiles .image {
	width: 100%;
	height: 180px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 20px;
}

.hover-tiles .descr { width: 100%; text-align: left; transition: opacity .2s ease; }
.hover-tiles .descr .image { display: none; }
.hover-tiles.v2 .descr { display: flex; flex-direction: column; justify-content: space-between; padding: 20px; background: rgba(0,0,0,.03); flex: 1; border-top: 1px solid #DCDCDC; }
.hover-tiles.v2 .descr .top { padding-bottom: 20px; }
.hover-tiles h3 { font-weight: 300; font-size: 16px; text-align: left; }
.hover-tiles.v2 h3 { text-transform: none; font-weight: bold; opacity: .8; font-size: 16px; text-align: left; }
.hover-tiles.v2 .top a { text-align: left; }
.hover-tiles .subtle { font-size: 12px; color: #5d5e5d; text-align: left;  }
.hover-tiles.v2 .sku { font-size: 16px; opacity: .8 }
.hover-tiles.v2 .price .msrp { opacity: .8; }
.hover-tiles.v2 .price .amount { color: #115992; }
.hover-tiles .link-wrap { display: none; margin-top: 80px; }
.hover-tiles.v2 .descr .buttons a { width: 100%; text-align: center; }
.hover-tiles.v2 .descr .buttons a:not(:last-child) { margin-bottom: 10px; }

.hover-tiles > *:hover { border-color: #DCDCDC }

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1; }
}

.hover-tiles > *:hover .descr {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 40px;
	background: rgba(255, 255, 255, 1);
	animation: fadeIn .5s;
	display: flex;
	flex-direction: column;
	gap: 10px
}

.hover-tiles > *:hover .link-wrap { display: inline-block; margin: 0; }
.hover-tiles > *:hover .descr .image { display: block; flex: 1; margin: 0; opacity: .3 }

.stretchy-link-blocks { display: flex; flex-flow: wrap;}
.stretchy-link-blocks > .module_content { width: 100%; }
.stretchy-link-blocks > .module_content h2 {
	font-weight: 800;
	margin-bottom: 40px;
	font-size: 32px
}

.stretchy-link-blocks > .module {
	flex: 1;
	height: 650px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: black;
	transition: all .5s linear;
}

.stretchy-link-blocks > .module > .module_content {
	padding: 50px;
	text-align: left;
	display: block;
	overflow: hidden;
}

.stretchy-link-blocks > .module > .module_content :headings {
	color: white;
	margin: 0;
	em,i { font-weight: 300; font-style: normal; }
}

.stretchy-link-blocks > .module > .module_content .arrow-link-btn {
	margin: 0 0 0 -400px;
	transition: all .4s ease-in-out;
}

.stretchy-link-blocks > .module:hover {
	flex: 3;
}

.stretchy-link-blocks > .module:hover > .module_content .arrow-link-btn {
	margin-left: 0px;
}

.stretchy-link-blocks.left-link > .module > .module_content .arrow-link-btn {

}

.stretchy-link-blocks .module_content {
	text-shadow: 2px 2px 4px rgba(20, 20, 20, 1);
}

.limited-inventory-badge, .discontinued-badge {
	font-size: 12px;
	display: inline-block;
	padding: 5px 15px;
	background: rgba(0,0,0,0.6);
	color: white;
	line-height: 1;
}

.discontinued-badge {
	background: rgba(240,26,13, 0.8);
	/*color: black*/
}

.limited-inventory-badge.bottom-right, .discontinued-badge.bottom-right { position: absolute; z-index: 10; bottom: 10px; right: 10px}

.module.online-retailers-container-module { margin-top: 0!important; }

.online-retailers-finder .tabs-nav {
	text-align: center;
	border: 0
}

.online-retailers-finder .tabs-nav a, .online-retailers-finder .tabs-nav button {
	display: inline-block;
	padding: 10px 20px;
	position: relative;
	font-weight: normal;
	font-size: 16px;
	background: transparent;
	border: 0;
	cursor: pointer;
}
.online-retailers-finder .tabs-nav a.active:before, .online-retailers-finder .tabs-nav button.active:before {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	left: 20px;
	right: 20px;
	bottom: 0;
	background: black;
}
.online-retailers-finder .tabs-nav a:not(:last-child):after, .online-retailers-finder .tabs-nav button:not(:last-child):after {
	content: "";
	display: block;
	width: 1px;
	top: 10px;
	bottom: 10px;
	background: black;
	position: absolute;
	right: 0
}
.module.online-retailers-container-module .online-retailers-finder .tabs-nav {
	padding: 10px 24px!important;
	background: black;
}

.module.online-retailers-container-module .online-retailers-finder .tabs-nav:not(.sticked) { position: relative; }

.module.online-retailers-container-module .online-retailers-finder .tabs-nav:not(.sticked):before,
.module.online-retailers-container-module .online-retailers-finder .tabs-nav:not(.sticked):after {
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	width: calc(((100vw + 50px) - 1425px) / 2);
	position: absolute;
	left: calc(-1 * ((100vw + 50px) - 1425px) / 2);
	background: black;
}

.module.online-retailers-container-module .online-retailers-finder .tabs-nav:not(.sticked):after {
	left: unset;
	right: calc(-1 * ((100vw + 50px) - 1425px) / 2);
}

@media all and (max-width: 1425px){
	.module.online-retailers-container-module .online-retailers-finder .tabs-nav:not(.sticked):before,
	.module.online-retailers-container-module .online-retailers-finder .tabs-nav:not(.sticked):after {
		min-width: 50px;
	}
	.module.online-retailers-container-module .online-retailers-finder .tabs-nav:not(.sticked):before {
		left: -50px
	}
	.module.online-retailers-container-module .online-retailers-finder .tabs-nav:not(.sticked):after {
		right: -50px
	}
}

.module.online-retailers-container-module .online-retailers-finder .tabs-nav a, .module.online-retailers-container-module .online-retailers-finder .tabs-nav button { color: white; }
.module.online-retailers-container-module .online-retailers-finder .tabs-nav a:before,
.module.online-retailers-container-module .online-retailers-finder .tabs-nav button:before,
.module.online-retailers-container-module .online-retailers-finder .tabs-nav a:after,
.module.online-retailers-container-module .online-retailers-finder .tabs-nav button:after { background: white; }

.online-retailers-finder .tab-content {
	padding: 50px 20px;
}
.retailers-heading .heading, .authorized-retailers-heading .heading { display: flex; justify-content: flex-start; gap: 20px; align-items: center; }
.authorized-retailers-heading .heading { margin-bottom: 20px; }
.authorized-retailers-heading .heading  h2 {margin-bottom: 0; }
.online-retailers-finder .tab-content h2 { font-weight: normal; font-size: 21px; }
.online-retailers-finder .tab-content .retailers-heading > h2, .online-retailers-finder .tab-content .retailers-heading .heading { padding-right: 40px }
[class*="retailers-heading"] .heading .tooltip { font-size: 14px; padding: 20px 10px 10px; line-height: 1.2 }
.online-retailers-finder .row:not(.products) {
	display: grid;
	grid-column-gap: 10px;
	grid-row-gap: 20px;
	grid-template-columns: repeat(5, 1fr);
	margin-bottom: 50px
}

.online-retailers-finder fieldset {
	display: block;
	border: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-block-start: 0;
	padding-inline-start: 0;
	padding-inline-end: 0;
	padding-block-end: 0;
	min-width: 0;
	legend {
		padding: 0!important
	}
}

.online-retailers-finder .row:not(.products) > *:not(.category), .online-retailers-finder .row label, .online-retailers-finder .row.products .product {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 4px solid transparent;
	padding: 20px;
	cursor: pointer;
	flex: 1;
	position: relative
}

.online-retailers-finder .row:not(.products) > *:hover,
.online-retailers-finder .row:not(.products) > .active,
.online-retailers-finder .row:not(.products) > .active label,
.online-retailers-finder .row [type="radio"]:checked + label
{
	border-color: royalblue;/*#F6F6F6*/
	&:focus, &:focus-visible, &:focus-within {
	   border-color: royalblue;
   }
}

.online-retailers-finder .row.products .product {
	&:focus, &:focus-visible, &:focus-within, &:hover, &.active {
		border-color: royalblue;
	}
}

.online-retailers-finder .row [type="radio"] {
	&:focus, &:focus-visible, &:focus-within, &:hover {
		+ label {
			border-color: royalblue
		}
	}
}

.online-retailers-finder .row h3 {
	font-size: 16px;
	text-transform: none;
}


.online-retailers-finder .row.products {
	display: block
}
.online-retailers-finder .row.products .product .logo {
	position: absolute;
	right: 0;
	top: 0;
	max-height: 22px;
	width: auto;
	margin: 0;
	height: auto;
	max-width: unset;
}
.online-retailers-finder .row.products .product .reviews { display: flex; align-items: center; flex-direction: column; }
.online-retailers-finder .row.products .product .reviews .rating-stars { flex: 1; display: grid; grid-gap: 2px; grid-template-columns: repeat(5, 1fr); margin-bottom: 5px;  }
.online-retailers-finder .row.products .product .reviews .rating-total-reviews {  display: block; font-size: 10px; }

/*.online-retailers-finder .retails-list {display: grid!important; }
.online-retailers-finder .retails-list::before {
	content: '';
    width: 0;
    padding-bottom: 100%;
    grid-row: 1 / 1;
    grid-column: 1 / 1;
}

.online-retailers-finder .retails-list > *:first-child{
    grid-row: 1 / 1;
    grid-column: 1 / 1;
}*/

ul.retails-list { padding: 0; }

.online-retailers-finder .retails-list.no-results-US[data-country="US"], .online-retailers-finder .retails-list.no-results-CA[data-country="CA"] {display: flex!important; }
.online-retailers-finder .retails-list .no-results { width: 100%; margin: 40px; text-align: center; font-size: 21px; font-weight: bold; color: rgba(0,0,0,0.6) }

.online-retailers-finder [class*="step-"]:not(.step-1) {
	display: none
}

.online-retailers-finder .row .product h3 {
	font-weight: normal;
}

.online-retailers-finder .row .image {
	width: 100%;
	/*padding-bottom: 100%;*/
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom center
}

.online-retailers-finder .step-separator {
	position: relative;
	height: 1px;
	width: 100%;
	background: black;
	margin-bottom: 50px
}

/*.online-retailers-finder .step-separator:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: url(/images/arrow-down.svg) no-repeat center center white;
	background-size: 15px auto;
	border: 1px solid black;
}*/

.retails-list[data-country="US"] > [country="CA"],
.retails-list[data-country="US"] > [data-country="CA"] {
	display: none!important
}

.retails-list[data-country="CA"] > [country="US"],
.retails-list[data-country="CA"] > [data-country="US"] {
	display: none!important
}

.retailers-heading {
	display: flex;
	margin-bottom: 0px;
	align-items: center;
	flex-flow: wrap;
}

.retailers-heading.empty h2,.retailers-heading.empty .heading, .retailers-heading.empty .description, .retailers-heading.empty + #us-retailers .preferred-retails-list { display: none; }
.retailers-heading.empty + #us-retailers .preferred-retails-list + .authorized-retailers-heading { margin-top: 0; }

.retailers-heading > h2, .retailers-heading .heading {
	flex: 1;
	margin: 0 0 20px;
}

.retailers-heading .heading  h2 { margin: 0; }


.authorized-retailers-heading {
	margin-top: 64px;
}
.retailers-heading .description { width: 100%; }

.retailers-heading .countries {
	display: flex;
	align-items: center;
	border: 0;
	padding: 0;
	width: 100%;
	justify-content: flex-end;
	margin-left: auto;
	margin-bottom: 20px;
}

.retailers-heading .countries > .country-radio {
	cursor: pointer;
	margin-left: 15px;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	display: flex;
	align-items: center;
	border: 2px solid transparent;
	padding: 10px 5px;
	&:focus, &:focus-visible, &:focus-within { border-color: royalblue; }
}
.retailers-heading .countries > .country-radio .flag {
	display: inline-block;
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border: 2px solid white;
	box-shadow: -1px -1px 0px 0px #E7E7E7, 1px 1px 0px 0px #E7E7E7;
}
.retailers-heading .countries > .country-radio label {
	display: block;
	position: relative;
	cursor: pointer;
	padding-right: 40px;
}

.retailers-heading .countries > .country-radio input:checked + label { text-decoration: underline!important; }
.retailers-heading .countries > .country-radio input ~ label .flag { border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.retailers-heading .countries > .country-radio input[value="US"] ~ label .flag { background-image:url(/images/us-flag.png) }
.retailers-heading .countries > .country-radio input[value="CA"] ~ label .flag { background-image:url(/images/ca-flag.png) }
.online-retailers-finder .slick-slider { margin-bottom: 80px; }
.online-retailers-finder .slick-slider .slick-next,
.online-retailers-finder .slick-slider .slick-prev {
	height: 100%;
	width: 30px;
	opacity: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 13px 23px;
	text-indent: -999999px
}
.online-retailers-finder .slick-slider .slick-next:hover,
.online-retailers-finder .slick-slider .slick-prev:hover {
	opacity: 1;
	filter: contrast(2)
}
.online-retailers-finder .slick-slider .slick-prev {
	background-image: url('/images/slider1-prev.png');
	left: -30px;
}
.online-retailers-finder .slick-slider .slick-next {
	background-image: url('/images/slider1-next.png');
	right: -30px;
}

body[class*="page-online-retailers"] .short-hero,
#prod-head-slider .slider-item, body.category .mobile-title + div { background-color: #000; }

.grecaptcha-badge { visibility: hidden; }


.search-olay{
	display:none; position:absolute; top:0; left:0; right: 0; bottom: 0; background:white; opacity:0.7; z-index:110;
}
.search-olay.on{
	display:block;
}
.search-load-icon{
	position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100px; height:60px; line-height:60px;
	font-size:22px; color:#212121; text-align:center;
	svg {
		width: 24px;
		height: auto;
		margin-left:12px;
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
	}
	svg path {
		fill-opacity: 1;
	}
}

.search-olay.on img {
	max-width: 100%;
    height: auto;
    margin: auto;
	width: unset;
}

.slick-slider .slick-autoplay-toggle-button {
	background: rgba(255,255,255, 1);
	border-radius: 100%;
	width: 35px;
	height: 35px;
	text-align: center;
	z-index: 99;
	bottom: 20px;
	left: 20px;
	opacity: 1
}

.slick-slider .slick-autoplay-toggle-button > * {
	position: absolute;
	top: calc(50% + 1px);
	left: 50%;
	transform: translate(-50%, -50%);
}

.slick-slider .slick-autoplay-toggle-button .slick-pause-icon:before,
.slick-slider .slick-autoplay-toggle-button .slick-play-icon:before {
	content: "";
	display: inline-block;
	background: url("/images/pause.svg") no-repeat center center;
	background-size: contain;
}

.slick-slider .slick-autoplay-toggle-button .slick-play-icon:before {
	background-image: url("/images/play.svg");
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


.control-button {
	position: absolute;
	background: rgba(255,255,255,1);
	border-radius: 100%!important;
	width: 35px;
	height: 35px;
	text-align: center;
	z-index: 99;
	bottom: 20px;
	left: 20px;
	opacity: 1;
	border: 0;
	cursor: pointer;
	color: black;
}

.control-button > .pause,
.control-button > .play {
	position: relative;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.control-button > .pause:before,
.control-button > .play:before {
	content: "";
	display: inline-block;
	background: url(/images/pause.svg) no-repeat center center;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.control-button > .play:before {
	background-image: url(/images/play.svg);
}
.relative {
	position: relative!important;
}
.img-bg {
	position: relative;
}
.img-bg.absolute {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}
.img-bg > img {
	width: 100%!important;
	height: 100%!important;
	object-fit: cover!important;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.slide .titles,
.slide .content,
.short-hero .module_content,
.cta-banner h3,
.videoHero .washlet-hero-video-content h1 {
	text-shadow: 0px 2px 7px rgba(0,0,0,1);
}

.short-hero:not(.has-dark-text) {
	position: relative;
	z-index: 0;
	background-color: #000;
	&:after {
		content: "";
		display: block;
		z-index: -1;
		background: rgba(0,0,0,.4);
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	 }
}

.slide.has-dark-text {
	background-color: #fff
}

.slide.has-dark-text .titles,
.slide.has-dark-text .content,
.short-hero.has-dark-text .module_content,
.cta-banner.has-dark-text h3,
.videoHero .washlet-hero-video-content.has-dark-text h1 {
	text-shadow: 0px 2px 7px rgba(255,255,255,1);
}

.slide .content [role="button"], .slide .content .btn, .slide .content .button {
	text-shadow: none
}

.skip-link {
	position: fixed!important;
	z-index: 9999999!important;
	background: rgba(0,0,0,0.9);
	border-radius: 4px;
	left: 5px;
	border: 2px solid transparent;
	clip: rect(0,0,0,0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 10px 20px;
	color: white!important;
	opacity: 1
}

.skip-link span {
	display: inline-block;
}

.skip-link span:before {
	content: "";
	display: inline-block;
	background: url(/images/arrow-down-white.svg) no-repeat center center;
	background-size: auto 100%;
	width: 20px;
	height: 20px;
	float: left;
	margin-top: 2px;
	margin-right: 10px
}

.skip-link:focus {
	opacity: 1;
	width: unset;
	height: unset;
	clip: unset;
	margin: unset;
}

.module_content :headings:empty { display: none; }
a, [type="button"] {
	/*border: 2px solid transparent !important;*/
}

:focusable {
	border: 2px solid rgb(0, 95, 204) !important;
	border-radius: 2px;
	display: inline-block;
	z-index: 9
}

footer :focusable {
	border-color: #E8EEFD!important;/*#3c8fee*/
}

.videos-gallery {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: max(25%, 250px) 1fr;
	padding-top: 20px
}

.installation-videos-wrapper .videos-gallery {
	grid-template-columns: 1fr;
}

.videos-gallery h2 {
	text-transform: none;
	margin-bottom: 40px
}

.videos-gallery aside {
	border-right: 1px solid rgba(0,0,0,0.1);
}

.videos-gallery .categories {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.videos-gallery .categories li input {
	/*display: none;*/
}

.videos-gallery .categories li:focus,
.videos-gallery .categories li:focus-within,
.videos-gallery .categories li:focus-visible {
	color: #005DA8;
	label:before {
		border-color: #005DA8
	}
}

.videos-gallery .categories li label {
	display: block;
	padding-left: 28px;
	position: relative;
	margin-bottom: 8px;
	cursor: pointer
}

.videos-gallery .categories li label:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 6px;
	border: 1px solid #212121;
	width: 16px;
	height: 16px;
}

.videos-gallery .categories li input:checked + label:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 3px;
	top: 9px;
	border: 1px solid transparent;
	background: #212121;
	width: 10px;
	height: 10px;
}

.videos-gallery section {
	padding-top: 0;
	padding-bottom: 0
}

.videos-gallery .videos {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}


.videos-gallery .videos li {
	position: relative;
}

.videos-gallery .videos li.not-in-result, .videos-gallery .videos li.hidden { display: none; }

.videos-gallery .videos li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.videos-gallery .videos li a img {
	display: block;
	width: 100%;
}

.videos-gallery .videos li a .thumb {
	position: relative;
	min-height: 80px;
	background: #333
}

.videos-gallery .videos li a .thumb:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	opacity: .8;
	background: url(/images/play-white.svg) no-repeat center center / contain;
}

.videos-gallery .videos li a:hover .thumb:before {
	opacity: 1
}

.videos-gallery .buttons-wrap {
	text-align: center;
	margin-top: 64px;
}

.videos-gallery .videos li a .title {
	line-height: 1.2;
	margin-top: 10px;
	font-size: 14px;
	color: #5d5e5d;
}

.videos-gallery .videos li a .category {
	font-size: 12px;
	color: #5d5e5d;
}

.videos-gallery .videos li a:hover .title {
	color: black
}

.video-wrap {
	position: relative;
}

.video-wrap video {
	width: 100%;
	min-height: 300px;
	height: auto;
	overflow: hidden;
}

.video-wrap transcript {
	display: none;
	position: absolute;
	background: white;
	padding: 20px;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	width: 60%;
	overflow: scroll;
	font-size: 14px
}

.video-wrap transcript h3 {
	text-transform: none
}

.video-wrap transcript[aria-expanded="true"] {
	display: block
}

.video-wrap transcript .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 21px;
	height: 21px;
	background: url(/images/xmark-solid.svg) no-repeat center center white;
	background-size: 15px auto;
	border-radius: 100%;
	text-indent: -99999px;
	border: 2px solid transparent;
	&:focus, &:focus-visible, &:focus-within {
	   border: 2px solid royalblue;
   }

}

.video-wrap.yt-video .transcript-toggle {
	top: 160px!important;
}

.video-wrap .transcript-toggle {
	display: block;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background: url(/images/file-alt-solid.svg) no-repeat center center white;
	background-size: auto 20px;
	text-indent: -9999px;
	position: absolute!important;
	top: 20px;
	right: 20px;
	z-index: 2;
	border-radius: 4px;
	border: 2px solid transparent;
	&:focus, &:focus-visible, &:focus-within {
		border: 2px solid royalblue;
	}
}



/* select */
select.styled {display: none}
.styled-select {
	color: rgba(0,0,0,0.6);/*#898989;*/
	padding-left: 16px;
	line-height: 41px;
	height: 41px;
	background-image: none;
	background-color: #DDD;/*#f6f6f5;*/
	border: 1px solid #CCC;/*#e9e9e9;*/
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
}

.styled-select .selected-display {
	display: flex;
	align-items: center
}

.styled-select button {
	position: absolute;
	background: transparent;
	outline: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	text-align: left;
	z-index: 100;
	cursor: pointer;
	padding: 0 20px;
	border: 2px solid transparent
}

.styled-select button:focus,
.styled-select button:focus-within,
.styled-select button:focus-visible {
	border: 2px solid #3088ce;
}

.styled-select .arrow-wrap {
	display: block;
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	/*color: #d34e35;*/
	font-size: 10px
}

.styled-select .arrow-wrap:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #aaa;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}

.styled-select .options {
	width: 100%;
	max-height: 200px;
	background: #f8f8f8;
	overflow-y: auto;
	position: absolute;
	z-index: 100;
	left: 0;
	top: calc(100% + 1px);
	padding: 10px;
	box-sizing: border-box;
	display: none;
	border-width: 0 1px 1px 1px;
	border-color: #eaeaea;
	border-style: solid
}

.styled-select.on .options {
	display: block
}

.styled-select .options .option {
	font-size: 16px;
	color: #1E1D1D;
	padding: 4px 7px 6px;
	line-height: 18px;
}

.styled-select .options .option:hover, .select .options .option.selected {
	color: #515151;
	font-weight: bold
}


.page-privacy-policy .module_content :hyperlinks { font-weight: bold; text-decoration: underline }


/* select */
select.styled {display: none}
.styled-select {
	color: rgba(0,0,0,0.6);/*#898989;*/
	padding-left: 16px;
	line-height: 41px;
	height: 41px;
	background-image: none;
	background-color: #DDD;/*#f6f6f5;*/
	border: 1px solid #CCC;/*#e9e9e9;*/
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
}

.styled-select .selected-display {
	display: block
}

.styled-select button {
	position: absolute;
	background: transparent;
	outline: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	text-align: left;
	z-index: 100;
	cursor: pointer;
	padding: 0 20px;
	border: 2px solid transparent
}

.styled-select button:focus,
.styled-select button:focus-within,
.styled-select button:focus-visible {
	border: 2px solid #3088ce;
}

.styled-select .arrow-wrap {
	display: block;
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	/*color: #d34e35;*/
	font-size: 10px
}

.styled-select .arrow-wrap:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #aaa;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}

.styled-select .options {
	width: 100%;
	max-height: 200px;
	background: #f8f8f8;
	overflow-y: auto;
	position: absolute;
	z-index: 100;
	left: 0;
	top: calc(100% + 1px);
	padding: 10px;
	box-sizing: border-box;
	display: none;
	border-width: 0 1px 1px 1px;
	border-color: #eaeaea;
	border-style: solid
}

.styled-select.on .options {
	display: block
}

.styled-select .options .option {
	font-size: 16px;
	color: #1E1D1D;
	padding: 4px 7px 6px;
	line-height: 18px;
}

.styled-select .options .option:hover, .select .options .option.selected {
	color: #515151;
	font-weight: bold
}


.toggle-pill {

}

.newsletter-form .message {
	width: 100%;
	margin-bottom: 40px;
	font-size: 18px;
	font-weight: 700;
}

.newsletter-form .message.error {
	color: #F11B00;
}

.slick-slide[aria-hidden="true"] {
	a, input, button, select, [role="button"], [tabindex="0"] { transition: all .5s ease; opacity: 0; visibility:hidden; }
}

.sustainable-products {
	padding: 50px 20px;
	border: 2px solid #dfdfdf;
	margin-top: 20px
}

.sustainable-products > .module_content ~ .module ul {
	display: flex;
	flex-flow: wrap;
	padding: 0;
	margin: 0;
	gap: 15px;
	list-style-type: none
}

.sustainable-products > .module_content ~ .module {
	padding: 15px;
	h3, h4 { margin-bottom: 20px; }
}

.sustainable-products > .module_content + .module { width: 40% }
.sustainable-products > .module_content + .module + .module { width: 20% }
.sustainable-products > .module_content ~ .module:last-child { width: 40% }

.sustainable-products > .module_content ~ .module ul li { width: calc(50% - 8px); text-align: center; display: inline-block; padding: 10px; border-radius: 20px; font-weight: bold; line-height: 1 }
.sustainable-products > .module_content + .module ul li { background: #F8BE2D; }
.sustainable-products > .module_content ~ .module:last-child ul li { background: #1464AC; color: white; }
.sustainable-products > .module_content + .module + .module .module_content {
	max-width: 100%;
	padding-top: 100%;
	background: #44B0AC;
	border-radius: 100%;
	margin: 0 auto;
	position: relative;
}

.sustainable-products > .module_content + .module + .module .module_content > * {
	font-size: 28px;
	font-weight: bold;
	color: white;
	width: calc(100% - 40px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center
}

.kpi-table {
	width: 100%;
	border-collapse: collapse;
	th {
		padding: 15px;
		font-size: 24px;
		color: white;
		border-right: 2px solid white;
		width: 25%;
		&:first-child { background: #1464AC; border-left: 2px solid #1464AC; }
		&:nth-child(2) { background: #3596AC; }
		&:nth-child(3) { background: #3CA9BA; }
		&:nth-child(4) { background: #44B0AC; border-right: 2px solid #44B0AC; }
	}
	tbody {
		tr {
			td { border-right: 2px dotted #dfdfdf; &:last-child { border-right-style: solid; } }
			&:first-child {
				td:first-child {
					padding: 20px 20px 40px;
					font-size: 24px;
					font-weight: bold;
					border-bottom: 2px solid #dfdfdf;
					border-left: 2px solid #dfdfdf;
				}
				td:not(:first-child) { font-size: 50px; font-weight: bold; text-align: center; }
				td:nth-child(2) { color: #3596AC; }
				td:nth-child(3) { color: #3CA9BA; }
				td:nth-child(4) { color: #44B0AC; }
			 }
			&:not(:first-child) {
				td {
					font-size: 21px;
					padding: 0 20px;
					span + span { float: right; margin-left: 10px; }
				}
			 }
			&:last-child {
				td { border-bottom: 2px solid #dfdfdf; padding-bottom: 40px; }
			 }
			&:nth-child(2), &:nth-child(3) {
				td { font-weight: bold; }
			}
		}
	}
}


.breadcrumbs {
	background: #EFEFEF;
	padding: 8px 0px;
	overflow: initial;
	/*text-overflow: ellipsis;*/
	width: 100%;
}

.breadcrumbs ul {
	display: block;
	margin: 0 30px;
	width: calc(100% - 60px);
	overflow: hidden;
}

.breadcrumbs li, .breadcrumbs li a {
	font-size: 14px;
	text-transform: uppercase;
	color: #6B6B6B!important;
	white-space: nowrap;
}

.breadcrumbs li a {
	display: inline-block;
	padding: 5px 2.5px;
	border: 2px solid transparent;
	line-height: 1
}

.breadcrumbs li a:hover {
	color: black!important;
}

.breadcrumbs li a:after {
	padding-left: 5px
}


.breadcrumbs li:last-child {
	padding-left: 5px
}

body.sitemap #main-content > .wrapper { padding-top: 40px; padding-bottom: 100px; }
body.sitemap #main-content > .wrapper h1 { margin-bottom: 40px; }
body.sitemap #main-content .sitemap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
body.sitemap #main-content .sitemap > * { width: 100% }
body.sitemap #main-content .sitemap > * h2 { margin-top: 40px; margin-bottom: 15px; font-size: 24px; color: #333; }
body.sitemap #main-content .sitemap .two-columns { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; }

.faq-row.ui-widget-content { border: 0; }

#start-element.image-slider {
	&:focus, &focus-visible { border: 2px solid royalblue; }
}

video::-webkit-media-controls {
	display: flex !important;
	opacity: 1 !important;
}

/* Offsite modal */
.featherlight-content .button#redirect:hover,
.featherlight-content .button.featherlight-close:hover {
	background-color: #85a5ba;
}

.scroll-carousel, .scroll-wrapper { position: relative; overflow: visible!important; }
.scroll-carousel .items {
	display: block!important;
	overflow: visible;
	white-space: unset;
	a {
		min-width: unset!important;
		max-width: unset!important;
		> div {
			width: calc(100% - 10px)
		}
	}
}

.scroll-carousel .slick-arrow {
	position: absolute!important;
	width: 30px;
	height: 30px;
	background-color: rgba(2255,255,255, 1);
	border-radius: 4px;
	z-index: 10;
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: center center;
	background-image: url('/images/slider1-prev.png');
	opacity: .4;
	> span:not(.sr-only):not(.slick-sr-only) { display: none; }
	&.slick-disabled { opacity: .2 }
}

.scroll-carousel .slick-arrow:not(.slick-disabled):hover, .scroll-carousel .slick-arrow:focus { opacity: 1; }

.scroll-carousel .slick-arrow.slick-next {
	background-image: url('/images/slider1-next.png');
}

/*** Image Blocks Module ***/
.module.image-blocks { background: #262626; color: white; padding-top: 32px!important; padding-bottom: 32px!important; }
.module.image-blocks:not(.light) p { color: white }
.module.image-blocks > * { max-width: 1425px; margin: 0 auto; padding: 32px 0; }
.module.image-blocks > :empty { display: none; }
.module.image-blocks > .module_content { font-size: 24px; text-align: center }
.module.image-blocks:not(.wide) > .module_content { max-width: 840px; }
.module.image-blocks > .image-block { display: flex; justify-content: space-between; align-items: center }
.module.image-blocks > .image-block > :empty { display: none; }
.module.image-blocks > .image-block > * { width: 50% }
.module.image-blocks > .image-block .image { margin: 0!important; max-width: 600px; }
.module.image-blocks > .image-block .image svg { display: block; max-width: 100%; }
.module.image-blocks > .image-block .text { margin: 0!important; padding: 64px; max-width: 600px; }
.module.image-blocks > .image-block .text .module_content { display: flex; flex-direction: column }
.module.image-blocks > .image-block .text .module_content p { margin-top: 0 }
.module.image-blocks > .image-block .text .module_content h2 { margin-bottom: 24px }
.module.image-blocks > .image-block .text .module_content h3 { order: -1; font-size: 16px; font-weight: 300; color: #5d5e5d; }
.module.image-blocks > .image-block .text .arrow-link-btn { text-transform: uppercase!important; font-weight: 400!important; border: 0!important; }
.module.image-blocks:not(.light) > .image-block .text .arrow-link-btn { color: white!important; }
.module.image-blocks:not(.light) > .image-block .text .arrow-link-btn i:first-child { background-image: url(/images/icon_arrowright-white.png); }
.module.image-blocks:not(.light) > .image-block .text .arrow-link-btn i:last-child { border-color: white }
.module.image-blocks:not(.light) > .image-block .text .arrow-link-btn:hover i:last-child,
.module.image-blocks:not(.light) > .image-block .text .arrow-link-btn:focus i:last-child,
.module.image-blocks:not(.light) > .image-block .text .arrow-link-btn:focus-visible i:last-child { border-color: white; background-color: white; }
.module.image-blocks.light { background: white; color: inherit; }
.module.image-blocks > .image-block .text quote { font-size: 24px; position: relative; display: inline-block; padding: 50px; text-align: center; line-height: 1.4 }
.module.image-blocks > .image-block .text quote:before, .module.image-blocks > .image-block .text quote:after { font-size: 100px; position: absolute; line-height: 30px  }
.module.image-blocks > .image-block .text quote:before { content: "“"; left: 0; top: 30px; }
.module.image-blocks > .image-block .text quote:after { content: "”"; bottom: -30px; right: 0 }
@media all and (max-width: 840px){
	.module.image-blocks > .image-block { flex-direction: column; align-items: flex-start  }
	.module.image-blocks > .image-block > * { float: none; width: 100%; }
	.module.image-blocks > .image-block + .image-block { margin-top: 20px; }
	.module.image-blocks > .image-block .text { margin-top: 24px!important; padding: 0; max-width: 100%; }
	.module.image-blocks > .image-block .image { order: -1; }
	.module.image-blocks > .module_content { max-width: 100% }
}
@media all and (max-width: 640px){
	.module.image-blocks > .module_content { font-size: 18px; }
}
/*** END Image Blocks Module ***/

/*** INNOV DESIGN Module ***/
.module.innov-design {
	display: flex!important;
	flex-flow: wrap;
	justify-content: space-between;
	gap: 45px;
}
.module.innov-design > .module_content { width: 100%; }
.module.innov-design > .module_content h2 { margin: 0 }
.module.innov-design > .module_content:empty, .module.innov-design:after { display: none; }
.module.innov-design > .span6 { float: none; margin: 0; width: unset; flex: 1; max-width: 550px; }
.module.innov-design > .span12 > .module_content h3 + p { margin-top: 0; }
.module.innov-design > .span12 > .module_content h3 + p a { font-size: 14px; color: #13449D }
@media all and (max-width: 640px){
	.module.innov-design > .span6 { flex: unset; width: 100%; max-width: 100%; }
}
/*** END INNOV DESIGN Module ***/

/*** Tagline Heading ***/
.tagline-heading { display: flex; flex-direction: column; }
.tagline-heading h3 { order: -1; margin: 0; font-size: 16px; font-weight: 300 }

/*** Image heading ***/
.icon-heading { display: flex; align-items: center; gap: 10px; text-transform: uppercase }
.icon-heading img { width: 35px; height: auto; }

/*** Image Cards ***/
.image-cards { padding: 0!important; margin: 0; list-style-type: none!important; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px; }
.image-cards img { display: block; width: 100%; height: auto; }
.image-cards br { display: none; }
.image-cards > * { grid-column: auto / span 2; display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; }
.image-cards > :first-child { grid-column: 1 / span 3 }
.image-cards > :first-child + * { grid-column: auto / span 3 }
@for span in range(1, 6) {
	.image-cards > .span-#(span) { grid-column: auto / span #(span) }
}

@media all and (max-width: 640px){
	.image-cards > * { grid-column: auto / span 3!important; }
}
@media all and (max-width: 340px){
	.image-cards > * { grid-column: auto / span 6!important; }
}
/*** END Image Cards ***/


/*** Hotspot Image ***/
.module.hotspots { position: relative; }
.module.hotspots .module_content { position: relative; }
.module.hotspots .module_content button { position: absolute; cursor: pointer; text-align: center; width: 44px; height: 44px; border: 4px solid #6F9CD8; z-index: 1; font-size: 24px; font-weight: bold; color: white; background: #1C53A2; border-radius: 100%; }
.module.hotspots .module_content button:after { content: ""; display: block; position: absolute; z-index: -1; left: -12px; right: -12px; top: -12px; bottom: -12px; background: rgba(27,82,161,.2); border-radius: 100%;  }
.module.hotspots .module { opacity: 0; position: absolute; z-index: 2; background: #FFF; padding: 20px; border-radius: 4px; box-shadow: 0 0 24px rgba(188, 207, 221, .4);  }
.module.hotspots.small .module { max-width: 400px; }
.module.hotspots .module .module_content { display: flex; gap: 10px; align-items: center; padding: 0; }
.module.hotspots .module .module_content p { margin: 0;  }
.module.hotspots .module img { display: block; width: 100px; height: auto  }
.module.hotspots .module .arrow { position: absolute; border-width: 0 15px 15px 15px; border-style: solid; border-color: transparent transparent white transparent;  }

/*** END Hotspot Image ***/

/*** Four Tiles Content Module ***/
.four-tiles-content { display: flex!important; gap: 35px; align-items: center; justify-content: space-between; padding-top: 64px!important; }
.four-tiles-content .module_content:empty { display: none!important; }
.four-tiles-content .module.tiles { margin-top: 0!important; display: grid!important; grid-template-columns: 1fr 1fr; }
.four-tiles-content .module.tiles > *:not(.module_content) { margin: 0!important; float: none; width: unset; padding: 20px; text-align: center; color: white; position: relative; z-index: 0; display: flex!important; flex-direction: column; justify-content: center!important; align-items: center!important; aspect-ratio: 1 / 1 }
.four-tiles-content .module.tiles > * > .module_content h2 { font-weight: 400; font-size: 20px; margin: 0!important; }
.four-tiles-content .module.tiles > *:after { content: ""; display: block; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .6 }
.four-tiles-content .module.tiles > * .module { height: 0; overflow: hidden; line-height: 1.2; font-size: 14px; }
.four-tiles-content .module.tiles > *:hover,
.four-tiles-content .module.tiles > *:focus-visible,
.four-tiles-content .module.tiles > *:focus-within { outline: 0!important; border: 0!important; }
.four-tiles-content .module.tiles > *:hover .module,
.four-tiles-content .module.tiles > *:focus-visible .module,
.four-tiles-content .module.tiles > *:focus-within .module { height: auto; margin-top: 10px; }
.four-tiles-content .module.tiles > *:hover:after,
.four-tiles-content .module.tiles > *:focus-visible:after,
.four-tiles-content .module.tiles > *:focus-within:after { opacity: .85; }
.four-tiles-content .module:nth-child(3) { margin-top: 0!important; max-width: 450px; }
.four-tiles-content .module:nth-child(3) h2 { font-size: 2.5em; margin-bottom: 45px }
.four-tiles-content .module:nth-child(3) p { font-size: 20px; margin-top: 0; line-height: 1.4 }
@media all and (max-width: 1024px) {
	.four-tiles-content { flex-direction: column; }
	.four-tiles-content > * { width: 100%!important; max-width: 100%!important; }
}
@media all and (max-width: 640px) {
	.four-tiles-content .module.tiles { grid-template-columns: 1fr }
	.four-tiles-content .module.tiles > * { width: 100%!important; max-width: 100%!important }
}
/*** END Four Tiles Content Module ***/

/*** Content Columns Module ***/
.module.content-columns { display: grid!important; grid-template-columns: 1fr 1fr; grid-gap: 40px; }
.module.content-columns > .module_content { grid-column: 1 / span 2; }
.module.content-columns > .module_content:not(:empty) { padding-bottom: 20px; }
.module.content-columns > * { width: unset; margin: 0!important; }
.module.content-columns h3 { font-size: 1.2rem; text-transform: none; margin-bottom: 10px }
.module.content-columns p { margin-top: 0 }
@media all and (max-width: 720px) {
	.module.content-columns { grid-template-columns: 1fr; }
	.module.content-columns > .module_content { grid-column: 1 / 1; }
	.module.content-columns > .module_content:not(:empty) { padding-bottom: 0; }
}
/*** END Content Columns Module ***/


/*** Cards Slider Content ***/
.module.cards-slider-content { background: #191919; padding-top: 64px!important; padding-bottom: 64px!important; max-width: 100%!important; }
.module.cards-slider-content:after { display: none; }
.module.cards-slider-content > .module { display: grid!important; grid-gap: 40px; grid-template-columns: 1fr 1fr; color: white; max-width: 1425px; padding: 0 24px; margin: 0 auto; }
.module.cards-slider-content > .module:after { display: none; }
.module.cards-slider-content > .module > * { overflow: visible; }
.module.cards-slider-content > .module > .module { height: 100%; position: relative; }
.module.cards-slider-content > .module > .module > .module { position: absolute; left: 0; min-width: calc(100% + ((100vw - 1425px) / 2) + 24px + 25%); height: 100%; min-height: 200px; display: flex;  }
.module.cards-slider-content .slick-slide > div { height: 100%; padding-right: 10px; }
.module.cards-slider-content .slick-slide > div > .module { height: 100%; margin: 0!important;  }
.module.cards-slider-content .slick-slide > div > .module > * { height: 100%; display: flex; position: relative; z-index: 0; padding: 20px; flex-direction: column; justify-content: flex-end; color: white; font-weight: 700; font-size: 21px; text-transform: uppercase; line-height: 1.2   }
.module.cards-slider-content .slick-slide > div > .module > *:hover:after,
.module.cards-slider-content .slick-slide > div > .module > *:focus:after,
.module.cards-slider-content .slick-slide > div > .module > *:focus-within:after,
.module.cards-slider-content .slick-slide > div > .module > *:focus-visible:after { opacity: 0 }
.module.cards-slider-content .slick-slide > div > .module > *:after { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: black; z-index: -1; opacity: .6 }
.module.cards-slider-content h2 { font-size: 2.5rem; margin-bottom: 40px }
.module.cards-slider-content p { color: white; }
.module.cards-slider-content .slick-arrow { z-index: 10; width: 40px; height: 40px; color: white; border: 1px solid white; border-radius: 100%; }
.module.cards-slider-content .slick-arrow i { font-size: 24px }
.module.cards-slider-content .slick-arrow:hover, .module.cards-slider-content .slick-arrow:focus { background: white; color: black; }
.module.cards-slider-content .slick-arrow.slick-next { right: 20%; }
.module.cards-slider-content .slick-arrow.slick-disabled { opacity: 0; }
@media all and (max-width: 1425px){
	.module.cards-slider-content > .module { padding: 0; }
	.module.cards-slider-content > .module >.module >.module { min-width: calc(24px + 120%); }
}
@media all and (max-width: 820px){
	.module.cards-slider-content > .module { grid-template-columns: 1fr; }
	.module.cards-slider-content > .module > .module { height: 260px; }
	.module.cards-slider-content .slick-arrow.slick-prev { left: 0 }
}
/*** END Cards Slider Content ***/

/*** Lead Module ***/
.module.lead {
	font-size: 36px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 300;
	line-height: 1.3;
	text-align: center;
	color: #000;
}
@media all and (max-width: 870px) {
	.module.lead { font-size: 28px; }
}
@media all and (max-width: 460px) {
	.module.lead { font-size: 21px; }
}
/*** END Lead Module ***/

.scroll-down-btn { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #000; border-radius: 100%; font-size: 30px; }
.scroll-down-btn:hover, .scroll-down-btn:focus { outline: none; background: black; color: white!important; border-radius: 100%!important; }


.dark-on-focus:is(:hover, :focus-within, :focus) {
	z-index: 0;
	&:after { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: rgba(0,0,0,.7);}
	a:is(:focus, :focus-visible) { border-color: #afd4ff!important; }

}

.dark-on-focus a.video-popup {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
	padding: 10px;
	background: rgba(0,0,0,0.7);
	border-radius: 100%;
	width: 67px;
	height: 67px;
	img {
		display: block;
		width: 30px;
		height: auto;
		margin-left: 5px
	}
}


svg.icon {
	display: inline-block;
	width: 1em;          /* scale with font size */
	height: 1em;         /* scale with font size */
	vertical-align: -0.125em; /* tweak baseline alignment */
	fill: currentColor;  /* inherit text color */
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

@media all and (max-width: 1720px){
	header.main .menu-item { padding: 0 15px; }
}

@media all and (max-width: 1650px) {
	html,
	body {
		font-size: 16px;
	}
	body {
		padding-top: $(header-height-small);
	}

	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 24px;
	}
	h3,
	h4,
	h5,
	h6 {
		margin: 16px 0 8px 0;
	}

	header.main {
		font-size: 14px;
		height: $(header-height-small);
	}
	header.main .menu-item .dropdown {
		top: $(header-height-small);
	}
	header.main .split .left {
		height: $(header-height-small);
	}

	header.main nav {
		margin: 0;
	}

	.image-slider {
		padding: 0;
		height: calc(100vh - $(header-height-small));
		background: black;
	}

	footer.main {
		font-size: 14px;
	}

	.washlet-benefits-img-text-container .module.container {
		min-height: 500px;
	}
	
	.washlet-benefits-text-container {
		padding: 150px 120px;
	}
}
@media all and (min-width: 1650px) {
    .global-reference .content p {
        font-size: 20px;
    }

    .global-reference .content h1 {
        font-size: 40px;
    }
    .global-reference .content a {
        font-size: 20px
    }
	header.main .menu-item.mega .submenu-wrap .submenu > li > a { font-size: 18px; padding: 20px 25px; }
	header.main .menu-item.mega .submenu-wrap .submenu { padding: 0 64px; }
}

@media all and (min-width: 1480px){
	.scroll-carousel .slick-arrow.slick-next { right: -50px; }
	.scroll-carousel .slick-arrow.slick-prev { left: -50px; }
}
@media all and (max-width: 1430px) {
	header.main .menu-item {
		padding: 0 8px;
	}
	.scroll-carousel .slick-arrow.slick-next { right: -10px; }
	.scroll-carousel .slick-arrow.slick-prev { left: -10px; }
}

@media all and (max-width: 1350px) {
	.washlet-how-it-works-container .span6 span {
		font-size: 12px;
		line-height: 32px;
	}

	.new-washlet-page-slide .content {
		padding-right: 25px;
	}

	header.main .menu-item > a { font-size: 12px; }

}

@media all and (min-width: 1200px) {
	header.main .menu-item:hover .dropdown {
		display: block;
		opacity: 1;
		pointer-events: auto;
	}
}

@media all and (max-width: 1200px) {
	header.main {
		height: auto;
	}
	header.main .overlay {
		display: none !important;
	}
	header.main .mobile-menu-toggle {
		display: inline-block;
	}
	header.main .split .right {
		display: none;
		width: 100%;
		flex: 0 0 100%;
		order: 1;
		background: white;
		text-align: left;
		height: auto;
		max-height: calc(100vh - $(header-height-small) - env(safe-area-inset-bottom));
		position: fixed;
		top: $(header-height-small);
		right: 0;
		bottom: env(safe-area-inset-bottom);
		left: 0;
		overflow: auto;
		padding-top: 30px;
	}
	header.main .split .right .mobile-menu-toggle {
		position: absolute;
		right: 8px;
		top: 0px;
	}
	header.main.mobile-on .split .right {
		display: block;
	}
	header.main .left .menu-item:not(.logo):not(.language), header.main.mobile-on nav.split > .mobile-menu-toggle {
		display: none;
	}
	header.main .left .menu-item .label {
		display: none;
	}
	header.main .left .menu-item .bubble {
		margin: 0;
	}
	header.main .right .menu-item,
	header.main .right .sub-menu-item {
		display: block;
	}
	header.main .right .menu-item.on {
		background: transparent;
		border-color: transparent;
	}
	header.main .right .menu-item.on::before {
		opacity: 0;
	}
	header.main .right .menu-item .box {
		padding: 8px 0;
		font-weight: 600;
	}
	header.main .right .dropdown {
		position: static;
		opacity: 1;
		pointer-events: auto;
		padding: 0;
		max-width: 100;
		overflow: hidden;
	}
	header.main .right .menu-item.open > .dropdown,
	header.main .right .menu-item.on > .dropdown {
		display: block;
	}
	header.main .columns > .column:first-child .heading {
		display: none;
	}
	header.main .right .menu-item {
		padding: 1vw 2vw;
	}
	header.main .menu-item.search {
		display: flex;
		align-items: center;
	}
	header.main .menu-item.search form {
		display: inline-block !important;
		flex: 1;
		position: relative;
		width: 100%;
		max-width: none;
		margin: 0 0 0 8px;
	}


	header.main .right .dropdown {
		display: none;
	}
	header.main .right .menu-item.open > .dropdown,
	header.main .right .menu-item.on > .dropdown {
		display: block;
	}
	header.main .right .dropdown .columns {
		display: block;
	}
	header.main .right .dropdown .column {
		margin: 32px 0;
	}
	header.main .dropdown .column {
		border: none;
	}
	/*header.main .menu-item.has-dropdown .box > i::after {
		content: 'keyboard_arrow_down';
		display: inline-block;
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 24px;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
		white-space: nowrap;
		word-wrap: normal;
		direction: ltr;
		-webkit-font-feature-settings: 'liga';
		-webkit-font-smoothing: antialiased;
	}
	header.main .menu-item.has-dropdown.open .box > i::after,
	header.main .menu-item.has-dropdown.on .box > i::after {
		transform: rotate(180deg);
	}*/

	header.main .menu-item { clear: both; }
	header.main .menu-item.has-dropdown .box { width: calc(100% - 50px); float: left; }
	header.main .menu-item.has-dropdown .box + button { float: left; width: 45px; height: 28px; margin: unset; clip: unset; position: relative; text-indent: -99999px; background: url(/images/chevron-down.svg) no-repeat center center; background-size: 14px auto; }
	header.main .menu-item.has-dropdown.open .box + button { background-image: url(/images/chevron-up.svg); }
	header.main .menu-item.has-dropdown .box + button + * { clear: both; }

	.slider-thumbnail-container .thumbnails .slide {
		padding: 1vw;
	}

	header.main .menu-item.mega.open .submenu-wrap { display: block; position: relative; background: white; font-size: 14px; padding: 0 16px;  }
	header.main .menu-item.mega.open .submenu-wrap .submenu {padding: 0}
	header.main .menu-item.mega.open .submenu-wrap .submenu li { display: block; text-align: left }
	header.main .menu-item.mega.open .submenu-wrap .submenu li .sub-submenu {display: block; position: relative; padding: 0 }
	header.main .menu-item.mega.open .submenu-wrap .submenu li .sub-submenu .columns {display: block; }
	header.main .menu-item.mega.open .submenu-wrap .submenu li .sub-submenu .columns .column { width: 100%; max-width: 100%; padding: 0; border: 0; font-size: 14px; margin-bottom: 20px }
	header.main .menu-item.mega.open .submenu-wrap .submenu li .sub-submenu .columns .column { width: 100%; max-width: 100%; padding: 0; border: 0; font-size: 14px; margin-bottom: 20px }
	header.main .menu-item.mega.open .submenu-wrap .submenu > li:first-child > a:first-child, header.main .menu-item.mega.open .submenu-wrap .submenu > li:first-child > a:first-child + button { margin-top: 20px }
	header.main .menu-item.mega.open .submenu-wrap .submenu li > a { padding: 0; font-weight: bold; margin-bottom: 10px; position: relative;}
	header.main .menu-item.mega.open .submenu-wrap .submenu li > a:after { display: none; }
	header.main .menu-item.mega.open .submenu-wrap .submenu li .sub-submenu .columns .column > .heading.subtle {padding: 0; font-weight: bold  }
	header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu > a { padding-right: 5px;}/* 20px*/
	/*header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu > a > i:after  {
		content: 'keyboard_arrow_down';
		display: inline-block;
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 21px;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
		white-space: nowrap;
		word-wrap: normal;
		direction: ltr;
		-webkit-font-feature-settings: 'liga';
		-webkit-font-smoothing: antialiased;
		height: initial;
		width: initial;
		background: transparent;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0px;
		bottom: initial;
		left: initial;
		opacity: 0.5
	}*/
	header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu .sub-submenu {display: none;}
	header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu.open .sub-submenu {display: block;}
	/*header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu.open > a > i:after { transform: translateY(-50%) rotate(180deg) ; }*/

	header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu { clear: both; }
	header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu > a { width: auto; float: left; }
	header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu > a + button { float: left; opacity: .6; width: 18px; height: 25px; margin: unset; clip: unset; position: relative; text-indent: -99999px; background: url(/images/chevron-down.svg) no-repeat center center; background-size: 12px auto; }
	header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu.open > a + button { background-image: url(/images/chevron-up.svg); }
	header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu > a + button + * { clear: both; }

	.washlet-benefits-img-text-container .module.container {
		min-height: 400px;
	}
	
	.washlet-benefits-text-container {
		padding: 100px 80px;
	}

	.washlet-most-famous-bidet .span6 {
		width: 100%;
	}

	.washlet-most-famous-bidet > .module.container .module.container > .module_content {
		padding-right: 0;
	}

	.washlet-most-famous-bidet > .module.container h2 {
		margin-bottom: 20px!important;
	}

	.washlet-most-famous-bidet .washlet-logos {
		margin-top: 20px!important;
	}

	
	.washlet-latest-items-container > .span3 {
		width: 50%;
	}

	.washlet-buy-online .washlet-buy-online-items-container .span20 {
		width: 33.33%;
	}
	
	.washlet-features-hover-colside .washlet-features-hover-item {
		flex-direction: column-reverse;
		padding: 15px 0;
	}
	
	.washlet-features-hover-colside.right .washlet-features-hover-item {
		flex-direction: column-reverse;
	}

	.washlet-features-hover-colside .washlet-features-hover-item .washlet-features-hover-item-img {
		margin: 0 0 15px auto;
	}

	.washlet-features-hover-colside.right .washlet-features-hover-item  .washlet-features-hover-item-img {
		margin: 0 auto 15px 0;
	}

	.washlet-features-hover .washlet-features-hover-item-img {
		max-width: 95px;
	}

	.sustainable-products > .module_content + .module { width: 33.33% }
	.sustainable-products > .module_content + .module + .module { width: 33.33% }
	.sustainable-products > .module_content ~ .module:last-child { width: 33.33% }

	header.main .menu-item.search:hover, header.main .menu-item.search.open {
		background: transparent
	}

}

@media all and (min-width: 1022.98px) and (max-width: 1057px) {
	.module.image-hover-blocks > div .module_content + div .module_content {
		position: relative!important;
		padding-bottom: 80px!important;
		min-height: 100%!important;
	}
	.module.image-hover-blocks > div .module_content + div:after {
		display: none
	}
}

@media all and (min-width: 800px) and (max-width: 1160px) {
	body[class*="page-history-of-washlets"] .module.hero { padding: 130px 0 0!important; }
}

@media all and (max-width: 800px) {
	body[class*="page-history-of-washlets"] .module.hero { padding: 68px 0 0!important; }
}


@media all and (max-width: 1024px) {
	.dark-tabs .tabs .split .tab svg {
		width: 32px;
	}
	.dark-tabs .tabs .split .tab h2 {
		font-size: 18px;
	}
	.dark-tabs .tabs .split .tab h3 {
		font-size: 14px;
	}

	.evolution-section .module {
		width: 100%;
		flex: 0 0 100%;
		height: 20vh;
		margin: 0!important
	}
	.evolution-section > .module:nth-child(1) {
		margin-top: 24px!important;
	}

	.module.image-hover-blocks {
		grid-template-columns: 1fr 1fr !important;
	}
	.quizmodalpopup > .inner > .content .slide > .result .similar > a {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.side-panel-section.on .panel { width: 50%; }
	.side-panel-section > .module + .module > .module > .module_content { font-size: 14px; }

	.module.slideshow.washlet-installation-steps-slider .inner .content {
		padding-left: 15%;
		max-width: calc(100% - (25vw + 190px));
	}
	
	.module.slideshow.washlet-installation-steps-slider .inner .title {
		font-size: 20vw;
		width: 94%;
	}
	
	.module.slideshow.washlet-installation-steps-slider .inner .image {
		right: 0;
	}

	.washlet-benefits-img-text-container .module.container {
		min-height: 300px;
	}
	
	.washlet-benefits-text-container {
		padding: 70px 80px;
	}
	
	.side-panel-section.washlet-how-it-works { 
		flex-direction: column; 
	}

	.side-panel-section.washlet-how-it-works > div { width: 100%; }
	.side-panel-section.washlet-how-it-works.on .panel { width: 100%; margin-top: 24px }
	.side-panel-section.washlet-how-it-works.on > .module_content + .module { height: 0; }

	.washlet-how-it-works-img-container {
		max-width: 300px;
    	margin: auto;
	}

}

@media all and (max-width: 1023px) {
	.washlet-features-hover-colmid {
		display: none!important;
	}

	.washlet-features-hover .washlet-features-hover-item {
		cursor: default;
	}

	.washlet-features-hover .washlet-features-hover-items-container {
		flex-direction: column;
	}

	.washlet-features-hover .washlet-features-hover-item-content h3,
	.washlet-features-hover .washlet-features-hover-item-content p {
		text-align: center!important;
	}

	.washlet-features-hover-colside .washlet-features-hover-item .washlet-features-hover-item-img,
	.washlet-features-hover-colside.right .washlet-features-hover-item .washlet-features-hover-item-img {
		margin: 0 auto 15px auto;
	}

	.washlet-most-famous-bidet > .module.container .module_content {
		width: 75%;
		margin: auto;
	}
}


@media all and (max-width: 960px) {

	.warranty-section {
		flex-direction: column;
		padding: 150px 30px 30px;
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
		box-shadow: none;
	}

	.warranty-section > .module_content + .module + .module {
		padding: 0;
		width: 100%!important;
	}
	.warranty-section > .module_content + .module + .module + .module {
		width: 100%!important;
		padding-top: 40px;
		text-align: left
	}

	.warranty-section > .module_content + .module {
		height: 200px;
		bottom: auto;
		width: 100%!important;
	}

	.warranty-section > .module_content + .module + .module + .module a {
		border-radius: 5px;
	}

	.product .content-top .sku {
		margin: 0;
		padding: 0;
	}

	.features-grid {
		display: block;
		height: auto;
        width: 100%;
	}
	.features-grid .tile {
        width: 100%;
		margin-bottom: 8px;
		min-height: 0
	}

	.features-grid .tile > a .module_content,
	.features-grid .tile > a,
	.features-grid .tile > .module_content
	{
		min-height: 50vw;
	}

	.product-grid > .item, .product-grid > ul > li {
		min-width: 50%;
	}

	.cleanovation-hero .svg-container {
		display: none;
	}

	@for base in range(1, 16) {
		.cleanovation-grid .tile:nth-child(#(base)) a {
			height: auto;
			flex: 0 0 100%;
			padding-top: 48px !important;
			padding-right: 48px !important;
			padding-bottom: 48px !important;
			padding-left: 48px !important;
			text-align: center !important;
			justify-content: center !important;
		}
	}
    .cleanovation-grid .tile {
        width: 100%!important;
        margin: 0;
    }
	.cleanovation-grid .tile.video a {
		order: -1;
	}

	.dark-tabs .tab-block.image-split .image,
	.dark-tabs .tab-block.image-split .text {
		flex: 0 0 100%;
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.dark-tabs .tab-block.image-split .image img {
		width: 100%;
		height: auto;
	}

	.video-blurb h3 {
		font-size: 18px;
        text-align: center!important;
	}
	.video-blurb svg {
		width: 64px;;
	}
	.video-blurb h2 {
		font-size: 24px;
        text-align: center!important;
	}
	.video-blurb p {
		font-size: 18px;
	}

	.side-list .title {
		width: 100%;
		flex: 0 0 100%;
	}
	.side-list .side-list-options {
		width: 100%;
		flex: 0 0 100%;
		border: none;
		padding: 0;
	}

	footer.main .footer-section {
		padding: 32px 0;
	}

	footer.main .side-list .title {
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		padding-bottom: 8px;
		padding-right: 0;
		font-size: inherit;
		margin: 0 0 8px
	}
	footer.main .side-list .title.main {
		padding: 0;
	}
	footer.main .side-list .title:not(.main) {
		border-bottom: 1px solid rgba(255,255,255,.3);
	}
	footer.main .side-list .title:not(.main) .icon {
		display: inline-block
	}
	footer.main .side-list .title:not(.main) .icon::after {
		content: 'add_circle_outline';
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 20px;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
		display: inline-block;
		white-space: nowrap;
		word-wrap: normal;
		direction: ltr;
		-webkit-font-feature-settings: 'liga';
		-webkit-font-smoothing: antialiased;
	}
	footer.main .side-list .title.on:not(.main) .icon::after {
		content: 'remove_circle_outline';
	}
	footer.main .side-list .title:not(.on) + .side-list-options {
		display: none !important;
	}
	footer.main .side-list .title.on + .side-list-options {
		display: block !important;
	}
	footer.main .side-list .divider {
		display: none !important;
	}

	footer.main .columns .column {
		flex: 0 0 100%;
	}
	footer.main .columns .column.logo {
		flex: 0 0 100%;
	}
	footer.main .columns .column:not(.on) > *:not(.heading) {
		display: none !important;
	}
	footer.main .column .heading {
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		padding-bottom: 8px;
		font-size: 14px;
	}
	footer.main .column:not(.on) .heading {
		margin-bottom: 0;
	}
	footer.main .column .heading .icon {
		display: inline-block;
	}
	footer.main .column .heading .icon::after {
		content: 'add_circle_outline';
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 20px;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
		display: inline-block;
		white-space: nowrap;
		word-wrap: normal;
		direction: ltr;
		-webkit-font-feature-settings: 'liga';
		-webkit-font-smoothing: antialiased;
	}
	footer.main .column.on .heading .icon:after {
		content: 'remove_circle_outline';
	}

	.logos > .module {
		 width: calc(100% / 3)
	 }
	.logos > .module:nth-child(5n) {
		border-top: 0;
		border-left: 1px solid #E5E5E5;
	}
	.logos > .module:nth-child(6n) {
		border-left: 0
	}
	.logos > .module:nth-child(8n) {
		border-left: 1px solid #E5E5E5;
	}

	.dark-tabs .tab-block.image-split {
		display: block;
		margin: 0 -24px;
	}

	.slideshow .video-slide .content h2 {
		font-size: 54px
	}

	.slideshow .video-slide .content, .slideshow .video-slide .content h3 {
		font-size: 32px
	}

	.features-grid .tile .image-mobile {
		 display: block
	 }
	.features-grid .tile .image-desktop {
		display: none
	}

	.slideshow .video-slide.small-heading .content h2 {
		font-size: 48px;
	}
	.slideshow .video-slide.small-heading .content h3{
		font-size: 26px;
	}

	.benefit-list.center {
		justify-content: space-between;
		.list-item {
			margin-left: 0!important;
			margin-right: 0!important;
			width: calc(50% - 20px);
		}
	}

	.smart-toilet-tech > .module {
		flex: initial!important;
		width: calc(100% / 3)!important;
	}

	.neorest-carousel.style-2 .slick-slide > .module_content h2,
	.neorest-carousel.style-2 .slick-slide > .module_content h3 {
		font-size: 32px;
	}

	.neorest-carousel.style-2 .slick-slide > .module_content + .module {
		width: 40% !important;
	}

	.neorest-carousel.style-2 .slick-slide > .module_content {
		width: 60% !important;
		padding-bottom: 120px
	}

	.neorest-carousel.style-2 .slick-slide > .module_content + .module + .module {
		height: 150px!important;
		bottom: 150px;
		left: 40%
	}

	.showroom-form-results .showroom {
		width: 100%;
		margin-bottom: 40px
	}

	.warranty-section {
		margin-bottom: 0px;
	}

	.compare-table tbody {
		tr td, tr th {
			width: 20%;
			padding-top: 30px;
			height: 32px;
			font-size: 14px;
			&:first-child:not([colspan]), &:nth-child(2) {
				display: none;
			 }
			&[data-title] {
			 	position: relative;
				&:before {
					content: attr(data-title);
					position: absolute;
					 top: 7px;
					 left: 5px;
					 white-space: nowrap;
				}
			 }
		}
		/*tr.first-dot {
			td {
				padding-top: 25px;
				&[data-title]:before {
					 position: absolute;
					 transform: translateY(-50%);
					 top: calc(50% - 10px);
					 left: 20px;
					 white-space: nowrap;
				 }
			}
		}

		tr.first-value {
			td {
				padding-top: 30px;
				&[data-title]:before {
					position: absolute;
					 transform: translateY(-50%);
					 top: calc(50% - 15px);
					 left: 5px;
					 white-space: nowrap;
				 }
			}
		}*/
		tr:first-child {
			td, th {
				h3, .h3 { font-size: 16px; }
			}
		}
		tr:nth-child(2) td img, tr:nth-child(2) th img {
			height: 20px;
			margin: 0 5px
		}
		tr:nth-child(3) td a, tr:nth-child(3) th a {
			font-size: 12px;
			padding: 8px 15px
		}
		tr.h td , tr:nth-child(4) td  {
			h3, .h3 {
				font-size: 16px
			}

		}
	}

	.quizmodalpopup > .inner > .content .slide > .picks > .pick {
		> .img {
			padding-top: calc(100% - 50px)
		}
		> .text {
			height: 50px;
			font-size: 20px
		}
	}

	.quizmodalpopup > .inner > .content .slide > .question > .question {
		font-size: 28px;
		margin-bottom: 10px
	}

	.module.slideshow.washlet-installation-steps-slider .inner .content {
		padding-left: 138px;
		max-width: calc(100% - (25vw + 100px));
	}

	.compare-washlet-table .compare-table {
		table-layout: fixed;
	}
	
	.compare-washlet-table .compare-table tbody tr > *:nth-child(3),
	.compare-washlet-table .compare-table tbody tr  > *:nth-child(4),
	.compare-washlet-table .compare-table tbody tr  > *:nth-child(5),
	.compare-washlet-table .compare-table tbody tr  > *:nth-child(6),
	.compare-washlet-table .compare-table tbody tr  > *:nth-child(7) {
		width: 20%;
	}
	
	.washlet-benefits-img-text-container .module.container {
		min-height: 300px;
	}
	
	.washlet-benefits-text-container {
		padding: 50px 60px;
	}

	.module.container.navbar .items a {
		flex: none;
		width: calc(100% / 3);
		border-right: 1px solid rgba(255,255,255,.2);
    	border-bottom: 1px solid rgba(255,255,255,.2);
	}

	.module.container.navbar .items a:nth-child(3n) {
		border-right: none;
	}
	.module.container.navbar.history-nav .items a {
		border-right: 1px solid rgba(255,255,255,.2);
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.module.container.navbar.history-nav .items a:before {
		bottom: 20px;
		width: 0;
		height: 0;
		border-width: 12px 10px 0 10px;
		border-color: #fff transparent transparent transparent;
		border-style: solid;
		border-radius: 0;
		background: none;
	}

	.module.container.navbar.history-nav .items a:last-child { border: 0}

	.module.container.navbar.history-nav .items a:after { display: none; }

	section.locations .sidebar,
	section.locations .main {
		width: 100%;
		flex: 0 0 100%;
		border-right: none;
		border-left: none;
		margin: 0;
		padding: 0;
	}
	section.locations .sidebar {
		margin-bottom: 64px;
	}
	section.locations .location-type-grid .box {
		padding-bottom: 100%;
	}

	.washlet-latest-items-container .span4 {
		width: 50%;
	}

	.online-retailers-finder .row {
		grid-template-columns: repeat(3, 1fr)!important;
	}

	.videos-gallery .videos {
		grid-template-columns: repeat(2, 1fr);
	}

}

.strategy-water {
	padding: 20px;
	margin-top: 20px;
	border: 2px solid #dfdfdf;
	display:  flex;
	align-items: center
}

.strategy-water > .module_content + .module { margin-top: 0!important; }
.strategy-water > .module_content + .module .module_content { padding: 20px; font-size: 24px; font-weight: bold; line-height: 1.5; color: #0499D9  }
.strategy-water > .module_content + .module .module_content p { color: #0499D9  }

@media all and (min-width: 960px){
	.applicable-products ul.Accordion {
		display: flex;
	}
	.applicable-products .Accordion > li {
		flex: 1;
	}
	.applicable-products .Accordion > li:first-child {
		border: 0!important;
		border-right: 2px solid #dfdfdf!important;
	}

	.applicable-products .Accordion > li .accordion-title { text-align: center; pointer-events: none; cursor: initial }
	.applicable-products .Accordion > li .accordion-title:before, .applicable-products .Accordion > li .accordion-title:after { display: none!important; }
	.applicable-products .Accordion > li .accordion-content { display: block!important; opacity: 1!important; height: unset!important; padding: 0 20px 20px!important; }

}


@media all and (max-width: 960px){
	.strategy-water > * { width: 100%; }
	.strategy-water {
		flex-direction: column
	}
	.strategy-water > .module + .module img { width: 100%; max-width: 400px }
	.applicable-products ul.Accordion {
		padding: 0!important;
	}
	.timeline .event img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
	.timeline .event .box .bottom-content img[align] { float: none; }
	.timeline .event table,
	.timeline .event table tr,
	.timeline .event table td {
		display: block;
	}
	.timeline .event table tr:not(:last-child) td {
		margin-bottom: 24px;
	}
	.timeline .event .split .side.left,
	.timeline .event .split .side.right {
		flex: 0 0 100%;
		width: 100%;
		max-width: none;
	}
}

@media all and (max-width: 870px) {
	.secondary-menu {
		.left-area { display: none; }
		.right-area { width: 100%; ul {padding: 0} }
	}

	.showroom-section > .module_content + .module {
		padding-left: 0;
		padding-right: 0
	}
	.showroom-section > .module + .module {
		position: relative;
		order: -1;
		height: 150px!important;
		width: 100%;
		border-radius: 10px;
		right: initial;
	}
	body .showroom-section .module.bottom-links {
	order: 3!important;
	height: auto!important;
	margin: 40px 0 0!important;
	border-radius: 0;
	width: 100%!important;
	ul {
		flex-direction: column;
		li {
			border: 0;
			text-align: left;
			a {font-size: 16px; }
		}
	}
	}

	.module.videoHero .video-hero.has-mobile-video .background video.desktop-video { display: none; }
	.module.videoHero .video-hero.has-mobile-video .background video.mobile-video { display: block; }

.arrow-links-section {
	order: 3!important;
	height: auto!important;
	margin: 40px 0 0!important;
	border-radius: 0;
	width: 100%!important;
	ul {
		flex-direction: column;
		li {
			border: 0!important;
			text-align: left;
			a { font-size: 16px; }
		}
	}
}

.washlet-benefits-img-text-container .module.container {
	flex-direction: column-reverse;
}

.washlet-benefits-img-text-container .module.container:nth-child(2),
.washlet-benefits-img-text-container .module.container:nth-child(4) {
	flex-direction: column;
}

.washlet-benefits-img-text-container .module.container .module.container {
	width: 100%;
}

.washlet-benefits-img-text-container .module.container {
	min-height: 400px;
}

.washlet-benefits-img-text-container .module.container {
	align-items: flex-start;
	min-height: unset;
}

.washlet-benefits-img-text-container .bg-img-container {
	min-height: 400px!important;
}

.washlet-latest-items-container > .span3 {
	width: 100%;
}

.washlet-latest-items-container {
	margin: 0;
}

.washlet-latest-items-container .washlet-latest-products-item {
    padding: 5px 0;
}

.washlet-latest-items-container .washlet-latest-products-img .module_content {
	text-align: center;
}

.new-washlet-page-slide .content {
	max-width: 60%;
	padding-right: 10px;
}

.elegant-section > .module:not(.module ~ .module) .module_content { width: 100%; }

}

@media all and (max-width: 840px){
	.results { width:100%; }
	.message-section { flex-direction: column; }
	.message-section > * { width: 100% }
	.message-section > .module:nth-child(3) .module_content { width: 100%; }
	.message-section > .module:nth-child(3) h3 { font-size: 28px }
	.message-section > .module:nth-child(3) h4 { font-size: 18px }
	.module.logo-images .module_content img { max-width: 100%; }
	.check-list li { width: 100%; }
	.suggested-products .wrapper { flex-direction: column; }
	.suggested-products .wrapper .title { padding-bottom: 0; margin-bottom: 10px; max-width: unset; text-align: center; display: block; }
	.suggested-products .wrapper .prods { padding: 0; }
	.retailers-heading { flex-direction: column; }
	.retailers-heading > h2, .retailers-heading .heading { margin-top: 0px }
	.retailers-heading .description, .retailers-heading .description p,
	.authorized-retailers-heading h2,
	.authorized-retailers-heading .description,
	.authorized-retailers-heading .description p { text-align: center; }
	.retailers-heading .countries { width: 100%; justify-content: center; }
	.retailers-heading .countries legend + .country-radio  { margin-left: 0; }
	.retailers-heading .countries > label:first-child { margin-left: 0px; }
	.online-retailers-finder .tab-content .retailers-heading > h2, .online-retailers-finder .tab-content .retailers-heading .heading { margin-bottom: 10px; padding-right: 0 }
	.online-retailers-finder .tab-content { padding-left: 0; padding-right: 0; }
	.totopro-header { flex-flow: wrap; justify-content: center }
	.totopro-header .totopro-alpha-filter { flex: unset; }
	.totopro-header .search-wrapper { width: 100%; max-width: 600px; }
}

@media all and (max-width: 800px) {
	.side-list .links.three-columns {
		columns: 2 64px;
	}

	.module.image-content a {
		flex-direction: column;
	}

	.module.image-content a .module {
		width: 100%;
		min-height: 100px
	}

	.module.tabs-nav .module_content a {
		font-size: 18px
	}

	.dark-tabs .tabs .split .tab a {
		padding: 0 4px;
		overflow: hidden;
	}
	.dark-tabs .tabs .split .tab h2,
	.dark-tabs .tabs .split .tab h3 {
		font-size: 9px;
	}

	.benefit-list .list-item div:nth-child(2) {
		font-size: 16px;
	}

	.module.image-content.full > .module {
		width: 50%
	}

	.cleanovation-hero .title-container {
		max-width: calc(100% - 128px);
		width: calc(100% - 128px);
		padding-left: 0;
		padding-right: 0;
	}


	.module.secondary-menu .submenu-sandwich,
	.module.secondary-menu .right-area ul li,
	.module.secondary-menu .right-area ul li:not(:last-child) a {
		display: block!important;
	}

	nav.module.secondary-menu li.submenu-sandwich {
		display: inline-block!important;
	}

	.module.secondary-menu:not(.on) .right-area ul li:not(.submenu-sandwich){
		display: none!important;
	}

	.module.secondary-menu .right-area ul li:not(.submenu-sandwich) {
		a {
			padding: 12px 0
		}
	}

	.module.secondary-menu {
		max-height: calc(100% - 35px);
		overflow: auto;
		padding: 20px 40px!important;
		.right-area {
			ul li a { margin-left: 0!important; line-height: 1; }
			.submenu-sandwich a { font-size: 21px; }
			.submenu-sandwich + li { margin-top: 20px; }
			ul li:last-child { margin-top: 10px; }
			ul li:empty { width: 100%; height: 20px; }
		}
	}

	.module.secondary-menu.on {
		.submenu-sandwich .close { display: inline-block!important; }
		.submenu-sandwich .open { display: none!important; }
	}

	.quizmodalpopup > .inner > .content .slide > .question {
		width: 100%;
	}

	.quizmodalpopup > .inner > .content > .slide {
		flex-direction: column;
		> .picks {
			width: 100%;
		}
	}
	.quizmodalpopup {top: calc(50% + 30px); max-height: calc((var(--vh, 1vh) * 100) - 100px); height: calc((var(--vh, 1vh) * 100) - 100px) }
	.quizmodalpopup > .inner > .content .slide > .question > .sub { margin-top: 0; }
	.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff {margin-top: 15px; margin-bottom: 25px; }
	.quizmodalpopup .header > .title { font-size: 30px; }
	.quizmodalpopup > .inner { padding: 35px 35px 82px; }
	.quizmodalpopup > .inner > .goback { bottom: 33px; }
	.quizmodalpopup > .inner > .content .slide > .result { flex-direction: column; }
	.quizmodalpopup > .inner > .content .slide > .result .details { width: 100%; margin-top: 20px; }
	.quizmodalpopup > .inner > .content .slide > .result .img-wrapper { width: 100%; max-width: 300px;  }
	.quizmodalpopup > .inner > .content .slide > .result .title {font-size: 18px; }
	.quizmodalpopup .header > .totorecommends { font-size: 16px; }
	.quizmodalpopup .header > .totorecommends img { max-width: 120px; }
	.quizmodalinline > .text .title { font-size: 24px; }
	.quizmodalinline > .text .description, .quizmodalinline > .text .button {font-size: 16px; }

	.big-text-block.half-blocks > .module { width: 100%; }


	.module.slideshow.washlet-installation-steps-slider .inner .title {
		font-size: 18vw;
	}


	.module.slideshow.washlet-installation-steps-slider .inner .content {
		max-width: calc(100%);
		width: 100%;
		padding-left: 0;
	}
	
	.module.slideshow.washlet-installation-steps-slider .inner .image {
		left: 0;
		right: 0;
		padding-right: 0;
		align-self: baseline;
		transform: unset;
		-webkit-transform: unset;
		-moz-transform: unset;
		-ms-transform: unset;
		-o-transform: unset;
}

.module.secondary-menu > .mobile-only {
	display: block;
	max-width: 480px;
}

/* hide last 2 li items */

.secondary-menu.mobile-last-two-items-hidden > .module_content .right-area ul li:nth-last-child(2),
.secondary-menu.mobile-last-two-items-hidden > .module_content .right-area ul li:last-child {
	display: none!important;
}

.hover-tiles > * { width: 50%; }

.stretchy-link-blocks {
	justify-content: flex-start;
}
.stretchy-link-blocks > .module {
	flex: unset;
	width: 50%;
	margin: 0

}
.stretchy-link-blocks > .module:hover {
	flex: unset;
}

.stretchy-link-blocks > .module > .module_content {
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
}

.stretchy-link-blocks > .module > .module_content .arrow-link-btn { margin: 20px 0 0 }
.stretchy-link-blocks > .module:nth-child(even):last-child { width: 100%; }

.sustainable-products > .module_content + .module { width: 100% }
.sustainable-products > .module_content + .module + .module { width: 100%; max-width: 300px; margin: 24px auto 0!important; display: block!important; }
.sustainable-products > .module_content ~ .module:last-child { width: 100% }

}

@media all and (max-width: 720px) {
	.point-blocks-bg-image > .module { width: calc(50% - 15px)!important; }
	.module.new-left-image-content {
		display: block;
	}
	.module.new-left-image-content > div {
		width: 100%!important;
	}
	.module.new-left-image-content > .module_content + div {
		min-height: 250px
	}
	.module.new-left-image-content > .module_content + div + div {
		padding: 20px 0;
	}
	.module.hover-blocks, .module.links-hover-blocks { flex-direction: column}
	.module.hover-blocks .module, .module.links-hover-blocks .module { width: 100%; min-height: 200px; margin: 0!important;}
	.full-size-images .module_content img { width: 100%; }

	.side-panel-section > .module_content + .module img { display: block; max-width: 300px; margin: 0 auto; }
	.side-panel-section { flex-direction: column; }
	.side-panel-section > div { width: 100%; }
	.side-panel-section.on .panel { width: 100%; margin-top: 24px }
	.side-panel-section.on > .module_content + .module { height: 0; }
	.side-panel-section > .module_content + .module img {
		max-width: 100%;
	}
	.download-area { flex-direction: column }
	.download-area > .module { width: 100%!important; }
	.download-area > .module + .module { margin-top: 40px!important; align-items: center!important; }
	.download-area > .module h2 { font-size: 24px!important; }
	.sticky-nav .module a { font-size: 16px }
	.sticky-nav .module ul li:not(:last-child) { margin-right: 20px }


	.washlet-buy-online .washlet-buy-online-items-container .span20 {
		width: 50%;
	}

	.newsletter-subscription-wrapper .wrapper form .row {
		grid-template-columns: repeat(2, 1fr);
	}

	body.sitemap #main-content .sitemap  { grid-template-columns: 1fr }

	.totopro-header .sort-wrap, .totopro-header .search-wrapper { width: 100%; max-width: 468px; }
	.totopro-header .totopro-alpha-filter { flex-flow: wrap; justify-content: center; min-height: 27px; height: unset; }

}

@media all and (max-width: 640px) {
	html,
	body {
		font-size: 14px;
	}

	section {
		padding: 24px 0;
	}

	h1 {
		font-size: 24px;
		margin-bottom: 24px;
	}
	h2 {
		font-size: 18px;
		margin: 24px 0;
	}

	.wrapper {
		padding: 0 8px;
	}

	.wrapper.blue {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.features-grid {
		margin-top: 24px;
	}

	.slider-thumbnail-container .thumbnails {
		margin: 24px 0;
	}

	.product-grid {
		width: auto !important;
		margin: 0 -24px !important;
		padding: 0 !important;
	}
	.product-grid > .item, .product-grid > ul > li {
		padding: 0;
		margin-bottom: 0;
		position: relative;
	}
	.product-grid .image { z-index: 0; }
	.product-grid .image:after { content: ""; height: 100px; position: absolute; left: 0; bottom: 0; right: 0; z-index: -1; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%); }
	.product-grid .label {
		font-size: 16px;
		position: absolute;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		color: white;
		padding: 8px;
		font-weight: 500;
		text-align: left !important;
		margin-left: 0;
		transform: none;
		text-shadow: 0 2px 7px rgba(0,0,0,1)
	}
	.product-grid .lineout:before,
	.product-grid .lineout:after {
		background: white;
	}

	.spaced-grid .items {
		margin: -4px;
	}
	.spaced-grid > .item, .spaced-grid > ul > li {
		min-width: 50%;
		padding: 4px;
	}
	.spaced-grid .grid-line {
		flex: 0 0 100%;
		width: 100%;
		height: 1px;
		margin: 24px 0;
	}

	.features-grid .tile .info {
		font-size: 14px;
	}
	.features-grid .tile h3 {
		font-size: 18px;
	}

	.module.container.heading + .heading, .other-information .heading.lined {
	    padding: 8px 0;
	}

	.subpage .module h2[style*=align] {
		text-align: left!important
	}

	.about-content .span8 {
		margin-top: 0!important
	}

	.module.slideshow .slide-content {
		text-align: center !important;
		left: 24px !important;
		right: 24px !important;
		transform: translateY(-50%) !important;
	}

	.page-technologies .module.slideshow .slide > .content {
		padding: 80px 20px
	}
	.page-technologies .module.slideshow .slide > .content .content {
		font-size: 18px
	}

	.module.tabs-nav .module_content a {
		font-size: 14px
	}

	.logos > .module {
		border: 1px solid #E5E5E5!important;
	}

	.logos > .module:not(:last-child) {
		border-bottom: 0!important;
	}

	.header-banner {
		min-height: 150px;
		align-items: center;
	}

	.header-banner > div {
		padding-top: 0
	}

	.header-banner > div h1 {
		font-size: 38px!important;
	}

	.module.container.heading h1, .module.container.heading h2 {
	        font-size: 28px;
	}

	.benefit-list .list-item {
		/*width: calc(50% - 20px)*/
	}

	.module.slideshow .slide.title-slide p {
		font-size: 14px;
	}

	.slideshow .video-slide.small-heading .content h2 {
		font-size: 40px;
	}
	.slideshow .video-slide.small-heading .content h3{
		font-size: 24px;
	}

	.cta-section .btn { display: block; }

	.module.quote {
		.image {
			position: relative;
			z-index: 1;
			height: 300px
		}
		.quote-wrap {
			background: black;
			> .module_content {
				width: 100%
			}
		}
	}

	.text-image-section {
		.text { order: 2; padding: 0;}
		.text h2, .text h3, .text h4 { margin-top: 20px!important }
		.graphic { order: 1; height: 150px }
	}

	.module.overlap-image > .container:nth-child(2) {
		padding-right: 0
	}

	.module.overlap-image > .container:nth-child(3) {
		display: none!important
	}
	.module.overlap-image > .container {
		font-size: 14px;
	}

	.module.overlap-image > .container a {
		font-size: 14px;
	}

	.module.overlap-image .Accordion {
		width: 100%;
	}

	.neorest-carousel .module .module_content {
		width: 100%;
	}

	.neorest-carousel.style-2 .slick-slide > .module_content + .module {
		width: 100% !important;
		height: 200px!important;
		min-height: 200px!important;
	}

	.neorest-carousel.style-2 .slick-slide > .module_content {
		width: 100% !important;
		padding: 20px 0 0;
	}

	.neorest-carousel.style-2 .slick-slide > .module_content + .module + .module {
		display: none;
		top: 130px;
		width: 50%;
		left: auto;
		transform: none;
		right: 20px
	}

	.compare-table tbody {
			tr td, tr th {
				font-size: 12px;
				padding: 30px 3px 0 3px!important;
				.dot {
					width: 10px;
					height: 10px;
					margin-top: 5px
				}
			}

			&.hidable tr:nth-child(4) td { padding: 30px 3px 0 3px!important; }
			tr:first-child td img {
				max-width: 80%;
			}
			tr:first-child {
				td, th {
					h3, .h3 {
						font-size: 14px
					}
				}

			}
			tr:nth-child(2) td img, tr:nth-child(2) th img {
				height: 15px;
				margin: 0 5px
			}
			tr:nth-child(3) td a, tr:nth-child(3) th a {
				font-size: 10px;
				padding: 8px 15px
			}

			tr.h, tr:nth-child(4) {
				td, th {
					h3, .h3 {
						font-size: 14px
					}
				}

			}
			tr.first-dot {
				td[data-title]:before, th[data-title]:before {
					 left: 5px;
				 }
			}

	}

.search-result .right {
	padding: 16px;
}

.show-mobile { display: block; }
.show-desktop { display: none; }


.dl-group > .module + .module ul li:first-child h3, .dl-group > .module + .module ul li:first-child p { border-top: 0 }
.mfr { float: right; }
.dfr { float: none; }
.steps-section > .module > .module_content + .module + .module { margin-top: 0!important; }
.steps-section > .module > .module_content + .module + .module p { margin-top: 0!important; }
.steps-section > .module { margin-bottom: 40px!important; padding-bottom: 40px!important; border-bottom: 1px solid rgba(0,0,0,0.1) }
.steps-section > .module:last-child { border: 0 }

.module.slideshow.washlet-installation-steps-slider .inner .title {
	top: 0;
	transform: translate(-50%);
}

.module.slideshow.washlet-installation-steps-slider .inner .image {
	margin-top: 155px;
	align-self: end;
}

.module.slideshow.washlet-installation-steps-slider .inner .content {
	margin-top: 10px;
}
.module.experience-toto-washlet .experience-toto-washlet-container {
	padding-right: 0;
}

.experience-toto-washlet-icons-container {
	display: flex;
}

.module.container.navbar .items a,
.module.container.navbar a:not(.button):nth-child(3n) {
	width: calc(100% / 2);
	border-right: 1px solid rgba(255,255,255,.2);
}

.module.container.navbar a:not(.button):link:nth-child(2n) {
	border-right: none;
}


section.locations .location {
	width: 100%;
}

.location-popup {
	padding: 24px;
}
.location-popup .split .side {
	flex: 0 0 100%;
}

.washlet-buy-online .washlet-latest-items-container {
	margin: 0 0;
}

.washlet-buy-online .washlet-buy-online-items-container .span20 {
	width: 50%;
}

.washlet-latest-items-container .washlet-latest-products-item {
    padding: 5px 0;
}

.washlet-latest-items-container {
	margin: 0 0;
}

.module.experience-toto-washlet .module.button {
	text-align: center;
}

.washlet-how-it-works-container .module.container.span6 .module_content {
	margin: 0 0 0 24px;
}

.washlet-how-it-works-container .module.container.span6 {
	margin-top: 10px!important;
}

.page-washlet-installation .gradient-section .bottom-area ul {
	padding-left: 15px;
}

.page-washlet-installation .gradient-section .bottom-area td {
	padding-left: 0px!important;
}

.page-washlet-installation .gradient-section .bottom-area {
	padding: 50px 0 50px 24px;
}

.page-washlet-installation .gradient-section .bottom-area tr
 {
	display: flex;
    flex-wrap: wrap;
}

.page-washlet-installation .gradient-section .bottom-area tr td {
	display: block;
	width: 100%;
}

.page-washlet-installation .modal.awesome-modal > .content {
	padding: 25px 20px;
}

.new-washlet-page-slide .content {
	max-width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}

.new-washlet-page-slide .content p {
	font-size: 14px;
}

.new-washlet-page-slide .content p > img {
	max-width: 400px;
	margin: auto;
	width: 100%
}

.new-washlet-page-slide .content a img {
	max-width: 170px;
}

.online-retailers-finder .row {
	grid-template-columns: repeat(2, 1fr);
}


.suite-hero .bottom-float { bottom: 120px; }

.videos-gallery {
	grid-template-columns: 1fr
}

.videos-gallery aside {
	border: 0
}
.videos-gallery .categories li {
	display: inline-block;
	margin-right: 20px
}

.videos-gallery .categories li label:before {
	top: 4px
}

.videos-gallery .categories li input:checked + label:after {
	top: 7px
}

	.suggested-products .prods { grid-template-columns: 1fr 1fr; }
	.module .module.cta-banner, .module.cta-banner .module.zoomable { margin-left: -24px!important; width: calc(100% + 48px); max-width: unset!important; }
	.module.cta-banner .module.zoomable .module_content { padding: 0!important; }
	.header-banner.blog-header .wrapper  h1 br { display: none; }

}
@media all and (max-width: 540px) {
	.cleanovation-hero .title-container h1 {
		font-size: 24px;
	}

	.spaced-grid.one-up > .item, .spaced-grid.one-up > ul > li {
		flex: 0 0 100%;
		min-width: 0;
		max-width: none;
	}

	.dark-tabs .tab-block.process .split .use {
		flex: 0 0 100%;
		padding: 48px 24px;
	}
	.dark-tabs .tab-block.process .split .use:not(:last-child)::after {
		content: "v";
		position: absolute;
		top: auto;
		right: auto;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
	}

	.side-list .links.three-columns {
		columns: 1 0;
	}

	.module.three-figure {
		display: block!important;
		height: auto!important

	}

	.module.three-figure > .module:last-child > .module {
		height: auto;
	}

	.module.three-figure > .module:last-child .module a > .module_content :not(h3) {
		height: auto;
		margin: 24px 0;
	}

	.module.three-figure > .module:last-child .module a > .module_content h3:after {
		display: block
	}

	.module.three-figure > .module:nth-child(2) {
		margin-bottom: 0
	}

	.module.image-content {
		width: 100%!important
	}
	.module.tabs-nav {
		padding: 0!important
	}

	.module.tabs-nav .module_content a {
		font-size: 12px
	}
	.header-banner > div h1 {
		font-size: 30px!important;
	}

	.slideshow .video-slide .content h2 {
		font-size: 30px
	}

	.slideshow .video-slide .content, .slideshow .video-slide .content h3 {
		font-size: 21px
	}

	.module.secondary-menu {
		padding: 20px 25px!important
	}

	.module.secondary-menu img {
		width: 120px
	}

	.module.secondary-menu h1 {
		font-size: 14px
	}

	.global-reference p br {
		display: none;
	}

	.module.image-content.full {
		flex-direction: column!important;
	}

	.module.image-content.full:not(.left) > .module:nth-child(2), .module.image-content.full.left > .module:last-child {
		min-height: 250px;
		margin: 0;
		order: -1
	}

	.module.image-content.full > .module:nth-child(2) {
		min-height: 250px;
	}

	.module.image-content.full {
		min-height: 300px!important
	}

	.smart-toilet-tech > .module {
		flex: initial!important;
		width: 50%!important;
	}

	.module.image-hover-blocks {
		grid-template-columns: 1fr!important;
	}

	.quizmodalpopup .header > .totorecommends {
		font-size: 14px;
	}
	.quizmodalpopup .header > .totorecommends img {max-width: 110px}
	.quizmodalpopup .header > .title { font-size: 21px; }
	.quizmodalinline { display: block; }
	.quizmodalinline > * {
		width: 100%;
	}
	.quizmodalinline > .text {
		padding: 20px;
	}
	.quizmodalinline > .img:after {padding-top: 320px;}
	.big-text-block .default-btn.external { font-size: 16px!important;}
	.module_content .boxed { font-size: 20px }
	.point-blocks-bg-image > .module { width: 100%!important; }

	.sticky-nav > .module { flex-direction: column; padding-top: 30px }
	.sticky-nav .module ul { text-align: left}

	.washlet-benefits-img-text-container .bg-img-container {
		min-height: 300px!important;
	}

	.washlet-benefits-text-container {
		padding: 40px 40px;
	}

	.module.secondary-menu > .mobile-only {
		display: block;
		max-width: 310px;
	}

	.module.secondary-menu > .mobile-only  .module_content ul {
		padding-left: 0;
	}

	.module.secondary-menu > .mobile-only .module_content ul li a {
		padding: 4px 10px;
		margin-left: 7px;
	}

	.washlet-logos img {
		height: 100px!important;
	}

	.washlet-most-famous-bidet > .module.container {
		padding: 50px 0;
	}

	.washlet-most-famous-bidet > .module.container .module_content {
		width: 95%;
		margin: auto;
	}

	.stretchy-link-blocks > .module { width: 100%; max-height: 100vh }
	.newsletter-subscription-wrapper .wrapper {
		padding: 100px 25px;
	}
	.newsletter-subscription-wrapper .wrapper form .row {
		grid-template-columns: 1fr;
	}
	.newsletter-subscription-wrapper .wrapper form .row .nice.input.btn-wrap { grid-column: unset; }
	.newsletter-subscription-wrapper .wrapper form .row .nice.input.btn-wrap > * { width: 100%; }
	.timeline .event, .timeline .event p { font-size: 1.1em; line-height: 1.2; }
	.timeline h2 { font-size: 16px; }
	.timeline .event button { font-size: 14px }
	.timeline .event .line { width: 50px; }
	.timeline .event .date { font-size: 17px; top: 45px; }
	.timeline .event .box.no-lines .date { left: -3px; }
	.timeline .event .bottom-content { margin-left: 107px; width: calc(100% - 107px); }
	.timeline .history-more p, .timeline .history-more td { font-size: 16px!important;  }

}
@media all and (max-width: 460px) {
	.related-products li {
		max-width: 100%;
	}
	.cleanovation-hero .title-container h1 {
		font-size: 21px
	}

	.cleanovation-hero.on .title-container {
		font-size: 18px
	}

	.cleanovation-hero .title-container {
		max-width: 100%;
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 16px;
	}

	form.showroom-form .placeholder-input label {
		left: 20px;
		right: 20px;
		width: calc(100% - 40px);
		font-size: 14px;
	}

	form.showroom-form .placeholder-input.has-value label {
		font-size: 14px;
		width: auto;
		max-width: unset;
	}

	form.showroom-form input {
		font-size: 14px;
		padding: 10px 20px;
	}

	form.showroom-form button {
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px
	}

	.showroom-section > .module_content, .showroom-section > .module > .module_content > * {
		font-size: 21px
	}

	form.showroom-form {
		margin: 40px 0
	}

	.showroom-form-results .showroom a[href^="tel"] {
		margin: 10px 0 20px;
	}

	.compare-table tbody {
		tr td {
			font-size: 12px;
			padding: 30px 3px 0 3px;
			.dot {
				width: 10px;
				height: 10px;
				margin-top: 5px
			}
		}
		tr:first-child td img {
			max-width: 80%;
		}
		tr:first-child td h3 {
			font-size: 12px
		}
		tr:nth-child(2) td img {
			height: 15px;
			margin: 0 5px
		}
		tr:nth-child(3) td a {
			font-size: 8px;
			padding: 8px 10px
		}
		tr.h td h3, tr:nth-child(4) td h3 {
			font-size: 14px
		}
	}

	.quizmodalpopup {top: calc(50% + 32px); max-height: calc((var(--vh, 1vh) * 100) - 90px); height: calc((var(--vh, 1vh) * 100) - 90px) }
	.quizmodalpopup .header {
		flex-direction: column;
	}
	.quizmodalpopup .header > .title {margin-left: unset; font-size: 18px; }
	.quizmodalpopup > .inner > .content .slide > .result .similar > a {
		flex-direction: column;
		align-items: flex-start;
	}
	.quizmodalpopup > .inner {padding: 20px 20px 55px; }
	.quizmodalpopup > .inner > .content .slide > .question {flex: unset; padding: 0; }
	.quizmodalpopup > .inner > .content .slide > .question > .question { font-size: 16px; margin-bottom: 15px; }
	.quizmodalpopup > .inner > .content .slide > .picks { margin-top: 20px; }
	.quizmodalpopup > .inner > .content .slide > .picks > .pick > .text { font-size: 16px; height: 35px; }
	.quizmodalpopup > .inner > .content .slide > .picks > .pick > .img {padding-top: calc(100% - 35px)}
	.quizmodalpopup > .inner > .content > .slide > .picks {flex: 1; flex-direction: column; }
	.quizmodalpopup > .inner > .content > .slide > .picks > .pick {width: 100%; max-width: 180px; margin: 0 auto 15px; }
	.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff > div { font-size: 16px; }
	.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff {font-size: 12px; margin: 0; display: block; }
	.quizmodalpopup > .inner > .content .slide > .question > .sub {display: none; font-size: 14px}
	.quizmodalpopup > .inner > .goback { bottom: 25px; left:20px; font-size: 16px; padding-left: 72px; }
	.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff:before { width: 16px; height: 16px; background-size: 8px auto; }
	.quizmodalpopup .header > .totorecommends { font-size: 10px;}
	.quizmodalpopup .header > .totorecommends img { max-width: 75px; }
	.quizmodalpopup > .inner > .content .slide > .result .img-wrapper { max-width: 160px;}
	.search-result .content > div {flex-direction: column; }
	.search-result .description { width: 100%; }
	.search-result .right { padding-top: 0; }
	.module.videoHero .video-hero.has-mobile-poster .background video { display: none!important; }
	.module.videoHero .video-hero.has-mobile-poster .background img.mobile-poster { display: block; }
	.module.videoHero .content h1 { font-size: 14px; }
	.floating-menu .menu-toggle { min-width: unset; font-size: 12px; padding: 0 15px }
	.floating-menu .menu-toggle i, .floating-menu .menu-toggle i span { width: 15px; }
	.floating-menu h1, .floating-menu h2, .floating-menu h3 { font-size: 14px; top: 55px; }
	.floating-menu .menu-toggle .text { padding-right: 5px }
	.floating-menu.on .menu-toggle i span { width: 15px; margin-bottom: -2px }
	.module.videoHero .video-hero { padding-left: 40px; padding-right: 40px; }
	.module.videoHero .content h2 { font-size: 21px; }
	.message-section > .module:nth-child(3) h3 { font-size: 21px }
	.message-section > .module:nth-child(3) h4 { font-size: 14px }
	.big-button { font-size: 16px!important;}
	.big-button:after{ width: 14px!important; height: 14px!important;}
	.download-area > .module_content ~ .module table tr td { display: block; }
	.download-area > .module_content ~ .module table tr td + td { padding-top: 10px; }
	.suggested-products .prods { grid-template-columns: 1fr; }
	.suggested-products .wrapper .prods .prod { width: 100%; flex: unset; }

		
	.compare-table-wrapper.compare-washlet-table  .compare-table tbody tr td, .compare-table-wrapper.compare-washlet-table  .compare-table tbody tr th {
		font-size: 11px;
	}

	.compare-table-wrapper.compare-washlet-table  .compare-table tbody tr td:not(:first-of-type),
	.compare-table-wrapper.compare-washlet-table  .compare-table tbody tr th:not(:first-of-type) {
		font-size: 10px;
	}

	.experience-toto-washlet-icons-container {
		flex-wrap: wrap;
	}

	.experience-toto-washlet-icons-container > * {
		width: 50%!important;
	}

	.experience-toto-washlet-icons-container > .module_content {
		display: none;
	}

	.module.experience-toto-washlet .experience-toto-washlet-container {
		padding: 0;
	}

	.module.experience-toto-washlet .module.button .module_content a {
		margin-top: 30px;
		margin-bottom: 35px;
	}

	.module.experience-toto-washlet {
		min-height: 620px !important;
		padding-top: 35px!important;
	}

	section.locations .location-type-grid .item {
		width: 100%;
	}
	.elegant-section h1, .elegant-section h2 { font-size: 32px; }
	.elegant-section > .module:not(.module ~ .module) .module_content { font-size: 16px; }
	.hover-tiles > * { width: 100%; }

	.online-retailers-finder .row {
		grid-template-columns: 1fr!important;
	}
	#claim-discount .form-section-inner, #claim-bmsm .form-section-inner {
		padding: 24px;
	}
	form .d-flex {
		flex-direction: column;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	form .d-flex [class*="w-50"] {
		width: 100%;
		margin: 0 0 15px;
	}

	.online-retailers-finder .tab-content h2 { font-size: 16px; }

	.short-hero.style-1 h1 { font-size: 28px;  }

	[id^="liveagent_button_"] {
		bottom: 20px!important;
		right: 20px!important;
	}

	.totopro-content .product .description .actions { display: flex; flex-direction: column; gap: 10px; }
	.totopro-content .product .downloads .heading { flex-direction: column; text-align: left; align-items: flex-start; gap: 5px; }
	.totopro-content .product .downloads .specs-list { grid-template-columns: 1fr; grid-gap: 10px; }
	.slideshow.shorter .image-slider,
	.slideshow.shorter .image-slider .slider,
	.slideshow.shorter .image-slider .slider .slide:before,
	.slideshow.shorter .image-slider .slider .slide,
	.slideshow.shorter .image-slider .slider .slick-list {
		height: 80vh!important;
		min-height: 80vh;
	}

	.slideshow.shorter .image-slider:after { height: 50px; }
}
@media all and (max-width: 320px){
	.module.tabs-nav .module_content a {
		font-size: 10px
	}

	h1 {
		font-size: 21px;
	}

	.page-technologies .module.slideshow .slide > .content .content {
		font-size: 16px
	}

	.header-banner > div h1 {
		font-size: 28px!important;
	}

	.cleanovation-hero .title-container {
		max-width: 100%;
		width: 100%;
		padding-left: 20px;
		padding-right: 20px
	}

	.cleanovation-hero.on .title-container {
		font-size: 16px
	}
	.dl-group ul li { flex-direction: column; }
	.dl-group ul li h3 { width: 100%; border-color: #dfdfdf; border-bottom: 0; padding-bottom: 0; margin-bottom: 2px; padding-right: 0  }
	.dl-group ul li p { border-top: 0; padding-top: 0; padding-right: 0 }
}

@media all and (max-height: 470px) {
	.cleanovation-hero {
		padding-top: 24px;
	}

	.cleanovation-hero.on .title-container {
		font-size: 14px;
	}

	.cleanovation-hero.on .title-container .text {
		margin-top: -24px;
	}

}

@media all and (max-height: 750px){
	.image-slider .slider .slide.video-slide > .content {
		padding-bottom: 50px;
	}
}