/*
 * http://github.com/peteboere/css-crush (v3.0.1-0-gb37cd5f)
 */
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }
html,
body {
    width: 100%;
    height: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    }
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: #FFF;
    overflow-x: hidden;
    font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    padding-top: 42px;
    width: 100%;
    }
body.homepage {
    background-color: #fff;
    }
#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,#fff;
    }

/*General*/
p {
    opacity: 1;
    color: #5D5E5D;
    }
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
ol > li {
    padding: 4px 0;
    }
a {
    color: #000;
    text-decoration: none;
    }
a:hover {
    color: #000;
    }
.hidden {
    display: none !important;
    opacity: 0;
    }
h1,
h2,
h3,
h4 {
    line-height: 1.3;
    }
h1,
.h1 {
    font-weight: 700;
    text-transform: uppercase;
    }
.h1 {
    font-size: 32px;
    }
h2 {
    font-weight: 700;
    text-transform: uppercase;
    }
h2.one-line {
    font-weight: bold !important;
    }
h3 {
    font-weight: 700;
    font-size: 28px;
    margin: 0;
    text-transform: uppercase;
    }
h4 {
    font-weight: 700;
    font-size: 22px;
    margin: 0;
    }
strong {
    font-weight: 600;
    }
.center {
    margin: 0 auto;
    text-align: center;
    }
.row {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    }
.cssTable {
    display: table;
    table-layout: fixed;
    width: 100%;
    }
.cssTable .cssTableRow {
    display: table-row;
    }
.cssTable .cssTableCell {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    }
.blue {
    color: #000 !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;
    }
img {
    max-width: 100%;
    height: auto;
    }
iframe {
    max-width: 100%;
    }
@media all and (max-width:840px) {
.cssTable.responsive > .cssTableRow > .cssTableCell {
    width: auto;
    display: block;
    float: none;
    }
.cssTable.responsive > .cssTableRow {
    display: block;
    }
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    }
.cssTable.pageLayout {
    width: 100%;
    }
.cssTable.pageLayout .cssTableCell {
    width: auto;
    vertical-align: top;
    text-align: left;
    }
.cssTable.pageLayout .cssTableCell.content {
    padding: 0;
    }
.cssTable.pageLayout .sidebar {
    width: 280px;
    text-align: left;
    padding-left: 24px;
    }
.cssTable.pageLayout .sidebar.left {
    padding-left: 0;
    padding-right: 24px;
    }
.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: 91.66%;
    }
.span10 {
    width: 83.32%;
    }
.span9 {
    width: 75%;
    }
.span8 {
    width: 66.667%;
    }
.span7 {
    width: 58.333%;
    margin: 0;
    }
.span6 {
    width: 50%;
    }
.span5 {
    width: 41.667%;
    }
.span4 {
    width: 33.333%;
    }
.span3 {
    width: 25%;
    }
.span20 {
    width: 20%;
    }
.span2 {
    width: 16.667%;
    }
.span1 {
    width: 8.333%;
    }
.center {
    float: none;
    margin: 0 auto;
    display: block;
    }
.right {
    float: right;
    }
.noscroll {
    overflow: hidden !important;
    }

/*Accordion*/
.Accordion {
    list-style: none;
    padding: 24px 0 !important;
    }
.Accordion > li {
    overflow-y: hidden;
    position: relative;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 8px;
    }
.Accordion .accordion-title {
    background-color: #FFF;
    cursor: pointer;
    padding: 16px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    }
.Accordion .accordion-title:before {
    content: '\025BE';
    float: right;
    display: block;
    font-size: 20px;
    line-height: 28px;
    margin-right: 8px;
    }
.Accordion .accordion-content {
    height: 0;
    overflow: hidden;
    background-color: #FFF;
    margin: 0;
    opacity: 0;
    transition: opacity .5s;
    -webkit-transition: opacity .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 > li.on {
    height: auto;
    }
.Accordion > li.on > .accordion-title:before {
    content: '\025B4';
    }
.Accordion > li.on > .accordion-content {
    height: auto;
    opacity: 1;
    padding: 0 16px 16px 16px;
    }

/*header*/
.wrapper {
    width: 100%;
    max-width: -webkit-calc(1248px + (24px * 2));
    max-width: calc(1248px + (24px * 2));
    padding: 0 24px;
    margin: 0 auto;
    position: relative;
    }
.wrapper:after {
    display: block;
    clear: both;
    content: '';
    }
body > .wrapper {
    margin-top: 42px;
    background-color: #FFF;
    padding-bottom: 10px;
    }

/* For fixed header */
body > .wrapper.parts {
    margin-top: 110px;
    }
body.homepage > .wrapper {
    background-color: #fff;
    padding-bottom: 10px;
    }

/* For fixed header */
header {
    position: fixed;
    width: 100%;
    margin: 0;
    z-index: 999;
    top: 0;
    left: auto;
    background-color: #fff;
    }
header .topbar {
    display: block;
    width: 100%;
    height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #ececec;
    text-transform: uppercase;
    }
header .topbar .inner {
    display: block;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    }
header .topbar .inner .menu {
    display: block;
    text-align: center;
    }
header .topbar .inner .menu a {
    margin: 0 22px;
    }
header .topbar .inner .menu span.search {
    display: inline-block;
    width: 34px;
    height: 34px;
    background-image: url(/images/head_icon_search_black.png);
    background-position: center center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    }
header .topbar .inner .menu span.search.on {
    background-image: url(/images/head_icon_search_close.png);
    }
header .topbar .inner .menu span.search:hover {
    opacity: .6;
    }
header .topbar .inner .menu ul {
    display: inline-block;
    list-style-type: none;
    }
header .topbar .inner .menu ul li {
    display: inline-block;
    padding: 0;
    }
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%;
    margin: 0;
    padding: 0 44px 0 8px;
    height: 34px;
    outline: 0;
    border: 0;
    background: #ddd url(/images/head_icon_search_gray.png) right 12px center no-repeat;
    background-size: 20px 20px;
    border-radius: 4px;
    }
#mobile-search-div {
    height: 0;
    opacity: 0;
    margin-top: 64px;
    width: 100%;
    -webkit-transition: all .4s;
    transition: all .4s;
    display: none;
    }
#mobile-search-div.on {
    height: 48px;
    opacity: 1;
    }
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;
    }
header .topbar .inner .menu ul li a {
    color: #656565;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    }
header .topbar .inner .menu ul li:last-child a {
    margin-right: 0;
    }
header .topbar .inner .menu ul li a:hover {
    color: #367eb3;
    }
.langSelector span.language {
    display: inline;
    background-color: #ddd;
    color: #000;
    border: 1px solid black;
    text-transform: uppercase;
    margin-left: 8px;
    font-size: 14px;
    padding: 2px 2px;
    font-weight: 400;
    }
header .topbar .inner .menu ul li a span.arrow {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 5px;
    margin-bottom: 2px;
    background-size: contain;
    background-image: url(/images/icon_spmenu_open.png);
    }
header .topbar .inner .menu ul li.on a span.arrow {
    background-image: url(/images/icon_spmenu_close.png);
    }
header .topbar .inner .menu ul li:last-child a span.fill {
    border-right: 0;
    }
header .topbar .inner .menu ul li ul.submenu {
    display: none;
    position: absolute;
    margin-left: 0;
    min-width: 141px;
    height: auto;
    background-color: #f6f6f6;
    z-index: 1000;
    text-align: left;
    }
header .topbar .inner .menu ul li.on ul.submenu {
    display: block;
    }
header .topbar .inner .menu ul li ul.submenu li {
    display: block;
    float: none;
    position: relative;
    padding: 5px 10px;
    }
header .topbar .inner .menu ul li ul.submenu li a {
    text-transform: uppercase;
    font-weight: 400;
    text-align: left;
    margin: 0;
    }
header .topbar .inner .menu ul li ul.pushmenu {
    display: none;
    }
header .topbar-push {
    display: none;
    width: 100%;
    height: 88px;
    background-color: #f6f6f6;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    }
header .topbar-push ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style-type: none;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    }
header .topbar-push ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 200;
    }
header .topbar-push ul li a {
    color: #000;
    border-right: 1px solid #d7d7d7;
    padding: 0 15px;
    margin: 10px 0;
    line-height: 14px;
    display: block;
    }
header .topbar-push ul li a:hover {
    color: #367eb3;
    }
header .topbar-push ul li:nth-child(7) a {
    border: none !important;
    }
header .topbar-push ul li:last-child a {
    border-right: 0;
    }
header .top {
    height: 96px;
    position: relative;
    color: #FFF;
    }
header .top form.mobile-search-form {
    display: none;
    }
header .bottombar {
    height: 88px;
    line-height: 88px;
    border-bottom: 1px solid #ececec;
    }
header .bottombar .inner {
    display: block;
    width: 100%;
    max-width: 1024px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    }
header .bottombar .inner .menu {
    display: block;
    text-align: center;
    }
header .bottombar .about-toto .nav li.column:first-child {
    width: 30%;
    }
header .bottombar .about-toto .nav li.column:nth-child(2) {
    width: 20%;
    }
.msg-modal {
    padding: 32px;
    }
.mobile-nav-button {
    display: none;
    }
form.mobile-search-form {
    display: none;
    }
header #logo-floater {
    width: 144px;
    height: 45px;
    top: 0;
    left: 0;
    margin: 26px 0 0;
    background-image: url(/images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    }
header .top-links {
    width: 75%;
    float: right;
    margin: 12px 0 14px 0;
    color: #6e6e6e;
    text-align: right;
    }
header .top-links a {
    color: #6e6e6e;
    }
header .top-links ul.nav {
    display: inline-block;
    vertical-align: top;
    }
header .top-links ul.nav li {
    display: inline-block;
    cursor: pointer;
    font-size: 10px;
    padding: 0 10px 0;
    border-right: 2px solid #dfdfdf;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    }
header .top-links ul.nav .sub {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    background-color: #fff;
    text-align: left;
    width: 150px;
    }
header .top-links .nav ul {
    display: none;
    }
header .top-links .nav li.on ul {
    display: block;
    border: 1px solid #e3e3e3;
    }
header .top-links .nav li ul li {
    display: block;
    margin: 4px;
    padding: 2px;
    text-align: left;
    border-right: none;
    }
header .top-links .nav li ul li:hover {
    color: #fff;
    background-color: #86a4bb;
    }
header .top-links .nav li ul li:hover a {
    color: #fff;
    }
header nav {
    color: #515151;
    margin-top: 10px;
    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: 0 10px;
    font-weight: 700;
    }

/*header nav li:after {*/
header .topbar .menu li {
    position: relative;
    }
header .topbar .menu li.on:nth-child(2):after,
header .topbar .menu li.on:nth-child(4):after,
header .topbar .menu li.has-submenu.on:after {
    content: "\A";
    border-style: solid;
    border-width: 0 8px 16px 8px;
    border-color: transparent transparent #ddd transparent;
    position: absolute;
    top: 48px;
    left: -webkit-calc(50% - 8px);
    left: calc(50% - 8px);
    }
header .bottombar .menu nav .nav li.on:after {
    content: "\A";
    border-style: solid;
    border-width: 0 8px 16px 8px;
    border-color: transparent transparent #ddd transparent;
    position: relative;
    top: -16px;
    left: -webkit-calc(50% - 8px);
    left: calc(50% - 8px);
    float: left;
    }
header nav > .nav > li > a span.arrow {
    display: inline-block;
    width: 7px;
    height: 7px;
    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 .5s;
    -webkit-transition: opacity .5s;
    }
header nav > .nav > li.on > .sub:before {
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    content: "";
    background-color: #FFF;
    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: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    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;
    padding: 32px 0;
    }

/*header nav> .nav> li.products-nav> .sub> ul{ padding:0px 0px 32px 0px;  }*/
header nav > .nav > li li.column > .no-link,
#mobile-menu ul li:not(.more-products-sub) .no-link {
    display: none;
    }
header nav > .nav > li li.image-link,
header nav > .nav > li li.column {
    display: inline-block;
    width: 25%;
    margin-left: 0;
    vertical-align: top;
    }
header nav > .nav > li li.image-link {
    line-height: 20px;
    }
header nav > .nav > li li.column li {
    display: block;
    margin: 0 0 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 .5%;
    }
header nav .nav .products-nav .image-link img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }
header nav .nav .products-nav .image-link .link {
    font-size: 14px;
    padding-top: 6px;
    position: absolute;
    bottom: -8px;
    left: 0;
    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: 0 !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: 0 0 16px;
    font-size: 12px;
    margin-bottom: 2px;
    }
header nav .nav .products-nav .more-products-sub li {
    font-size: 12px;
    padding: 0;
    }
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: 0;
    margin-top: 16px;
    }
header nav .nav .products-nav .more-products-sub .no-link {
    margin-bottom: 8px;
    }
header .wrapper > nav a:hover {
    color: #367eb3;
    }
header .wrapper > nav .nav .on > .arrow {
    position: relative;
    top: -1px;
    }
header .wrapper > nav .nav .on > .arrow span {
    display: block;
    z-index: 1200;
    bottom: -10px;
    width: 100%;
    position: absolute;
    height: 10px;
    background: url(/images/balloon_002.png) no-repeat bottom center;
    }
header .top-links .language {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
    margin-top: 3px;
    padding-right: 65px;
    text-transform: uppercase;
    font-size: 10px;
    color: #918d8d;
    position: relative;
    background: url(/images/language-arrow.png) no-repeat right center;
    }
header .top-links .language ul {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
    position: absolute;
    right: 8px;
    top: -5px;
    background-color: #fff;
    }
header .top-links .language ul li {
    display: none;
    padding: 2px;
    margin: 3px;
    }
header .top-links .language ul li.on {
    display: block;
    }
header .top-links .language ul.on > li:hover ul {
    border: 1px solid #ccc;
    }
header .top-links .language ul.on li {
    display: block;
    }
header .top-links .language ul.on > li ul {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 1000;
    min-width: 90px;
    text-align: center;
    }
header .top-links .language ul.on > li:hover ul li {
    color: #fff;
    background-color: #86a4bb;
    }
header .top-links .language ul.on > li:hover ul li a {
    color: #fff;
    }
header .top-links .search-form {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
    margin-top: -3px;
    }
header .top-links .search-form form {
    position: relative;
    }
header .top-links .search-form form input[type="text"] {
    font-size: 12px;
    height: 25px;
    padding: 0 10px;
    }
header .top-links .search-form form input[type="text"]::-webkit-input-placeholder {
    color: #918d8d;
    }
header .top-links .search-form form input[type="text"]:-ms-input-placeholder {
    color: #918d8d;
    }
header .top-links .search-form form input[type="text"]::-moz-placeholder {
    color: #918d8d;
    opacity: 1;
    }
header .top-links .search-form form input[type="text"]:-moz-placeholder {
    color: #918d8d;
    opacity: 1;
    }
header .top-links .search-form form input[type="submit"] {
    display: inline-block;
    position: absolute;
    right: 0;
    height: 25px;
    width: 30px;
    text-indent: -999999px;
    border: 0;
    cursor: pointer;
    background: url(/images/search-icon-2.png) no-repeat center center;
    background-size: 15px auto;
    outline: 0;
    }
header .top-links .nav .no-link {
    padding-right: 12px;
    background: url(/images/language-arrow.png) no-repeat right center;
    }
header .header-spacer {
    display: block;
    height: 24px;
    width: 100%;
    }
header #mobile-buttons {
    display: none;
    }
header #mobile-nav {
    display: none;
    }
header #mobile-search {
    cursor: pointer;
    }
header #mobile-menu {
    width: 100%;
    max-width: 300px;
    position: fixed;
    top: 64px;
    right: -320px;
    bottom: 0;
    background: #fff;
    z-index: 1002;
    overflow-y: scroll;
    -webkit-box-shadow: 0 2px 6px 2px #e1e1e1;
    box-shadow: 0 2px 6px 2px #e1e1e1;
    -webkit-transition: right .5s;
    transition: right .5s;
    }
header #mobile-menu.on {
    right: 0;
    }
header #mobile-menu ul:first-child {
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 8px;
    margin-top: 16px;
    }
header #mobile-menu ul:nth-child(2) {
    margin-top: 16px;
    }
header #mobile-menu ul li {
    font-size: 16px;
    margin: 0;
    padding: 8px;
    line-height: normal;
    height: auto;
    text-transform: uppercase;
    font-weight: 600;
    background: url(/images/icon_spmenu_link.png) 96% 10px / 10px no-repeat;
    }
header #mobile-menu ul.secondary-nav {
    border-bottom: none;
    background: #F8F8F8;
    }
header #mobile-menu ul li {
    padding: 8px 16px;
    }
header #mobile-menu ul.secondary-nav.products-nav .image-link {
    vertical-align: top;
    }
header #mobile-menu ul.secondary-nav.products-nav .image-link .img-wrapper {
    display: inline-block;
    width: 80px;
    height: 60px;
    overflow: hidden;
    }
header #mobile-menu ul.secondary-nav.products-nav .image-link img {
    width: 100%;
    position: relative;
    bottom: 0;
    }
header #mobile-menu ul.secondary-nav li {
    background: none;
    font-weight: 500;
    }
header #mobile-menu ul.secondary-nav li:nth-child(2) {
    margin-top: 8px;
    }
header #mobile-menu ul.secondary-nav li .sub {
    display: block;
    }
header #mobile-menu ul.secondary-nav li .sub li {
    padding: 8px 0;
    }
header #mobile-menu ul.secondary-nav li .sub li:nth-child(2) {
    margin-top: 0;
    }
header #mobile-menu ul.secondary-nav li.column {
    margin-top: 0;
    padding-bottom: 8px;
    }
header #mobile-menu ul.secondary-nav li.image-link {
    text-transform: none;
    margin-bottom: 16px;
    }
header #mobile-menu ul.secondary-nav:not(.products-nav) li.image-link img {
    display: none;
    }
header #mobile-menu ul.secondary-nav.products-nav li.image-link {
    margin-bottom: 0;
    }
header #mobile-menu ul.secondary-nav li.image-link .link {
    text-transform: uppercase;
    vertical-align: top;
    display: inline-block;
    }
#mobile-menu ul li.more-products-sub .no-link {
    font-weight: 600;
    margin: 16px 0;
    }
header #mobile-menu ul.secondary-nav.products-nav li.image-link .link {
    height: 60px;
    padding: 12px 0 16px 16px;
    }
header #mobile-menu ul.secondary-nav li.image-link .description {
    font-size: 12px;
    }
header #mobile-menu ul li.no-arrow {
    background: none;
    }
header #mobile-menu li.mobile-back {
    font-size: 14px;
    font-weight: 600 !important;
    background: #fff url(/images/icon_spmenu_back.png) 4% 5px / 10px no-repeat !important;
    padding: 2px 0 16px 24px;
    border-bottom: 1px solid #f1f1f1;
    }
header #mobile-menu li.header {
    font-weight: bold !important;
    }
header #mobile-menu ul li .sub {
    display: none;
    }
header #mobile-menu .pushmenu {
    display: none;
    }
.homepage .breadcrumbs {
    display: none;
    }
.breadcrumbs-wrap {
    background-color: #eaeaea;
    margin: 0 -50% 64px -50%;
    }
.breadcrumbs {
    padding: 8px 0;
    }
.breadcrumbs ul {
    padding-left: 32px;
    width: 100%;
    max-width: 1024px;
    margin: 0 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: 0;
    }
.breadcrumbs li a:after {
    content: '/';
    display: inline-block;
    padding-left: 8px;
    }

/*live chat*/
.livechat {
    cursor: pointer;
    width: 65px;
    height: 36px !important;
    margin-top: 2px;
    opacity: .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: .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: #fff;
    border: 2px solid #585858;
    -webkit-transition: opacity .5s;
    transition: opacity .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;
    }
.nochatbox .close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 2px;
    width: 100%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #3255a4;
    }
.nochatbox .close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 2px;
    width: 100%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #3255a4;
    }

/*Footer*/
footer {
    clear: both;
    position: relative;
    width: 100%;
    margin: 120px 0 0;
    color: #fff;
    background-color: #000;
    }
footer .footer-bottom {
    width: 100%;
    height: auto;
    padding: 45px 0 30px 0;
    border-top: 1px solid #7a7a7a;
    }
footer .footer-bottom .wrapper {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    color: #fff;
    padding: 20px 0 !important;
    height: auto;
    }
footer .footer-bottom:after {
    content: "";
    display: block;
    clear: both;
    }
footer .footer-top a,
footer .footer-bottom a {
    color: #d7d7d7;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300;
    }
footer .footer-top a {
    font-weight: 200;
    }
footer .footer-top a:hover,
footer .footer-bottom a:hover {
    text-decoration: underline;
    }
footer .footer-top h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #acacac;
    margin: 12px 0 30px;
    }
footer .footer-top .section {
    width: 19%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
    }
footer .footer-top ul.nav {
    display: block;
    width: 100%;
    }
footer .footer-top ul.nav li.heading {
    display: block;
    width: 100%;
    }
footer .footer-top ul.nav li.heading .no-link {
    font-size: 20px;
    font-weight: bold;
    color: #acacac;
    margin: 12px 0 30px;
    text-transform: uppercase;
    }
footer .footer-top ul.nav li.heading > .sub {
    display: block;
    width: 100%;
    }
footer .footer-top ul.nav li.heading > .sub > ul.nav > li.big > a > .link {
    display: block;
    min-height: 24px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #d7d7d7;
    }
footer .footer-top ul.nav li.heading > .sub > ul.nav > li.big.active > .no-link {
    margin-top: -4px;
    }
footer .footer-top ul.nav li.heading > .sub > ul.nav > li.big.active > .no-link > .link {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #797979;
    }
footer .footer-top ul.nav li.heading > .sub > ul.nav > li {
    display: inline-block;
    width: 19%;
    margin-right: 1%;
    vertical-align: top;
    }
footer .footer-top .contact,
footer .footer-top .our_company,
footer .footer-top .quick_links {
    display: inline-block;
    vertical-align: top;
    }
footer .footer-top .social {
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    }
footer .footer-top .nav > li {
    margin-bottom: 5px;
    }
footer .footer-top .contact .nav > li > a {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #acacac;
    margin: 12px 0 30px;
    display: block;
    }
footer .footer-top .contact .nav .description {
    font-size: 11px;
    }
footer .footer-top .social .nav a:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    }
footer .footer-top .back-to-top {
    display: block;
    position: absolute;
    right: 0;
    bottom: -64px;
    cursor: pointer;
    width: 93px;
    height: 93px;
    background-image: url(/images/btn_back_pc_off.png);
    }
footer .footer-top .back-to-top:hover {
    background-image: url(/images/btn_back_pc_on.png);
    opacity: .6 !important;
    }
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 .footer-bottom .footer-logo {
    margin-top: -10px;
    margin-bottom: 10px;
    float: left;
    display: block;
    margin-right: 16px;
    width: 129px;
    height: 41px;
    background-image: url(/images/logo-footer.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    }
footer .footer-bottom .nav {
    float: left;
    display: block;
    vertical-align: top;
    margin-bottom: 10px;
    padding: 0 !important;
    }
footer .footer-bottom .nav li {
    display: inline-block;
    }
footer .footer-bottom .nav li .no-link,
footer .footer-bottom .nav li a {
    padding: 0 17px;
    border-right: 1px solid #d7d7d7;
    display: inline-block;
    text-transform: none;
    }
footer .footer-bottom .nav li .no-link .link {
    color: #d7d7d7;
    cursor: pointer;
    font-size: 13px;
    font-weight: 300;
    }
footer .footer-bottom .nav li .no-link .link:hover {
    text-decoration: underline;
    }
footer .footer-bottom .nav li:last-child {
    border: none;
    }
footer .footer-bottom .nav li:last-child a {
    border-right: none;
    padding-right: 0;
    }
footer .footer-bottom .copyright {
    line-height: 21px;
    float: left;
    display: block;
    color: #868686;
    margin-left: 30px;
    font-size: 11px;
    vertical-align: top;
    margin-bottom: 10px;
    padding-top: 0;
    }
footer .footer-bottom .footer-bottom-social {
    display: inline-block;
    vertical-align: top;
    padding-left: 16px;
    }
footer .footer-bottom .footer-bottom-social .nav {
    padding-top: 10px;
    }
footer .footer-bottom .footer-bottom-social .nav li {
    display: inline-block;
    }
footer .footer-bottom .footer-bottom-social .nav a {
    font-size: 0;
    border-right: none;
    padding-right: 0;
    }
footer .footer-bottom .footer-bottom-social .nav li a {
    vertical-align: middle;
    display: inline-block;
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/social.png);
    }
footer .footer-bottom .footer-bottom-social .nav .twitter a {
    background-position: 0 -60px;
    }
footer .footer-bottom .footer-bottom-social .nav .twitter a:hover {
    background-position: 0 -40px;
    }
footer .footer-bottom .footer-bottom-social .nav .facebook a {
    background-position: 0 -120px;
    }
footer .footer-bottom .footer-bottom-social .nav .facebook a:hover {
    background-position: 0 -140px;
    }
footer .footer-bottom .footer-bottom-social .nav .pinterest a {
    background-position: 0 0;
    }
footer .footer-bottom .footer-bottom-social .nav .pinterest a:hover {
    background-position: 0 -20px;
    }
footer .footer-bottom .footer-bottom-social .nav .youtube a {
    background-position: 0 -80px;
    }
footer .footer-bottom .footer-bottom-social .nav .youtube a:hover {
    background-position: 0 -100px;
    }
footer .footer-bottom .footer-bottom-social .nav .instagram a {
    background-position: 0 0;
    background-image: url(/images/social2.png);
    }
footer .footer-bottom .footer-bottom-social .nav .instagram a:hover {
    background-position: 0 -20px;
    }
footer .footer-bottom .footer-bottom-social .nav .linkedin a {
    background-position: 0 -40px;
    background-image: url(/images/social2.png);
    }
footer .footer-bottom .footer-bottom-social .nav .linkedin a:hover {
    background-position: 0 -60px;
    }
footer .footer-bottom .trigger {
    font-size: 11px;
    position: absolute;
    left: 100%;
    top: 8px;
    padding-left: 24px;
    text-transform: uppercase;
    color: #d7d7d7;
    cursor: pointer;
    }
footer .footer-top {
    width: 100%;
    margin: 0;
    color: #acacac;
    padding: 0;
    background-color: #212121;
    height: 0;
    overflow: hidden;
    transition: all .8s;
    -webkit-transition: all .8s;
    }
footer.on .footer-top {
    height: auto;
    padding: 60px 0;
    }
footer .footer-top .section a.big {
    display: block;
    min-height: 24px;
    min-width: 10px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    }
footer .footer-top .section a {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    }
footer .footer-top .section span.footer-link {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    text-transform: uppercase;
    }
footer .footer-top .section span.big {
    display: block;
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: bold;
    }
footer .footer-top .section span.active {
    color: #797979;
    }
footer .trigger {
    width: 155px;
    }
footer .trigger:before {
    content: 'Expand ';
    }
footer .trigger:after {
    content: '\025B4';
    font-size: 25px;
    line-height: 11px;
    display: inline-block;
    vertical-align: middle;
    }
footer.on .trigger:before {
    content: 'Collapse ';
    }
footer.on .trigger:after {
    content: '\025BE';
    }
footer p {
    color: #FFF;
    }

/* 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: .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: .5em;
    top: 5px;
    left: 0;
    }
.one-line span {
    display: inline-block;
    background-color: #FFF;
    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: 0;
    }
.span4:nth-child(3n + 1) div.inner {
    margin-right: 0;
    }
.span6 div.inner {
    width: auto;
    margin: 16px;
    min-height: 300px;
    display: block;
    float: none;
    }
.span6:nth-child(2n + 2) div.inner {
    margin-left: 0;
    }
.span6:nth-child(2n + 1) div.inner {
    margin-right: 0;
    }
.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: 0;
    width: 115px;
    position: absolute;
    font-size: 11px;
    font-weight: 300;
    background-color: #fff;
    border: 1px solid #9db7c9;
    color: #2d2d2d;
    display: none;
    border-radius: 3px;
    padding: 6px;
    }
.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 {
    display: block;
    }
.what-this {
    display: block;
    cursor: pointer;
    font-size: 11px;
    color: #000;
    padding-top: 5px;
    }
.tooltip .close {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    background: url(/images/tooltip-close.png) no-repeat 0 0;
    }
.tooltip h5 {
    font-size: 11px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    }
.related-products li {
    max-width: 240px;
    }
.related-products img {
    max-width: 214px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
.related-products h4 {
    font-size: 13px;
    font-weight: 700;
    color: #959595;
    margin: 12px 0 0;
    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: .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: 0;
    bottom: 0;
    width: 100%;
    display: block;
    background-color: #fff;
    opacity: .8;
    text-align: center;
    text-transform: uppercase;
    padding: 18px 0;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.header-banner:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    z-index: 1;
    }
.header-banner > div {
    position: relative;
    z-index: 2;
    padding-top: 30px;
    }
.header-banner h1 {
    width: 100%;
    margin-top: 0;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 48px;
    color: #fff;
    }
h2.landing-title {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 16px;
    }
h1.block-title {
    margin-top: 75px;
    font-size: 20px;
    margin-bottom: 0;
    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: 0;
    margin-bottom: 20px;
    }
.people-first-subpage .description .desc-inner {
    margin: 0 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: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(255,255,255,.8);
    font-weight: 500;
    text-align: center;
    padding: 12px 0;
    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: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    font-weight: 700;
    text-align: center;
    padding: 12px 5px;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    }
.people-centered-desc h3 span {
    display: block;
    font-size: 15px;
    margin-top: 5px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    color: #fff;
    }
.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: 0 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 0;
    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 0;
    position: relative;
    margin-left: 45px;
    width: auto;
    }
.tech-block .row-icon {
    display: inline-block;
    position: absolute;
    top: 0;
    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: #000;
    font-size: 12px;
    }
.tech-block .row-desc h3 {
    font-size: 16px;
    color: #575757;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
    }
.tech-block .row-desc h3 a {
    color: #575757;
    font-size: 16px;
    }
.tech-block .row-desc h3 a:hover {
    color: #000;
    }
.tech-block .row-desc p {
    line-height: 1.5em;
    }
.ppw-smartfacts {
    margin: 48px 0;
    }
.how-it-works {
    margin: 48px 0;
    border: 2px solid #000;
    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: #000;
    padding-bottom: 10px;
    font-style: italic;
    margin: 18px 0 0;
    font-weight: 500;
    }
.how-it-works .content p {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 16px;
    margin: 0;
    padding: 0;
    }
.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: #000;
    text-transform: uppercase;
    font-weight: 500;
    margin: 18px 0 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: 0;
    }
.sustainability .pww-column-head h3 a {
    color: #575757;
    font-size: 16px;
    }
.sustainability .pww-column-head h3 a:hover {
    color: #000;
    }
.sustainability:nth-child(2n + 2) {
    padding-right: 24px;
    }
.sustainability:nth-child(2n + 3) {
    padding-left: 24px;
    }
.sustainability .row-desc a {
    color: #000;
    font-size: 12px;
    display: block;
    }
.hotspot {
    height: 0;
    overflow: hidden;
    }
.hotspot.on {
    height: 275px;
    margin: 48px 0;
    }
.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: #fff;
    opacity: .8;
    top: 0;
    left: 0;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
    -webkit-box-shadow: rgba(0,0,0,.5) 1px 1px 1px;
    box-shadow: rgba(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: 0 48px 0 0;
    }
.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: #000;
    margin: 7px 0 10px 0;
    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 #000;
    color: #000;
    display: inline-block;
    font-weight: 700;
    padding: 10px 40px 11px 40px;
    }
.toto-philosophy {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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 .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: 0 20px;
    margin-top: 24px;
    }
.community-content {
    margin-bottom: 30px;
    }
.community-content .span4 {
    color: rgba(0,0,0,.74);
    }
.community-content .span4 img {
    width: 100%;
    height: auto;
    border: 1px solid #e5e4e4;
    margin: 0 0 8px;
    }
.people-first-fundamentals p {
    font-size: 14px;
    line-height: 24px;
    }
.article-title h1 {
    font-weight: 400;
    }
.article-banner {
    margin-top: 32px;
    margin-bottom: 32px;
    }
.article-related-products .span3 {
    margin: 0 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: #000;
    }
.article-related-products .span3 img {
    width: 100%;
    display: block;
    height: auto;
    }
.article-related-products .span3:nth-child(4n + 2) {
    margin-left: 0;
    clear: both;
    }
.article-related-products .span3:nth-child(4n + 1) {
    margin-right: 0;
    }
.article-links {
    margin-top: 24px;
    }
.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 .inner img {
    width: 100%;
    display: block;
    height: auto;
    border: 1px solid #e5e4e4;
    }
.PPW-Community .inner a {
    color: #000;
    }
.PPW-Community .inner {
    padding-bottom: 24px;
    }
.PPW-Community h3 {
    font-size: 14px;
    color: #757575;
    text-transform: none;
    margin: 0;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: left;
    }
.inner.span3 {
    margin: 0 2%;
    width: 22%;
    }
.inner.span3:nth-child(4n + 2) {
    margin-left: 0;
    clear: left;
    }
.inner.span3:nth-child(4n + 1) {
    margin-right: 0;
    }
.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 ul {
    margin: 0;
    padding: 0;
    }
.sustainable-minds-product-list .product-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border-right: 1px solid #e1edef;
    border-bottom: 1px solid #e1edef;
    padding: 2px 0 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: 0;
    }
.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 .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: 0;
    }
.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: 0;
    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: 0;
    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: 0;
    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: #000;
    }
.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: 0;
    }
.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: 0;
    }
.recent-case-studies .thelatest:nth-child(1) .read-more {
    width: 100%;
    padding-left: 0;
    padding-right: 12px;
    border-bottom: none;
    bottom: 0;
    padding-bottom: 0;
    }
.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 0 40px 0;
    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;
    font-size: 14px;
    }
.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: 0 auto;
    }
.module_content ul {
    list-style-type: disc;
    padding: 0;
    }
.module_content ul li {
    line-height: 1.95;
    }
.module_content a {
    color: #000;
    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: 0;
    margin-right: 0;
    margin-top: 0;
    }
.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: 0;
    margin-right: 0;
    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: 0;
    margin-right: 0;
    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: 0;
    margin-right: 0;
    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: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    }

/*Support*/
.supportButton a {
    background-color: transparent;
    color: #6e6e6e;
    padding: 0;
    }
.supportButton .module_content:hover {
    background: #000;
    }
.supportButton .module_content:hover a {
    color: #FFF;
    }
.form-section-inner.customer-support {
    padding: 4%;
    background-color: #f8f8f8;
    position: relative;
    }
.customer-service-form fieldset {
    font-weight: 500;
    font-style: normal;
    border: none;
    padding: 0;
    margin: 0 0 25px;
    }
#webform-component-contact-information {
    width: 46.8%;
    float: left;
    }
.webform-client-form fieldset legend {
    margin-bottom: 16px;
    font-size: 16px;
    color: #000;
    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: #f00;
    }
.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: #fff;
    padding: 12px;
    color: #000;
    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 #F00;
    }
#webform-component-inquiry-type {
    width: 46.8%;
    float: right;
    margin-top: 30px;
    }
fieldset.captcha {
    border-bottom: 1px solid #fff;
    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;
    }
.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 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 8px;
    }
.webform-client-form .select .styledSelect {
    font-size: 16px;
    color: #b6b6b9;
    background-color: #fff;
    padding: 12px 25px 12px 12px;
    text-align: left;
    font-weight: 500;
    font-style: normal;
    border: 1px solid #a4a4a8;
    }
.webform-client-form .options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    background-color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    }
.customer-support #webform-component-inquiry-type legend {
    display: none;
    }
fieldset.captcha {
    border-bottom: 1px solid #fff;
    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;
    }
.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: #000;
    }
.webform-client-form #edit-actions {
    display: inline-block;
    }
.webform-client-form .form-submit {
    border: 2px solid #000;
    background: transparent;
    padding: 14px 24px;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    }
.webform-client-form .form-submit:hover {
    color: #fff;
    background: #000;
    }

/*.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 #F00;
    }
.customer-support h4 {
    font-size: 12px;
    color: #f45241;
    margin: 0 0 5px;
    }
.customer-support h4.error {
    font-size: 12px;
    background-color: #f45241;
    color: #FFF;
    margin: 0 0 5px;
    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,.2);
    position: absolute;
    top: 0;
    z-index: 900;
    }
#product-search-wrapper .results {
    display: none;
    margin-top: -10px;
    width: 100%;
    background-color: #FFF;
    border-left: 1px solid #a4a4a8;
    border-bottom: 1px solid #a4a4a8;
    border-right: 1px solid #a4a4a8;
    }
#product-search-wrapper .results .result {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 10px;
    font-size: 12px;
    color: #000;
    border-bottom: 1px solid #CCC;
    }
#product-search-wrapper .results .result.none {
    background-color: #ECECEC;
    font-style: italic;
    }
#product-search-wrapper .results .result:last-child {
    border-bottom: 0;
    }
.iotoptions label {
    display: block;
    margin-bottom: 5px;
    }
.features_iot {
    display: none;
    }
fieldset#webform-component-purchase-information {
    border-bottom: 1px solid #fff;
    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: 0;
    margin: 0 0 25px;
    }
.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: 0;
    margin: 0 0 25px;
    }
.webform-client-form .form-item,
.webform-client-form .form-actions {
    margin: 0 0 8px;
    }
.webform-client-form .compact-form-label {
    font-weight: normal;
    top: 14px;
    left: 12px;
    line-height: 1;
    color: #bdbdbd;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    }
.feedback-form {
    width: 640px;
    }
.feedback-form .top {
    padding: 20px;
    }
.feedback-form h3 {
    color: #797979;
    }
.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 {
    position: absolute;
    bottom: 37px;
    right: 263px;
    color: #bdbdbd;
    }
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: #000;
    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: 0;
    text-align: left !important;
    }
.contact-toto-support h2.two-line {
    font-size: 24px;
    margin: 0;
    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: #000;
    font-weight: bold;
    }
.contact-toto-support li p a:hover {
    color: #888;
    }
#toto-customer-support-form .form-checkboxes {
    position: absolute;
    left: 40px;
    }
.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: #000;
    padding-right: 12px;
    background: url(/images/blue-arrow.png) no-repeat right 2px;
    }
.view-warranty-information li a:hover {
    color: #888;
    }
.module_content span.form-success {
    display: none;
    font-weight: bold;
    font-size: 24px;
    color: #000;
    }
.warranty-information pre {
    color: #000;
    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: #FFF;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px rgba(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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    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: 0;
    top: 0;
    max-height: 25px;
    width: auto;
    }
.search-result .description {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px 16px 16px 0;
    line-height: 1.6;
    color: #888;
    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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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: #000 !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;
    width: 100%;
    padding: 4px;
    margin: 8px 0 0;
    }
.current-search {
    background-color: #f5f5f5;
    padding: 16px;
    margin-bottom: 48px;
    margin-right: 16px;
    display: none;
    }
.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: #888;
    }
.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: #000;
    height: 21px;
    line-height: 21px;
    }
.pagination .next,
.pagination .prev {
    margin: 0 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 .current {
    color: #fff;
    width: 24px;
    height: 21px;
    background-color: #d6d6d6;
    text-align: center;
    display: inline-block;
    line-height: 21px;
    }
.page_count {
    color: #888;
    }
.search_page {
    display: none;
    clear: both;
    margin-top: 16px;
    }
.search_page.on {
    display: block;
    }
.search_form > h3 {
    font-weight: bold;
    }
.search_form > input[name="query"] {
    width: 18%;
    padding: 8px;
    margin: 16px 0 0;
    }
.search_form .filters > div {
    padding: 24px 0;
    }
.suggestion-box {
    display: none;
    position: absolute;
    max-width: 100%;
    max-height: 500px;
    line-height: 18px;
    background: #fff;
    overflow-y: scroll;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    text-align: left;
    z-index: 1001;
    }
.suggestion-box .quick-search-result li.header {
    color: #000;
    background-color: #f2f6f9;
    }
.suggestion-box .quick-search-result li {
    border-bottom: 1px solid #d1d1d1;
    padding: 8px;
    }
.suggestion-box .quick-search-result .image {
    display: block;
    position: relative;
    }
.suggestion-box .quick-search-result .image .logo {
    position: absolute;
    right: 0;
    top: 0;
    max-height: 25px;
    }
.suggestion-box .quick-search-result .image img {
    max-width: 80px;
    }
.suggestion-box .quick-search-result .title {
    color: #515151;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    }
.suggestion-box .quick-search-result .title a:hover {
    color: #000;
    }
.suggestion-box .quick-search-result .description {
    font-size: 12px;
    }
#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: #000;
    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: #000;
    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: .74;
    }
.category-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.category-list li {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: -webkit-calc(25% - 10px);
    width: calc(25% - 10px);
    padding-bottom: 8px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    }
.category-list li img {
    width: 100%;
    height: auto;
    }
.category-list li .detail {
    text-align: left;
    width: 100%;
    padding: 0;
    margin: 0;
    font-weight: 500;
    }
.category-list li .detail span {
    display: none;
    }
.category-list li .detail strong {
    font-size: 14px;
    display: block;
    margin-top: 0;
    font-weight: 200;
    color: #6e6e6e;
    text-transform: capitalize;
    }
.best-sellers-banner {
    margin-top: 24px;
    color: #fff;
    width: auto;
    height: 403px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    }
.featured .best-sellers-banner {
    height: 360px;
    }
.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,.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 h2 {
    font-size: 72px;
    font-weight: 300;
    margin: 0 0 24px;
    line-height: 1.0;
    }
.best-sellers-banner .content-detail p {
    font-size: 21px;
    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: #fff;
    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 0;
    color: #484848;
    }
.sub-heading .btn {
    background-color: #f2f6f9;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
    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: #000;
    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: 0;
    top: 0;
    }
.category-top .sort_products select {
    width: 227px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #a2a2a2;
    margin-left: 16px;
    }
.detail-section .featured-category {
    position: relative;
    display: inline-block;
    width: 31%;
    height: auto;
    margin-right: 3.5%;
    margin-top: 10px;
    }
.detail-section a:last-child .featured-category {
    margin-right: 0;
    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: 0;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    color: #303030;
    text-align: center;
    }
.detail-section .featured-category .detail h4 {
    font-size: 13px;
    font-weight: 500;
    }
.detail-section .featured-category .detail h3 {
    font-size: 20px;
    font-weight: normal;
    color: #000;
    }
.detail-section .featured-category .detail h3:hover {
    color: #000;
    }
.detail-section .featured-category img {
    width: 100%;
    height: auto;
    }
.display-filter-summary-main {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding-right: 12px;
    margin: 16px 0 8px 0;
    }
.display-filter-summary-main .display-filter-count {
    font-weight: 700;
    }
.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 .price-filter-wrap .price-slider-low,
:root .price-filter-wrap .price-slider-high {
    top: -32px;
    }
:root .filter-section .colors-wrap {
    margin-top: 64px;
    }
:root .filter-section h2.heading {
    margin-bottom: 8px;
    }
:root .prods-top-area .result-info {
    color: #000;
    }
:root body.category #product-collection .products .product-default-list .list-price {
    color: #000;
    opacity: .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: #FFF;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #f0efef;
    text-align: center;
    margin: 0 3.5% 24px 0;
    position: relative;
    }
#filter-details .filter:nth-child(4n) {
    margin-right: 0;
    }
#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: 0;
    position: absolute;
    }
#filter-details .filter .value.on {
    color: #fff;
    background-color: #94AEC1;
    }
#filter-details .filter .value.on:after {
    color: #fff;
    }
#filter-details .dropdown {
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    border: 1px solid #f0efef;
    background-color: #fff;
    z-index: 1;
    }
#filter-details .filter.on {
    color: #000;
    }
#filter-details .filter.on .dropdown {
    display: block;
    }
#filter-details .filter.on .value:after {
    color: #000;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    }
#filter-details .dropdown li {
    display: block;
    padding: 7px 0;
    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: #000;
    }
#compare-bar {
    background-color: #F3F7FA;
    min-height: 34px;
    margin-top: 1px;
    padding: 8px 0;
    border-top: 1px solid #515151;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset;
    -webkit-transition: all .3s;
    transition: all .3s;
    }
#compare-count {
    display: inline;
    }
#compare-bar span {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    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;
    }
#compare-bar ul.compare-products li .wrap {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border: 1px solid #000;
    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: #fff;
    border: 1px solid #000;
    float: left;
    }
#compare-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 120px;
    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;
    }
#compare-bar .cp h4 {
    font-size: 18px;
    margin: 4px 16px 8px 0;
    white-space: nowrap;
    }
#compare-bar .remove {
    cursor: pointer;
    color: #000;
    display: block;
    clear: both;
    padding: 4px 16px;
    }
#compare-bar.half-on {
    height: auto !important;
    }
#compare-bar.half-on ul.compare-products {
    display: none;
    }
#compare-bar.half-on .cp {
    margin: 0;
    }
#compare-bar.half-on .cp * {
    display: none;
    }
#compare-bar.half-on .cp h4 #compare-count {
    display: inline;
    }
#compare-bar.half-on .cp h4 {
    display: block;
    margin: 0;
    font-size: 18px;
    padding: 8px 0;
    }
#compare-bar.half-on #products_compared {
    opacity: 0;
    }
#compare-close {
    float: right;
    margin-right: 16px;
    cursor: pointer;
    }
.collection-banner {
    margin-top: 24px;
    margin-bottom: 48px;
    color: #FFF;
    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,.1);
    }
#product-collection {
    margin-top: 60px;
    }
#product-collection:after {
    content: '';
    display: block;
    clear: both;
    }
ul.collections li {
    max-width: 216px;
    width: 22.5%;
    margin: 0 3.33% 60px 0;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    cursor: pointer;
    }
ul.collections li:nth-child(4n) {
    margin-right: 0;
    }
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: 0 auto 0 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 li {
    max-width: 216px;
    width: 22.5%;
    margin: 0 3.33% 24px 0;
    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: 0;
    }
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 {
    display: block;
    max-width: 80%;
    height: auto;
    width: 100%;
    margin: 0 auto 20px auto;
    }
ul.products li .logo {
    position: absolute;
    right: 0;
    top: 0;
    max-height: 22px;
    width: auto;
    margin: 0;
    height: auto;
    max-width: unset;
    }
ul.products li h4 {
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    margin-top: 16px;
    padding-top: 8px;
    }
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 {
    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;
    }
.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 {
    border: 1px solid #f0efef;
    -webkit-box-shadow: #d9d9d9 0 0 5px;
    box-shadow: #d9d9d9 0 0 5px;
    }
ul.products li:hover .sku {
    opacity: .74;
    }
ul.products li:hover .iotsku {
    opacity: .74;
    }
ul.products li:hover .btn {
    opacity: 1;
    }
ul.products li:hover .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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: 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 .slick-dots li {
    margin: 0;
    }
.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:  #000000;
}

.prod-modal .slick-next:before {
	content: ">";
	font-size: 22px;
	font-weight: 800;
	color: #000000;
}
*/
.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: #000;
    font-size: 12px;
    color: #fff;
    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: #000;
    }

/*Products*/
.product .content-top h1 {
    float: left;
    font-size: 32px;
    line-height: 38px;
    width: 65%;
    font-weight: 300;
    }
.product .content-top .sku {
    float: right;
    font-size: 16px;
    margin-top: 10px;
    color: #303030;
    }
.product .content-top .sku .sku_code {
    color: #000;
    }
.product-logo-container {
    position: relative;
    width: 63%;
    margin-left: 37%;
    }
.product-logo-container .logo {
    position: absolute;
    right: 100px;
    top: 0;
    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 0 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: 0 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_container[mode="fullscreen"] {
    position: fixed !important;
    }
#s7spinview_div {
    display: none;
    }
.top-detail-section .right-detail {
    float: right;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
    position: absolute;
    top: 0;
    right: 0;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.top-detail-section .right-detail .img-box ul {
    width: 100%;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.where-to-buy {
    display: inline-block;
    margin-top: 16px;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #000;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 24px;
    }
.where-to-buy:hover {
    background-color: #000;
    color: #fff !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 {
    margin-bottom: 8px;
    background: #000 !important;
    color: #fff !important;
    }
.where-to-buy.on:hover {
    background-color: #000;
    }
.where-to-buy.on h4 {
    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: #fff;
    border: 2px solid #fff;
    color: #000;
    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: #000;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    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;
    }
a.bob {
    display: none;
    color: #FFF !important;
    cursor: pointer;
    background-color: #000;
    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: #fff;
    border-bottom: 0;
    color: #000;
    }
.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 img {
    width: 38px;
    height: 38px;
    cursor: pointer;
    border: 2px solid transparent;
    padding: 2px;
    border-radius: 38px;
    }
.product-options li img:hover {
    border-color: #000;
    }
.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 #000;
    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: #000;
    display: block;
    }
.options,
.extras {
    padding: 10px 0;
    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 0 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 0;
    font-size: 10px;
    text-transform: uppercase;
    color: #757575;
    position: relative;
    }
.total-price .top-detail .trigger {
    color: #000;
    text-transform: uppercase;
    padding-right: 15px;
    position: absolute;
    right: 0;
    }
.total-price .inner-detail {
    margin-top: 7px;
    padding-bottom: 6px;
    }
.total-price .price {
    font-size: 17px;
    color: #000;
    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: 0;
    display: inline-block;
    }
.total-price .extra_item .alert {
    color: #e46d52;
    font-size: 11px;
    }
.product .product-description {
    margin: 0 auto 40px;
    max-width: 692px;
    color: #575757;
    font-size: 15px;
    text-align: center;
    }
.product .product-description a {
    color: #000;
    }
.specifications,
.features-section {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    }
.features-section {
    padding-right: 16px;
    }
.specifications {
    padding-left: 16px;
    }
.specifications h3,
.features-section h3 {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 26px;
    border-bottom: 1px solid #515151;
    }
.features-section .features ul {
    margin: 15px 0 30px;
    }
.features-section .features li {
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 0 18px;
    color: #575757;
    background: url(/images/bullet.jpg) no-repeat 6px 8px;
    }
.features-section .icon-list li {
    vertical-align: top;
    width: 50%;
    margin: 18px 0 45px;
    padding: 0 20px;
    display: inline-block;
    font-size: 15px;
    line-height: 16px;
    color: #000;
    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: 0;
    }
.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;
    }
.specifications .Accordion .accordion-content a img {
    max-width: 100%;
    }
.smartfact {
    border: 2px solid #c9dab4;
    background-color: #fff;
    padding: 16px 3.5% 16px 90px;
    margin: 15px 0 30px 0;
    background-image: url(/images/smart-fact.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    min-height: 85px;
    background-size: initial;
    }
.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: #fff;
    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: 0;
    }
.product-upgrades .content a {
    color: #a4cad6;
    font-size: 12px;
    font-weight: 500;
    }
.product_gallery img {
    width: auto;
    max-height: 150px;
    margin: 0 8px;
    display: block;
    }
.product_gallery li {
    padding: 0 8px;
    overflow: hidden;
    }
#prod_mytoto_buttons {
    margin-top: 8px;
    }
.product.discontinued .top-detail-section {
    padding-top: 0;
    }
.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: #f00;
    font-size: 32px;
    color: #fff;
    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: #fff !important;
    opacity: .9 !important;
    }
.gallery-image.owl-theme .owl-prev:before {
    content: "";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    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: #fff;
    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: #fff !important;
    opacity: .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: #fff;
    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: #fff;
    }
.tooltip {
    color: #575757;
    }
.tooltip h5 {
    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: #000;
    }
.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: visible;
    overflow-y: scroll;
    min-height: 120px;
    min-width: 400px;
    }
#feather_close,
#feather_clear_compare {
    position: relative;
    top: 30px;
    }
.modal_lightbox h1 {
    margin-top: 0;
    }
.compare_modal_spacer {
    clear: both;
    }
.darkbutton {
    background: #000 !important;
    color: #FFF !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: #000;
    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;
    }
.totopro-header .totopro-alpha-filter {
    margin: 0;
    padding: 0;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    }
.totopro-header .totopro-alpha-filter li {
    cursor: pointer;
    display: inline-block;
    }
.totopro-header .totopro-alpha-filter a {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 24px;
    line-height: 24px;
    width: 18px;
    background: #f5f5f5;
    float: left;
    color: #6e6e6e;
    }
.totopro-header .totopro-alpha-filter a.highlighted {
    color: #000;
    font-weight: bold;
    }
.totopro-header .search-wrapper,
.totopro-header select {
    vertical-align: top;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    margin: 0 5px;
    padding: 0;
    border: solid 1px #EEE;
    color: #6e6e6e;
    }
.totopro-header .search-wrapper {
    display: inline-block;
    position: relative;
    }
.totopro-header .search-wrapper button,
.totopro-header .search-wrapper input {
    position: absolute;
    top: 0;
    bottom: 0;
    border: none;
    color: #6e6e6e;
    background: none;
    width: 100%;
    }
.totopro-header .search-wrapper button:focus,
.totopro-header .search-wrapper input:focus {
    outline: none;
    }
.totopro-header .search-wrapper input {
    left: 0;
    right: 20px;
    }
.totopro-header .search-wrapper button {
    cursor: pointer;
    right: 0;
    width: 20px;
    background: url(/images/search.jpg) no-repeat center;
    }
.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;
    }
.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 a {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #6e6e6e;
    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: center;
    }
.totopro-content .product .description .actions button {
    cursor: pointer;
    width: 45%;
    color: #000;
    background: #eaeaea;
    border: none;
    margin: 0 2px;
    padding: 0;
    height: auto;
    padding: 8px;
    font-weight: bold;
    }
.totopro-content .product .description .actions button:focus,
.totopro-content .product .description .actions button:hover {
    outline: 0;
    }
.totopro-content .product .description .actions form {
    display: none;
    margin: 5px;
    background: #000;
    padding: 0 15px;
    color: #FFF;
    float: left;
    }
.totopro-content .product .description .actions form h4 {
    background: url(/images/where-line.jpg) repeat-x center;
    margin-bottom: 5px;
    }
.totopro-content .product .description .actions form h4 span {
    display: inline-block;
    padding: 0 4px;
    font-weight: bold;
    font-size: 12px;
    background: #000;
    }
.totopro-content .product .description .actions form .input-wrapper,
.totopro-content .product .description .actions form p {
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 48%;
    margin-bottom: 18px;
    }
.totopro-content .product .description .actions form .input-wrapper {
    float: right;
    }
.totopro-content .product .description .actions form .input-wrapper input {
    float: left;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    height: 24px;
    }
.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%;
    background: #5a7588;
    border: solid 1px #47545e;
    color: #FFF;
    }
.totopro-content .product .description .actions form .input-wrapper input[type="submit"] {
    width: 25%;
    color: #5a7588;
    background: #dce6ed;
    border: none;
    }
.totopro-content .product .downloads {
    float: right;
    width: 46%;
    margin: 0;
    font-size: 12px;
    }
.totopro-content .product .downloads h4 {
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    margin: 0;
    padding: 0;
    }
.totopro-content .product .downloads .column {
    float: left;
    width: 46%;
    }
.totopro-content .product .downloads .column a {
    display: inline-block;
    margin-bottom: 7px;
    color: #000;
    font-weight: bold;
    outline: none;
    }
.totopro-content .product .downloads .column a:focus,
.totopro-content .product .downloads .column a:hover {
    outline: none;
    }
.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: #000;
    }
#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;
    -webkit-transition: all 2s;
    transition: all 2s;
    position: relative;
    }
.pager .loader {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    }
.pager .pager-navi {
    clear: both;
    text-align: center;
    font-size: 12px;
    width: 110px;
    margin: auto;
    position: relative;
    color: #000;
    font-weight: bold;
    }
.pager .pager-navi a,
.pager .pager-navi span {
    display: inline-block;
    height: 21px;
    width: 24px;
    line-height: 21px;
    cursor: pointer;
    }
.pager .pager-navi .next,
.pager .pager-navi .prev {
    position: absolute;
    top: 0;
    text-indent: -99999px;
    }
.pager .pager-navi .prev {
    left: 0;
    background: url(/images/pager-prev.jpg);
    }
.pager .pager-navi .next {
    right: 0;
    background: url(/images/pager-next.jpg);
    }
.pager .pager-navi .current {
    background: #d6d6d6;
    color: #FFF;
    }
.pager .pager-navi .total {
    display: inline;
    }

/*Homepage*/
.content-slides {
    display: block;
    width: 100%;
    max-width: 1024px;
    overflow: hidden;
    height: auto;
    margin: 0 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 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 25px;
    color: #303030;
    font-weight: 100;
    }
.homepage-featured-products .slick-slide h3 {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    }
.homepage-featured-products h3 a:hover {
    color: #000;
    }
.homepage .toto-fundamentals h2.one-line {
    margin-bottom: 20px;
    }
.homepage .toto-fundamentals .slick-slider.topslider .slick-slide {
    padding: 12px 0;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    }
.homepage .toto-essentials {
    margin: 24px 0;
    }
.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: #FFF;
    color: #262626;
    }
.homepage .featured-product:hover .module_content {
    color: #367eb3;
    }
.homepage .featured-product .module_content .plus {
    display: block;
    position: absolute;
    float: right;
    bottom: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background-color: #3252A3;
    content: "+";
    margin: -48px 0 0;
    text-align: center;
    color: #FFF;
    font-size: 32px;
    font-weight: bold;
    }
.homepage .featured-product:hover {
    opacity: .7;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    }
.homepage .featured-product:hover .module_content .plus {
    background-color: #000;
    }
.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,.7);
    position: absolute;
    bottom: 0;
    z-index: 100;
    color: #FFF;
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    }
.homepage .featured-section:hover {
    opacity: .7;
    -webkit-transition: opacity .2s ease;
    transition: opacity .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: #FFF;
    }
.homepage .toto-about .inner-wrapper a.more {
    display: inline-block;
    float: right;
    width: auto;
    color: #fff;
    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;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    }
.homepage .toto-about .inner-wrapper a.more:after {
    content: "+";
    display: inline-block;
    float: right;
    position: absolute;
    margin-left: 20px;
    color: #fff;
    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: .7;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    }
.toto-tools h2.one-line {
    margin-bottom: 22px;
    }
.slider2 .slick-slide {
    position: relative;
    overflow: hidden;
    }
.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: #fff;
    text-align: center;
    }
.slider2 .slick-slide .fundamental-desc h3 {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    color: #FFF;
    }
.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 .topslider {
    background-color: #FFF;
    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: #fff;
    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;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    }
.slider6 .slick-slide .fundamental-desc a:after {
    content: "+";
    display: inline-block;
    float: right;
    position: absolute;
    margin-left: 20px;
    color: #fff;
    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: #000;
    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: #FFF !important;
    -webkit-transition: background-color .3s ease,color .3s ease;
    transition: background-color .3s ease,color .3s ease;
    }
.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 -webkit-calc(50% - 50vw);
    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 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,.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 0 0;
    color: #FFF;
    text-align: center;
    }
.slider7 .slidecontrols .slideprev:hover {
    background: url(/images/controls_new.png) no-repeat 0 -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 0;
    color: #FFF;
    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: 0;
    margin-left: 0 -100%;
    margin-right: -webkit-calc(50% - 50vw);
    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: #f0f0f0;
    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 #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    }
.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 #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }
.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,.5);
    width: 30px;
    height: 2px;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    border: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    padding: 0;
    }
.slider8 .slick-dots .slick-active button {
    background: #FFF;
    }
#slide-wrapper {
    display: block;
    width: 100%;
    position: relative;
    left: 0;
    }
#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: 0;
    top: 0;
    }
#slide-wrapper #slide1.on,
#slide-wrapper #slide2.on {
    opacity: 1;
    z-index: 1;
    }
#slide-wrapper.on {
    left: 0;
    }
#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: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    }
.find-a-product .module_content {
    background-color: #f2f2f2;
    padding: 17px 5.5% 30px;
    }
.find-a-product .desc {
    padding: 0 16%;
    color: #303030;
    line-height: 15px;
    margin: 10px 0 16px;
    text-align: center;
    font-weight: 500;
    }
.find-a-product .select {
    cursor: pointer;
    float: left;
    position: relative;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    color: #707070;
    font-size: 12px;
    width: 75%;
    margin-right: 3.5%;
    }
.select select {
    visibility: hidden;
    display: none;
    }
.select.error {
    border: 2px solid #F00;
    }
.select .styledSelect {
    color: #303030;
    background-color: #fff;
    padding: 8px;
    text-align: left;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    posistion: relative;
    }
.select .styledSelect:after {
    font-size: 24px;
    line-height: 14px;
    content: '\025BE';
    display: inline-block;
    width: 1em;
    height: 1em;
    position: absolute;
    right: 0;
    }
.select.on .styledSelect:after {
    content: '\025B4';
    }
.select .options {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    right: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 2px;
    box-shadow: rgba(0,0,0,.2) 0 1px 2px;
    }
.select.on .options {
    display: block;
    }
.select .options li {
    margin: 0;
    padding: 4px 10px;
    line-height: 22px;
    }
.select .options li:hover {
    background-color: #39f;
    color: #fff;
    }
.find-a-product input[type="text"],
.find-a-showroom input[type="text"] {
    margin: 0 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;
    display: none !important;
    }
.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;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 24px;
    font-weight: 700;
    border: none !important;
    background: #000;
    color: #fff;
    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;
    }
#warranty-registration span.fieldset-legend {
    font-size: 15px;
    color: #757575;
    font-weight: 500;
    font-style: normal;
    }
#warranty-registration input[type="text"] {
    display: block;
    margin: 0 0 8px;
    padding: 12px;
    font-family: 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B';
    color: #bdbdbd;
    border: 1px solid #a4a4a8;
    background-color: #FFF;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    height: auto;
    width: 100%;
    }
#warranty-registration select {
    display: block;
    margin: 0 0 8px;
    padding: 10px 5px;
    font-family: 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B';
    color: #bdbdbd;
    border: 1px solid #a4a4a8;
    background-color: #FFF;
    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 #000;
    background: transparent;
    padding: 14px 24px;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    }
#warranty-registration input[type="submit"]:hover {
    color: #fff;
    background: #000;
    }
#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 {
    border: 2px solid #F00;
    }
#warranty-registration input[type="checkbox"] {
    visibility: hidden;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
    }
#warranty-registration input[type="checkbox"]:after {
    content: " ";
    visibility: visible;
    background-color: #FFF;
    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 {
    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: 0;
    }
.discontinued-search #filter-details li.on,
.discontinued-search #filter-details li:hover {
    background-color: #94AEC1;
    -webkit-box-shadow: 0 1px 20px #466D8A inset;
    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: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 28px;
    }
.discontinued-search .search-result:nth-child(4n) {
    margin-right: 0;
    }
.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;
    -webkit-box-shadow: 0 2px 2px 0 rgba(240,239,239,.75);
    box-shadow: 0 2px 2px 0 rgba(240,239,239,.75);
    overflow: hidden;
    }
.discontinued-search .submit-search input {
    width: 80%;
    font-size: 16px;
    text-transform: uppercase;
    color: #b5c7d4;
    border: none;
    padding: 10px 15px;
    }
.discontinued-search .submit-search input:focus {
    outline: none;
    border: none;
    }
.discontinued-search .submit-search .submit {
    position: absolute;
    top: 0;
    right: 0;
    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;
    }

/*Try a Washlet */
.try-a-washlet .accordion-content .span6 {
    display: inline-block;
    padding: 0 0 18px;
    }
.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 h5 {
    margin: 0 0 5px;
    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: #fff;
    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: #000;
    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;
    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: 0;
    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: visible;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
    }
.featherlight .featherlight-inner {
    display: block;
    }
.featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial,sans-serif;
    background: #fff;
    background: rgba(255,255,255,.3);
    color: #000;
    }
.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;
    -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;
    }
}

@-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(0,0,0);
    }
.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;
    -webkit-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%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 36px;
    width: 72px;
    padding: 0;
    height: 48px;
    line-height: 44px;
    border-radius: 3px;
    background: #202945;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    }
.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;
    -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;
    -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: -webkit-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;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    }
.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    }
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
    }
.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;
    -webkit-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);
    -webkit-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;
    -webkit-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: #FFF;
    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;
    -webkit-filter: Alpha(Opacity=50);
    filter: Alpha(Opacity=50);
    opacity: .5;
    }
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    -webkit-filter: Alpha(Opacity=100);
    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;
    -webkit-filter: Alpha(Opacity=50);
    filter: Alpha(Opacity=50);
    opacity: .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 {
    -webkit-filter: Alpha(Opacity=100);
    filter: Alpha(Opacity=100);
    opacity: 1;
    }
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    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%;
    -webkit-perspective: 1200px;
    perspective: 1200px;
    }
.owl-fade-out {
    z-index: 10;
    webkit-animation: fadeOut .7s both ease;
    moz-animation: fadeOut .7s both ease;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
    }
@-webkit-keyframes empty {
0% {
    opacity: 1;
    }
}

@-moz-keyframes empty {
0% {
    opacity: 1;
    }
}

@-webkit-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;
    }
}

@-webkit-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;
    }
}

@-webkit-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%);
    }
}

@-webkit-keyframes backSlideOut {
25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
    }
75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%);
    }
100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
    -ms-transform: translateZ(-500px);
    transform: translateZ(-500px);
    }
75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    -ms-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%);
    }
100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    -ms-transform: translateZ(-500px) translateX(-200%);
    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);
    }
}

@-webkit-keyframes backSlideIn {
0%,
25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
    transform: translateZ(-500px) translateX(200%);
    }
75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
    }
100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
0%,
25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
    -ms-transform: translateZ(-500px) translateX(200%);
    transform: translateZ(-500px) translateX(200%);
    }
75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
    -ms-transform: translateZ(-500px);
    transform: translateZ(-500px);
    }
100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    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);
    }
}

@-webkit-keyframes scaleToFade {
to {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    }
}

@keyframes scaleToFade {
to {
    opacity: 0;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
from {
    webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
from {
    moz-transform: translateY(-100%);
    }
}

@-webkit-keyframes goDown {
from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    }
}

@keyframes goDown {
from {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    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);
    }
}

@-webkit-keyframes scaleUpFrom {
from {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
from {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    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);
    }
}

@-webkit-keyframes scaleUpTo {
to {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
to {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    }
}

.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: -webkit-calc(100% - 400px) !important;
    max-height: calc(100% - 400px) !important;
    min-height: 100px;
    left: 50%;
    top: 200px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    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;
    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: #FFF;
    text-transform: uppercase;
    font-size: 40px;
    white-space: nowrap;
    font-weight: 300;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(20,20,20,.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;
    }
header .topbar .inner .menu ul li a {
    font-size: 15px;
    }
}

@media only screen and (max-width:1048px) {
.breadcrumbs-wrap {
    margin: 0 -20px;
    }
.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: .9;
    -webkit-filter: alpha(opacity=90);
    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: #fff;
    overflow: hidden;
    }
.cboxIframe {
    background: #fff;
    }
#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 {
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0FFFF,endColorstr=#0FFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0FFFF,endColorstr=#0FFFF);
    }
#module_10012130991414921719 {
    padding-right: 16px;
    }
.continue-block {
    display: block;
    vertical-align: top;
    background: #fff;
    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;
    }
.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: #000;
    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;
    }
.top-links input.search {
    border: 1px solid #000;
    padding: 4px;
    }
.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: #FFF;
    border-bottom: 0;
    font-weight: bold;
    padding-bottom: 11px;
    }
.online-retailers {
    display: none;
    width: 100%;
    }
.online-retailers.active {
    display: block;
    }
.online-retailers .bottom {
    min-height: 400px;
    }
.online-retailers .bottom a.online-retailer {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    width: 16.667%;
    }
.online-retailers .bottom a.online-retailer img {
    display: block;
    width: 60%;
    height: auto;
    margin: 0 auto;
    }
.online-retailers .bottom a.online-retailer span.title {
    display: block;
    width: 80%;
    text-align: center;
    margin: 10px auto;
    text-decoration: underline;
    word-break: break-all;
    }
.page-dynamax-tornado-flush > .wrapper,
.page-dynamax > .wrapper {
    width: 100%;
    max-width: 100%;
    font-family: 'Montserrat',sans-serif;
    }
.hero-video {
    max-width: 100%;
    }
.page-dynamax-tornado-flush .hero-video div,
.page-dynamax .hero-video div {
    width: 100%;
    }
.page-dynamax-tornado-flush .hero-video .vid:not(video),
.page-dynamax .hero-video .vid:not(video) {
    width: 100% !important;
    height: -webkit-calc(100vh - 252px) !important;
    height: calc(100vh - 252px) !important;
    color: #FFF;
    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: #fff;
    width: 100%;
    display: block;
    }
.limited-inventory .tooltip {
    display: block;
    position: absolute;
    left: 2000px;
    -webkit-transition: left .2s;
    transition: left .2s;
    width: 500px;
    text-align: left;
    margin-top: 3px;
    background: #f2f6f9;
    color: #000;
    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: -webkit-calc(100% + 10px);
    left: calc(100% + 10px);
    -webkit-transition: left .2s;
    transition: left .2s;
    }
.limited-inventory:hover .tooltip:after {
    content: "!";
    color: #fff;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 8px;
    background-color: #367eb3;
    }
.evolution-section {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    height: 542px;
    position: relative;
    background-position: center center;
    }
.evolution-section .module .module_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    }
.evolution-section .module .module_content h3 {
    font-size: 24px;
    color: #FFF;
    font-weight: normal;
    line-height: 1.7;
    width: 100%;
    height: 100%;
    }
.evolution-section .module .module_content h3 a {
    color: #FFF;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    text-align: center;
    }
.evolution-section .module:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    }
.evolution-section .module:hover:before {
    opacity: 0;
    }
.page-dynamax-tornado-flush .text-image,
.page-dynamax .text-image {
    background: rgb(255,255,255);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',endColorstr='#c9cbca',GradientType=1);
    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;
    }
.type_casestudy .header-banner:before {
    display: none;
    }
.type_casestudy .header-banner img {
    width: 600px;
    height: auto;
    }
.type_casestudy .header-banner .module_content {
    padding-top: 64px;
    text-align: left;
    }
.type_casestudy .pageTitle h1 {
    font-weight: 400;
    }
.type_casestudy .pageTitle h2 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin: 0;
    font-weight: 400;
    }
.type_casestudy .pageTitle .sharethis {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    }
.type_casestudy .pageTitle .sharethis .sharethis-wrapper {
    text-align: left;
    }
.searchbox .input-wrapper,
.search_form #search_query_form {
    position: relative;
    }
.searchbox .input-wrapper .btn,
.search_form #search_query_form .btn {
    background: #000;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    width: 72px;
    outline: none;
    }
.searchbox .input-wrapper input,
.search_form #search_query_form input {
    padding-right: 80px !important;
    }
.page-award_winning_products footer {
    margin-top: 0;
    }
.awards-menu {
    width: 100%;
    max-width: 100% !important;
    position: fixed;
    z-index: 100;
    top: 42px;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 24px !important;
    margin: 0 !important;
    background: rgba(0,0,0,.8);
    color: #FFF;
    }
.awards-menu .module {
    margin: 0 !important;
    }
.awards-menu ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style-type: none;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    }
.awards-menu ul li {
    padding: 0 0 0 30px;
    }
.awards-menu ul li a {
    text-transform: none;
    color: #FFF !important;
    font-size: 20px;
    }
.awards-menu ul li a:hover {
    text-decoration: underline !important;
    }
.awards-menu > .module:nth-child(2) {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    }
.awards-menu > .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: -webkit-calc(100vh - 146px);
    min-height: calc(100vh - 146px);
    }
.paralax-images > :empty {
    display: none;
    }
.paralax-images > div {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    }
.paralax-images > :not(.active) {
    opacity: 0;
    z-index: 0;
    }
.paralax-images > .active {
    opacity: 1;
    z-index: 5;
    }
.main-content-area {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 100% !important;
    background: #FFF;
    margin-top: -webkit-calc(100vh - 42px) !important;
    margin-top: calc(100vh - 42px) !important;
    margin-bottom: 0 !important;
    color: #222;
    }
.main-content-area > 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%;
    -webkit-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    text-align: center;
    }
.module.awards-header h1 {
    font-size: 60px;
    font-weight: 800;
    }
.module.awards-header ul {
    list-style-type: none;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    }
.module.awards-header ul li {
    display: inline-block;
    margin-right: 2%;
    width: 32%;
    }
.module.awards-header ul li:last-child {
    margin-right: 0;
    }
.module.awards-header ul li a {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 20px;
    -webkit-transition: .7s;
    transition: .7s;
    padding: 20px;
    border: 1px solid #000;
    min-width: 100%;
    font-weight: bold;
    text-transform: none;
    height: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    }
.module.awards-header ul li a:hover {
    color: #FFF;
    background: #333;
    }
.main-content-area .section {
    padding: 60px 24px 80px;
    }
.main-content-area .section .module:not(.products-grid):not(.products-grids) .module_content p:first-child {
    margin-top: 0;
    }
.main-content-area .section .module:not(.products-grid):not(.products-grids) img {
    width: 150px;
    height: auto;
    }
.main-content-area .section p {
    font-size: 20px;
    margin: 40px 0;
    color: #222;
    line-height: 1.6;
    }
.main-content-area .section h2,
.main-content-area .section h3 {
    text-transform: none;
    font-size: 35px;
    }
.main-content-area .section .products-grid.center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    }
.main-content-area .section.good-design .module:not(.products-grid):not(.products-grids) img,
.main-content-area .section.green-good .module:not(.products-grid):not(.products-grids) img {
    width: 80px;
    }
.main-content-area .section .foot {
    font-size: 20px;
    text-align: left;
    margin-top: 200px;
    }
.sticking {
    position: fixed;
    padding: 20px;
    text-align: center;
    background: rgba(255,255,255,.8);
    left: 0;
    right: 0;
    z-index: 200;
    }
.products-grid {
    margin-top: 80px;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    }
.products-grid div:empty {
    display: none;
    }
.products-grid > .module_content {
    text-align: left;
    font-size: 35px;
    font-weight: 800;
    width: 100%;
    }
.products-grid img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    }
.products-grid .module {
    font-size: 14px;
    font-weight: bold;
    }
.products-grid .module p {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    }
.products-grid .light {
    font-size: 16px !important;
    font-weight: normal !important;
    }
.products-grids {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 64px auto;
    }

/* Image hero */
.module.image-hero {
    margin: 0 !important;
    max-width: 100% !important;
    height: -webkit-calc(100vh - 34px);
    height: calc(100vh - 34px);
    }
.module.image-hero .module_content {
    max-width: 1425px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding-bottom: 100px;
    }
.module.image-hero .module_content h1 {
    margin-bottom: 30px;
    color: white;
    text-transform: none;
    font-size: 50px;
    }
.module.image-hero .module_content h2 {
    margin-top: 0;
    color: white;
    text-transform: none;
    font-weight: normal;
    font-size: 42px;
    }
.retails-list {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-column-gap: 20px;
    grid-row-gap: 50px;
    margin-top: 40px;
    }
.retails-list a .image {
    padding-bottom: -webkit-calc(100% - 2px);
    padding-bottom: calc(100% - 2px);
    border: 1px solid rgba(0,0,0,.1);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    }
.retails-list a .title {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1;
    text-transform: none;
    }
#ca-retailers {
    margin-top: 64px;
    }
@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: -webkit-calc(100vh - 128px);
    min-height: calc(100vh - 128px);
    }
.main-content-area {
    margin-top: -webkit-calc(100vh - 25px) !important;
    margin-top: calc(100vh - 25px) !important;
    }
}

@media screen and (max-width:1285px) {
footer .footer-bottom .trigger {
    left: auto;
    right: 0;
    text-align: right;
    }
}

@media all and (max-width:1048px) {
.click-through-image img {
    width: 100%;
    height: auto;
    }
.wrapper {
    padding: 0 16px;
    }
.breadcrumbs {
    padding-left: 10px;
    padding-right: 10px;
    }
footer .footer-bottom .trigger {
    margin-right: 16px;
    }
footer .footer-bottom .footer-logo {
    margin-left: 16px;
    top: 0;
    left: 0;
    height: 35Spx;
    }
footer .footer-bottom {
    padding: 16px 115px 16px 165px;
    text-align: left;
    }
footer.on .footer-top {
    padding: 8px 0;
    }
footer .footer-top .back-to-top {
    bottom: -8px;
    width: 60px;
    height: 60px;
    background-size: cover;
    }
footer .footer-bottom .nav {
    padding-top: 0;
    display: block;
    }
footer .footer-bottom .copyright {
    padding-top: 0;
    }
footer .footer-bottom .footer-bottom-social .nav {
    padding-top: 6px;
    }
footer .footer-bottom .nav li a,
footer .footer-bottom .nav li .no-link {
    padding: 0 8px !important;
    }
.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: -webkit-calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
    width: -webkit-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 > .wrapper {
    margin-top: 120px;
    }

/* For fixed header */
body.homepage > .heading + .wrapper {
    margin-top: 0;
    }

/* For fixed header */
body.homepage > .wrapper {
    margin-top: 72px;
    }

/* For fixed header */
header #logo-floater {
    display: inline-block;
    position: relative;
    top: 20px;
    left: 20px;
    right: auto;
    margin: 0;
    }
header .top .mobile-nav-button {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 72px;
    height: 72px;
    float: right;
    cursor: pointer;
    }
.mobile-nav-button.search {
    background-color: #212121;
    }
.mobile-nav-button.search:before {
    content: "";
    display: block;
    width: 72px;
    height: 72px;
    background-image: url(/images/bt_search.png);
    background-size: 72px 72px;
    }
.mobile-nav-button.hamburger {
    background-color: #22439C;
    }
.mobile-nav-button.hamburger:before {
    content: "";
    display: block;
    width: 72px;
    height: 72px;
    background-image: url(/images/bt_hamburger.png);
    background-size: 72px 72px;
    }
.mobile-nav-button.hamburger.on {
    background-color: #000;
    }
.mobile-nav-button.hamburger.on:before {
    background-image: url(/images/bt_hamburger_on.png);
    }
header .top form.mobile-search-form {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 72px;
    }
header .top form.mobile-search-form input {
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    border: 0;
    font-size: 20px;
    padding: 0 20px;
    outline: 0;
    }
.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 > .wrapper,
body.subpage > .wrapper {
    margin-top: 0;
    }
header .top {
    height: 72px;
    }
header .top nav {
    display: none;
    }
header .top .wrapper.padded {
    padding: 0 !important;
    }
header .topbar {
    display: none;
    }
header .bottombar {
    height: 64px;
    }
header .bottombar .inner .menu {
    text-align: left;
    }
header .bottombar nav {
    display: none;
    }
header #mobile-buttons {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -1px;
    }
header #mobile-buttons .fa-search {
    font-size: 28px;
    margin-right: 4px;
    vertical-align: top;
    height: 64px;
    padding: 18px 16px;
    }
header #mobile-nav {
    display: inline-block;
    vertical-align: top;
    height: 64px;
    padding: 20px 16px 12px 16px;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s;
    }
header #mobile-nav.on,
header #mobile-nav:active,
header #mobile-buttons .fa-search.on {
    background: #2060FF;
    }
header #mobile-nav .icon-bar {
    border-bottom: 3px solid #000;
    display: block;
    margin: 0 0 8px;
    width: 32px;
    }
header .bottombar .search_form {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    border-bottom: 1px solid #d1d1d1;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 8px 0;
    width: 100%;
    height: 52px;
    }
header .bottombar .inner .menu .search_form input {
    max-width: 300px;
    margin: 0 auto !important;
    }
form.search_form {
    margin: 0;
    padding: 0;
    width: 100%;
    }
form.search_form input {
    max-width: 100%;
    border-bottom: 4px solid #fff;
    height: 48px;
    border-radius: 0;
    padding-left: 40px;
    background: #ddd 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) {
#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 {
    font-size: 34px;
    margin-bottom: 20px;
    }
.module.image-hero .module_content h2 {
    font-size: 28px;
    }
}

@media all and (max-width:840px) {
.product-logo-container {
    width: 100%;
    margin-left: 0;
    }
.product-logo-container .logo {
    right: 0;
    }
.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;
    -webkit-transition: all .2s ease;
    transition: all .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;
    -webkit-transform: scale(1,.5);
    -ms-transform: scale(1,.5);
    transform: scale(1,.5);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    }
.search-filters .filters h3.on:after {
    -webkit-transform: rotate(180deg) scale(1,.5);
    -ms-transform: rotate(180deg) scale(1,.5);
    transform: rotate(180deg) scale(1,.5);
    }
.search-filters .filters ul {
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    transition: all .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 h1,
.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;
    }
.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: 0 2% 16px 0;
    max-width: none;
    }
#filter-details .filter {
    width: 48%;
    margin: 0 2% 16px 0;
    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 {
    width: 100%;
    margin-right: 0;
    }
.module_10015616381400796994 .module,
.module_10014778060881852203 .module {
    padding: 24px 0;
    }
footer .footer-bottom {
    height: auto;
    padding: 0;
    }
footer .footer-bottom .footer-logo {
    position: static;
    }
.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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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 {
    font-size: 10px;
    }
.detail-section .featured-category .detail 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: 0;
    }
.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: #FFF;
    }
.online-retailers .bottom a.online-retailer {
    width: 25%;
    }
.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 {
    font-size: 32px;
    }
.module.image-hero .module_content h2 {
    font-size: 24px;
    }
}

@media screen and (max-width:765px) {
.sustainable-minds-product-list .product-list li {
    width: 33%;
    }
ul.galleryimages {
    display: none;
    }
#gallery_nav {
    position: absolute;
    top: 0;
    left: 0;
    }
.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;
    }
}

@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: 0 3% 3%;
    }
.search-result .description {
    padding: 16px;
    color: #888;
    }
.search-result .description .title {
    font-size: 20px;
    padding: 0 0 8px;
    color: #000;
    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;
    }
.slider5 {
    background-position: 50% 15px !important;
    }
.slider5 .slick-slide {
    padding: 120px 15px 0 15px !important;
    }
#filter-details .filter {
    width: 100%;
    margin: 0 0 8px;
    }
ul.products li,
ul.collections li {
    display: block;
    float: none;
    width: 100%;
    margin: 8px 0;
    max-width: none;
    }
ul.products li:hover {
    border-color: #fff;
    -webkit-box-shadow: none;
    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: #fff;
    text-align: center;
    }
.slider2 .slick-slide .fundamental-desc h3 {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    color: #FFF;
    }
.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;
    }
.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: 0;
    }
.category-list li {
    width: 47%;
    }
.category-list li:nth-child(2n) {
    margin-right: 0;
    }
.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: #fff;
    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;
    }
footer .footer-bottom .nav,
footer .footer-bottom .copyright,
footer .footer-bottom .footer-bottom-social {
    display: none;
    }
footer .footer-top h2,
footer .footer-top .contact .nav > li > a {
    font-size: 16px;
    margin-bottom: 10px;
    }
footer .footer-top .section a.big {
    font-size: 14px;
    }
footer .footer-top .social .nav a:before {
    width: 20px;
    height: 20px;
    }
footer .footer-top .section a {
    font-size: 11px;
    }
.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%;
    }
}

@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: #FFF;
    }
.slider6 .slick-slide .fundamental-desc p.desc {
    color: #FFF;
    }
.slider6 .slick-slide .fundamental-desc a {
    background-color: #FFF;
    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 .footer-top .contact{width:48%; margin-right:4%;}
    footer .footer-top .our_company{width:48%; margin-right:0px;}
    footer .footer-top .quick_links{width:48%; margin-right:4%; clear:left; margin-top:8px;}
    footer .footer-top .social{width:48%; margin-right:0px; margin-top 8px;}*/
footer .footer-top .section {
    width: 48%;
    margin: 0;
    }
footer .footer-top .section:nth-child(odd) {
    margin-right: 2%;
    }
footer .footer-top .international {
    display: none;
    }
footer .footer-top a {
    line-height: 18px;
    }
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 {
    font-size: 10px;
    }
.detail-section .featured-category .detail h3 {
    font-size: 16px;
    }
.online-retailers .bottom a.online-retailer {
    width: 33%;
    }
.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) {
.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;
    }
footer .footer-bottom .trigger {
    display: none;
    }
.slider2 .slick-slide .fundamental-desc {
    position: static;
    width: 100%;
    height: 225px;
    border-radius: 0;
    padding: 24px 16px 16px;
    }
.sustainable-minds-product-list .product-list li {
    width: 100%;
    }
.featherlight .featherlight-content {
    min-width: 0;
    }
.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
	}*/
header #logo-floater {
    width: 110px;
    height: 34px;
    top: 25px;
    left: 20px;
    }
header .top .mobile-nav-button {
    width: 48px;
    }
header .top .mobile-nav-button:before {
    width: 48px;
    background-size: 64px 72px;
    background-position: center center;
    }
.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;
    }
.online-retailers .bottom a.online-retailer {
    width: 50%;
    }
.showroom-tabs {
    border-bottom: 0;
    }
.showroom-tabs .tab {
    top: 0;
    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;
    }
}

@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;
    }
}

@media all and (max-width: 320px) {
.award-logo > img,
.award-logo .award-logos-wrap {
    top: 35px !important;
    }
}

.productVideoModal {
    width: 640px;
    padding: 20px !important;
    }
.productVideoModal iframe {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100% !important;
    }
.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;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    border: 0;
    }
.videosWrap .video .thumb .play a {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 51px;
    padding: 0;
    margin: 0;
    text-indent: -999999px;
    background: url(/images/play.png) no-repeat center center;
    }
.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 h5 {
    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: #000;
    }
.toggleFilters {
    text-align: left;
    }
.toggleFilters a {
    color: #000;
    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: #000;
    border-bottom-width: 0;
    }
.toggleFilters.hideMore a span {
    border-bottom-color: #000;
    border-top-width: 0;
    }
.filters {
    margin: 24px 0;
    }
.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) > .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: .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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
.pageTitle .main-title,
.pageTitle h1 {
    display: inline-block;
    -webkit-order: 2;
    -ms-flex-order: 2;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    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%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    }
.loading.ajax-loader img {
    float: left;
    font-size: 18px;
    margin-right: 10px;
    }
.search-result.products .title .sku {
    display: inline-block;
    padding: 0 10px;
    background: #e9f0f4;
    font-size: 12px;
    border: 1px solid #000;
    }
.categoriesBar h2 {
    margin-top: 0;
    }
.categoriesBar .cats > a {
    display: inline-block;
    margin: 10px;
    color: #888;
    }
.categoriesBar .cats > a:hover {
    color: #000;
    }
header .topbar .inner .menu ul li.no-arrow:after {
    content: "";
    display: none;
    }
.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: #DDD;
    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%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap;
    font-weight: bold;
    font-size: 20px;
    color: rgba(0,0,0,.5);
    }

/* 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: .5 !important;
    }
.inner-cont .simplebar-scroll-content {
    min-height: 100% !important;
    }
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);
}*/
.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;
    -webkit-transition: left .2s;
    transition: left .2s;
    width: 400px;
    text-align: left;
    margin-top: -35px;
    }
.inv2 .rollover:hover .tooltip,
.inv2 .rollover2:hover .tooltip {
    display: block;
    top: 0 !important;
    left: -webkit-calc(100% - 300px) !important;
    left: calc(100% - 300px) !important;
    -webkit-transition: left .2s;
    transition: left .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;
    right: 10px;
    opacity: .25;
    font-weight: 800;
    -webkit-transition: all .25s ease;
    }
.lang-modal-wrap .featherlight-close-icon:hover {
    opacity: 1;
    }
.lang-modal {
    width: 100%;
    margin: 0 auto;
    }
.lang-modal .logo {
    width: 144px;
    height: 30px;
    background: url(/images/logo.png) no-repeat center center;
    background-size: contain;
    margin: 0 auto 10px;
    }
.lang-chooser {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 400px;
    margin: 10px auto 0;
    }
.lang-chooser a {
    display: inline-block;
    width: -webkit-calc(100% / 3 - 15px);
    width: calc(100% / 3 - 15px);
    padding: 8px;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #000;
    background: #FFF;
    font-size: 14px;
    }
.lang-chooser a.active {
    background: #000;
    color: #fff !important;
    border: 1px solid #000;
    }
.lang-chooser a:hover {
    background: #FFF;
    color: #000;
    border: 1px solid #000;
    }
.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: #fff !important;
    font-weight: bold;
    }
.cookieText a {
    color: #fff !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: #fff !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: #FFF;
    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;
    width: 200px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #000 url(/images/icon_close.png) no-repeat center;
    background-size: 20px;
    }
@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 > .wrapper > .module.container:first-child {
    padding-top: 48px;
    }
.module.slideshow .slide {
    position: relative;
    }
.module.slideshow .slide .slide-content,
.module.slideshow .slide > .content {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 8vw;
    text-align: left;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 600px;
    font-size: 14px;
    font-style: normal;
    }
.module.slideshow .slide.align-center .slide-content,
.module.slideshow .slide.align-center > .content {
    top: 25%;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    }
.module.slideshow .slide.align-right .slide-content,
.module.slideshow .slide.align-right > .content {
    left: auto;
    right: 8vw;
    text-align: right;
    }
.module.slideshow .slide.title-slide p {
    font-size: 20px;
    }
.module.slideshow .slide-content h1 {
    margin: 0 0 32px;
    }
.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 */
@-webkit-keyframes slider-zoom {
0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    }
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    }
}

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

@-webkit-keyframes slider-dot {
0% {
    width: 0;
    }
100% {
    width: 100%;
    }
}

@keyframes slider-dot {
0% {
    width: 0;
    }
100% {
    width: 100%;
    }
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
header.main {
    font-size: 18px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 42px;
    }
header.main .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    }
header.main.overlay .overlay {
    opacity: .4;
    }
header.main .split {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    }
header.main .split .left,
header.main .split .right {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    }
header.main .menu-item {
    display: inline-block;
    padding: 0 24px;
    text-transform: uppercase;
    border-right: 1px solid #EBEBEB;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 1;
    }
header.main a.menu-item {
    color: #000;
    font-weight: 400;
    text-decoration: none;
    }
header.main .menu-item:hover {
    background: #f0f0f0;
    border-color: transparent;
    z-index: 2;
    }
header.main .menu-item.has-dropdown:hover {
    background: #fff;
    }
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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    }
header.main .menu-item.logo {
    background: #000;
    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: #000;
    }
header.main .menu-item.dark:hover {
    background: #5c5f61;
    color: #fff;
    }
header.main .menu-item.dark:hover a:not(.button),
header.main .menu-item.dark:hover a:not(.button):link,
header.main .menu-item.dark:hover a:not(.button):visited,
header.main .menu-item.dark:hover a:not(.button):active,
header.main .menu-item.dark:hover a:not(.button):hover,
header.main .menu-item.dark:hover a:not(.button):focus,
header.main .menu-item.dark:hover .faux-link,
header.main .menu-item.dark:hover .faux-link:link,
header.main .menu-item.dark:hover .faux-link:visited,
header.main .menu-item.dark:hover .faux-link:active,
header.main .menu-item.dark:hover .faux-link:hover,
header.main .menu-item.dark:hover .faux-link:focus {
    color: inherit;
    }
header.main .menu-item span {
    display: inline-block;
    vertical-align: middle;
    }
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: #000;
    color: #fff;
    padding: 0 8px;
    margin: 0 0 0 8px;
    }
header.main .menu-item .dropdown {
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: fixed;
    top: 42px;
    left: 0;
    right: 0;
    z-index: 200;
    padding: 48px 0;
    background: #fff;
    }
header.main .menu-item:hover .dropdown {
    opacity: 1;
    pointer-events: auto;
    }
header.main .menu-item .dropdown.dark {
    background: #5c5f61;
    color: #fff;
    }
header.main .dropdown .columns {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -32px;
    }
header.main .dropdown .column {
    -webkit-flex: 1;
    -ms-flex: 1;
    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;
    }
header.main .dropdown .menu-sub-item {
    display: block;
    margin: 0 0 16px;
    }
header.main .mobile-menu-toggle {
    display: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    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: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.1);
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    padding: 0;
    width: 100vw;
    max-width: 300px;
    display: none;
    }
header.main .menu-item.search.on form {
    display: block;
    }
header.main .menu-item.search form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 12px;
    width: 100%;
    font-size: 14px;
    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: 8px 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: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-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: #FFF;
    padding: 42px 32px;
    }
header.main .menu-item.mega .submenu-wrap .submenu li .sub-submenu .columns {
    max-width: 1425px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    }
header.main .menu-item.mega .submenu-wrap .submenu li .sub-submenu .columns .column {
    width: 33.333%;
    max-width: 350px;
    text-align: left;
    font-size: 18px;
    padding: 0 40px;
    border-right: 1px solid rgba(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,.3);
    font-size: 12px;
    }
header.main .menu-item.mega:hover .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;
    }
h1,
h2,
h3,
h4,
h5,
h6,
.heading {
    text-transform: uppercase;
    font-weight: 600;
    }
h1 {
    font-size: 40px;
    font-weight: 600;
    margin: 0 0 64px;
    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;
    }
h1.lined:before,
h2.lined:before,
h3.lined:before,
h4.lined:before,
h5.lined:before,
h6.lined:before,
.heading.lined:before {
    content: " ";
    display: block;
    width: 32px;
    height: 1px;
    margin: 0 auto 40px auto;
    background: #000;
    }
a:not(.button),
a:not(.button):link,
a:not(.button):visited,
a:not(.button):active,
a:not(.button):hover,
a:not(.button):focus,
.faux-link,
.faux-link:link,
.faux-link:visited,
.faux-link:active,
.faux-link:hover,
.faux-link:focus {
    cursor: pointer;
    position: relative;
    outline: none;
    color: #000;
    text-decoration: none;
    -webkit-touch-callout: none;
    }
a:not(.button):hover,
a:not(.button):link:hover,
a:not(.button):visited:hover,
a:not(.button):active:hover,
a:not(.button):hover:hover,
a:not(.button):focus:hover,
.faux-link:hover,
.faux-link:link:hover,
.faux-link:visited:hover,
.faux-link:active:hover,
.faux-link:hover:hover,
.faux-link:focus:hover {
    text-decoration: none;
    }
a:not(.button).blue,
a:not(.button):link.blue,
a:not(.button):visited.blue,
a:not(.button):active.blue,
a:not(.button):hover.blue,
a:not(.button):focus.blue,
.faux-link.blue,
.faux-link:link.blue,
.faux-link:visited.blue,
.faux-link:active.blue,
.faux-link:hover.blue,
.faux-link:focus.blue {
    color: #3088ce;
    }
a:not(.button).bold,
a:not(.button):link.bold,
a:not(.button):visited.bold,
a:not(.button):active.bold,
a:not(.button):hover.bold,
a:not(.button):focus.bold,
.faux-link.bold,
.faux-link:link.bold,
.faux-link:visited.bold,
.faux-link:active.bold,
.faux-link:hover.bold,
.faux-link:focus.bold {
    font-weight: 600;
    }
a:not(.button).uppercase,
a:not(.button):link.uppercase,
a:not(.button):visited.uppercase,
a:not(.button):active.uppercase,
a:not(.button):hover.uppercase,
a:not(.button):focus.uppercase,
.faux-link.uppercase,
.faux-link:link.uppercase,
.faux-link:visited.uppercase,
.faux-link:active.uppercase,
.faux-link:hover.uppercase,
.faux-link:focus.uppercase {
    text-transform: uppercase;
    }
a:not(.button) .a-bubble,
a:not(.button):link .a-bubble,
a:not(.button):visited .a-bubble,
a:not(.button):active .a-bubble,
a:not(.button):hover .a-bubble,
a:not(.button):focus .a-bubble,
.faux-link .a-bubble,
.faux-link:link .a-bubble,
.faux-link:visited .a-bubble,
.faux-link:active .a-bubble,
.faux-link:hover .a-bubble,
.faux-link:focus .a-bubble {
    display: inline-block;
    border-radius: 20px;
    padding: 2px 12px;
    color: inherit;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    }
a:not(.button) .a-bubble.on,
a:not(.button):link .a-bubble.on,
a:not(.button):visited .a-bubble.on,
a:not(.button):active .a-bubble.on,
a:not(.button):hover .a-bubble.on,
a:not(.button):focus .a-bubble.on,
.faux-link .a-bubble.on,
.faux-link:link .a-bubble.on,
.faux-link:visited .a-bubble.on,
.faux-link:active .a-bubble.on,
.faux-link:hover .a-bubble.on,
.faux-link:focus .a-bubble.on,
a:not(.button):hover .a-bubble,
a:not(.button):link:hover .a-bubble,
a:not(.button):visited:hover .a-bubble,
a:not(.button):active:hover .a-bubble,
a:not(.button):hover:hover .a-bubble,
a:not(.button):focus:hover .a-bubble,
.faux-link:hover .a-bubble,
.faux-link:link:hover .a-bubble,
.faux-link:visited:hover .a-bubble,
.faux-link:active:hover .a-bubble,
.faux-link:hover:hover .a-bubble,
.faux-link:focus:hover .a-bubble {
    background: rgba(0,0,0,.2);
    }
body > .wrapper a:not(.button),
body > .wrapper a:not(.button):link,
body > .wrapper a:not(.button):visited,
body > .wrapper a:not(.button):active,
body > .wrapper a:not(.button):hover,
body > .wrapper a:not(.button):focus,
body > .wrapper .faux-link,
body > .wrapper .faux-link:link,
body > .wrapper .faux-link:visited,
body > .wrapper .faux-link:active,
body > .wrapper .faux-link:hover,
body > .wrapper .faux-link:focus {
    color: #3088ce;
    }
p {
    margin: 24px 0;
    }
i.material-icons {
    display: inline-block;
    font-size: 1.3em;
    line-height: .7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 1em;
    overflow: visible;
    vertical-align: -34%;
    }
body > .wrapper {
    width: 100%;
    max-width: -webkit-calc(1248px + (24px * 2));
    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: 100vw;
    }
#mobile-search-div {
    display: none;
    }
body > .wrapper.small,
body > div .wrapper.small {
    max-width: 960px;
    }
.wrapper.larger {
    max-width: -webkit-calc(1500px + (24px * 2));
    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;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-calc(1248px + (24px * 2));
    width: calc(1248px + (24px * 2));
    max-width: initial;
    height: 100%;
    background: #EDF2F5;
    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,.7);
    content: "";
    }
.lineout:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    }
.lineout:after {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    }
.lineout:hover:before,
a:not(.button):hover .lineout:before,
a:not(.button):link:hover .lineout:before,
a:not(.button):visited:hover .lineout:before,
a:not(.button):active:hover .lineout:before,
a:not(.button):hover:hover .lineout:before,
a:not(.button):focus:hover .lineout:before,
.faux-link:hover .lineout:before,
.faux-link:link:hover .lineout:before,
.faux-link:visited:hover .lineout:before,
.faux-link:active:hover .lineout:before,
.faux-link:hover:hover .lineout:before,
.faux-link:focus:hover .lineout:before,
.lineout:focus:before,
a:not(.button):focus .lineout:before,
a:not(.button):link:focus .lineout:before,
a:not(.button):visited:focus .lineout:before,
a:not(.button):active:focus .lineout:before,
a:not(.button):hover:focus .lineout:before,
a:not(.button):focus:focus .lineout:before,
.faux-link:focus .lineout:before,
.faux-link:link:focus .lineout:before,
.faux-link:visited:focus .lineout:before,
.faux-link:active:focus .lineout:before,
.faux-link:hover:focus .lineout:before,
.faux-link:focus:focus .lineout:before {
    -webkit-transition: transform .5s .1s cubic-bezier(.165,.84,.44,1);
    transition: transform .5s .1s cubic-bezier(.165,.84,.44,1);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    }
.lineout:hover:after,
a:not(.button):hover .lineout:after,
a:not(.button):link:hover .lineout:after,
a:not(.button):visited:hover .lineout:after,
a:not(.button):active:hover .lineout:after,
a:not(.button):hover:hover .lineout:after,
a:not(.button):focus:hover .lineout:after,
.faux-link:hover .lineout:after,
.faux-link:link:hover .lineout:after,
.faux-link:visited:hover .lineout:after,
.faux-link:active:hover .lineout:after,
.faux-link:hover:hover .lineout:after,
.faux-link:focus:hover .lineout:after,
.lineout:focus:after,
a:not(.button):focus .lineout:after,
a:not(.button):link:focus .lineout:after,
a:not(.button):visited:focus .lineout:after,
a:not(.button):active:focus .lineout:after,
a:not(.button):hover:focus .lineout:after,
a:not(.button):focus:focus .lineout:after,
.faux-link:focus .lineout:after,
.faux-link:link:focus .lineout:after,
.faux-link:visited:focus .lineout:after,
.faux-link:active:focus .lineout:after,
.faux-link:hover:focus .lineout:after,
.faux-link:focus:focus .lineout:after {
    -webkit-transition: transform .5s .6s cubic-bezier(.165,.84,.44,1);
    transition: transform .5s .6s cubic-bezier(.165,.84,.44,1);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    }
.lineout.plain:before {
    width: 1px;
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1);
    transition: all .5s cubic-bezier(.165,.84,.44,1);
    }
.lineout.plain:after {
    display: none;
    }
a:not(.button):hover .lineout.plain:before,
a:not(.button):link:hover .lineout.plain:before,
a:not(.button):visited:hover .lineout.plain:before,
a:not(.button):active:hover .lineout.plain:before,
a:not(.button):hover:hover .lineout.plain:before,
a:not(.button):focus:hover .lineout.plain:before,
.faux-link:hover .lineout.plain:before,
.faux-link:link:hover .lineout.plain:before,
.faux-link:visited:hover .lineout.plain:before,
.faux-link:active:hover .lineout.plain:before,
.faux-link:hover:hover .lineout.plain:before,
.faux-link:focus:hover .lineout.plain:before,
.lineout.plain:focus:before,
a:not(.button):focus .lineout.plain:before,
a:not(.button):link:focus .lineout.plain:before,
a:not(.button):visited:focus .lineout.plain:before,
a:not(.button):active:focus .lineout.plain:before,
a:not(.button):hover:focus .lineout.plain:before,
a:not(.button):focus:focus .lineout.plain:before,
.faux-link:focus .lineout.plain:before,
.faux-link:link:focus .lineout.plain:before,
.faux-link:visited:focus .lineout.plain:before,
.faux-link:active:focus .lineout.plain:before,
.faux-link:hover:focus .lineout.plain:before,
.faux-link:focus:focus .lineout.plain:before {
    left: 0;
    width: 100%;
    opacity: 1;
    -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1);
    transition: all .5s cubic-bezier(.165,.84,.44,1);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    }
.lineout.blue {
    color: #3088ce;
    }
.lineout.blue:before,
.lineout.blue:after {
    background: #3088ce;
    }
.lineout.white {
    color: #fff;
    }
.lineout.white:before,
.lineout.white:after {
    background: #fff;
    }
.image-slider {
    padding: 0;
    height: auto !important;
    min-height: -webkit-calc(100vh - 42px);
    min-height: calc(100vh - 42px);
    background: #000;
    }
.image-slider .slider {
    opacity: 0;
    -webkit-transition: opacity 2s ease-out 1s;
    transition: opacity 2s ease-out 1s;
    position: relative;
    min-height: -webkit-calc(100vh - 42px);
    min-height: calc(100vh - 42px);
    }
.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: -webkit-calc(100vh - 42px);
    min-height: calc(100vh - 42px);
    }
.image-slider .slider .slide {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    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: -webkit-calc(100vh - 42px);
    min-height: calc(100vh - 42px);
    }
.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;
    -webkit-transition: opacity 2s linear 1s;
    transition: opacity 2s linear 1s;
    min-height: -webkit-calc(100vh - 42px);
    min-height: calc(100vh - 42px);
    }
.image-slider .slider .slide.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: -webkit-linear-gradient(rgba(0,0,0,0) 49%,black);
    background: linear-gradient(rgba(0,0,0,0) 49%,black);
    opacity: .4;
    z-index: 2;
    min-height: -webkit-calc(100vh - 42px);
    min-height: calc(100vh - 42px);
    }
.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: -webkit-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
    opacity: .8;
    z-index: 2;
    }
.image-slider .slider .slide > .content {
    position: static;
    width: 100%;
    max-width: none;
    padding-bottom: 144px;
    z-index: 3;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    }
.image-slider .slider .slide.title-slide > .content {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    }
.image-slider .dots .slick-dots {
    position: static;
    display: block;
    vertical-align: bottom;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    }
.image-slider .dots .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 3px;
    overflow: hidden;
    background: #fff;
    margin: 4px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    }
.image-slider .dots .slick-dots li button {
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-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;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
.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;
    }
.module.container.heading h1 {
    font-size: 40px;
    font-weight: 400;
    letter-spacing: .05em;
    }
.module.container.heading a {
    text-transform: none;
    color: #13449D;
    }
.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;
    }
.module.container.scroll-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);
    }
.features-grid {
    margin: 64px 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: #fff;
    overflow: hidden;
    height: 100%;
    min-height: 400px;
    }
.features-grid .tile p {
    opacity: 1;
    }
.features-grid .tile a {
    display: block;
    width: 100%;
    height: 100%;
    }
.features-grid .tile a .images {
    text-align: center;
    width: 100%;
    }
.features-grid .tile a img {
    width: auto;
    max-height: 100px;
    margin: 10px;
    }
.features-grid a:not(.button).tile,
.features-grid a:not(.button):link.tile,
.features-grid a:not(.button):visited.tile,
.features-grid a:not(.button):active.tile,
.features-grid a:not(.button):hover.tile,
.features-grid a:not(.button):focus.tile,
.features-grid .faux-link.tile,
.features-grid .faux-link:link.tile,
.features-grid .faux-link:visited.tile,
.features-grid .faux-link:active.tile,
.features-grid .faux-link:hover.tile,
.features-grid .faux-link:focus.tile {
    text-decoration: none;
    color: #fff;
    }
.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;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    }
.features-grid .tile:hover .image,
.features-grid .tile:hover .image-desktop,
.features-grid .tile:hover .image-mobile {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    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: -webkit-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: .8;
    }
.features-grid .tile a > .module_content {
    min-height: 100%;
    width: 100%;
    padding: 24px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    font-size: 20px;
    z-index: 3;
    color: white;
    }
.features-grid .tile h3 {
    font-size: 30px;
    }
.homepage .module.products {
    padding-top: 64px;
    }
.homepage .products {
    margin-bottom: 128px;
    }
.product-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.product-grid .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    text-align: center;
    padding: 24px 0;
    }
.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;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    }
.product-grid .item:hover .image {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    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%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    }
.product-grid .label span {
    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: #000;
    width: 100%;
    max-width: 100%;
    }
.global-reference p {
    margin: 24px 0;
    padding: 0;
    }
.global-reference .content a {
    font-size: 16px;
    font-weight: 600;
    color: #3088ce;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    }
.global-reference .content a i {
    position: absolute;
    top: 50%;
    right: -25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    }
.global-reference .content a:before {
    width: 0;
    background: #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%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    }
.slick-track {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    }
.slider-thumbnail-container .slick-slide {
    outline: 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;
    }
.slider-thumbnail-container .main-container .prev-slide {
    left: 0;
    }
.slider-thumbnail-container .main-container .next-slide {
    right: 0;
    }
.slider-thumbnail-container .main .slick-track {
    -webkit-transition: left .4s ease-out;
    transition: left .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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.slider-thumbnail-container .main .slide {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: 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;
    -webkit-transition: all .4s ease-out;
    transition: all .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;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    }
.slider-thumbnail-container .main .caption {
    margin: 16px 0 0;
    padding: 0 20px;
    }
.slider-thumbnail-container .thumbnails {
    margin: 64px 0;
    position: relative;
    }
.slider-thumbnail-container .thumbnails:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10vw;
    height: 100%;
    background: -webkit-linear-gradient(270deg,rgba(237,242,245,0) 0%,#edf2f5 90%);
    background: linear-gradient(270deg,rgba(237,242,245,0) 0%,#edf2f5 90%);
    z-index: 100;
    pointer-events: none;
    }
.slider-thumbnail-container .thumbnails:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 10vw;
    height: 100%;
    background: -webkit-linear-gradient(90deg,rgba(237,242,245,0) 0%,#edf2f5 90%);
    background: linear-gradient(90deg,rgba(237,242,245,0) 0%,#edf2f5 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: #000;
    margin: 0 0 24px;
    opacity: 0;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    }
.slider-thumbnail-container .thumbnails .slide.slick-current .line {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(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;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    }
.slider-thumbnail-container .thumbnails .slide:hover .image {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    }
.spaced-grid {
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.spaced-grid .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    max-width: 50%;
    padding: 16px;
    }
.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;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    }
.spaced-grid .item:hover .image {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    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: #3088ce;
    display: inline-block;
    }
.spaced-grid .label a:before,
.spaced-grid .faux-link:before {
    width: 0;
    background: #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;
    }
.spaced-grid .label a:hover:before,
.spaced-grid .faux-link:hover:before {
    width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    }
.spaced-grid .label a i,
.spaced-grid .faux-link i {
    position: absolute;
    top: 50%;
    right: -25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    }
.spaced-grid .label {
    text-transform: uppercase;
    font-weight: 600;
    }
.spaced-grid .grid-line {
    width: 1px;
    margin: 0 24px;
    background: rgba(0,0,0,.08);
    }
.banner .graphic {
    display: block;
    position: relative;
    overflow: hidden;
    }
.banner .graphic img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    }
.banner .graphic:hover img {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    }
.horizontal-divider {
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,.08) !important;
    margin: 64px auto !important;
    padding: 0 !important;
    }
.page-cleanovation > .wrapper:not(.features) {
    max-width: 100%;
    padding: 0;
    margin: 0;
    }
.cleanovation-hero {
    width: 100%;
    max-width: 100%;
    color: #fff;
    text-align: center;
    overflow: hidden;
    position: relative;
    float: none;
    padding: 64px 0 0;
    }
.cleanovation-hero .hero-image {
    background-color: #000;
    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;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 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,.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 {
    -webkit-transform: rotate(-165deg);
    -ms-transform: rotate(-165deg);
    transform: rotate(-165deg);
    }
.cleanovation-hero svg.c02 {
    -webkit-transform: rotate(-109deg);
    -ms-transform: rotate(-109deg);
    transform: rotate(-109deg);
    }
.cleanovation-hero svg.c03 {
    -webkit-transform: rotate(-41deg);
    -ms-transform: rotate(-41deg);
    transform: rotate(-41deg);
    }
.cleanovation-hero svg.c04 {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
    }
.cleanovation-hero svg.c05 {
    -webkit-transform: rotate(76deg);
    -ms-transform: rotate(76deg);
    transform: rotate(76deg);
    }
.cleanovation-hero svg.c06 {
    -webkit-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg);
    }
.cleanovation-hero circle {
    fill: transparent;
    stroke: #fff;
    stroke-width: 4;
    stroke-dasharray: 0,2386;
    opacity: 0;
    }
.cleanovation-hero .title-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: -webkit-calc(100vh - 42px);
    height: calc(100vh - 42px);
    opacity: 0;
    -webkit-transition: opacity 3s ease;
    transition: opacity 3s ease;
    text-align: left;
    max-width: -webkit-calc(100vw - 300px);
    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-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.cleanovation-grid .tile a {
    position: relative;
    color: inherit;
    padding: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    overflow: hidden;
    height: 28vh;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.cleanovation-grid a:not(.button).tile,
.cleanovation-grid a:not(.button):link.tile,
.cleanovation-grid a:not(.button):visited.tile,
.cleanovation-grid a:not(.button):active.tile,
.cleanovation-grid a:not(.button):hover.tile,
.cleanovation-grid a:not(.button):focus.tile,
.cleanovation-grid .faux-link.tile,
.cleanovation-grid .faux-link:link.tile,
.cleanovation-grid .faux-link:visited.tile,
.cleanovation-grid .faux-link:active.tile,
.cleanovation-grid .faux-link:hover.tile,
.cleanovation-grid .faux-link:focus.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;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    z-index: 1;
    }
.cleanovation-grid .tile.on .image {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    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 #000;
    text-align: center;
    opacity: .5;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    }
.cleanovation-grid .tile.on .label {
    opacity: 1;
    }
.cleanovation-grid .tile:hover .label {
    opacity: .5;
    }
.cleanovation-grid .tile svg {
    width: 50px;
    -webkit-filter: drop-shadow(0 0 5px #011737);
    filter: drop-shadow(0 0 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;
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    }
.cleanovation-grid .tile.on .description,
.cleanovation-grid .tile.on p {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    }
.cleanovation-grid .tile.video .label {
    position: relative;
    z-index: 2;
    text-shadow: 0 0 5px #000;
    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;
    text-transform: none;
    }
.cleanovation-grid .tile:nth-child(1) a,
.cleanovation-grid .tile:nth-child(5) a {
    text-align: right;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    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;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 104px !important;
    }
.dark-tabs {
    background: #000;
    color: #fff;
    padding-top: 0;
    max-width: 100%;
    overflow: hidden;
    }
.dark-tabs p {
    opacity: 1;
    }
.dark-tabs .tabs .wrapper {
    padding: 0 24px !important;
    margin: 0 auto !important;
    }
.dark-tabs .tabs {
    background: #000;
    position: relative;
    z-index: 100;
    max-width: 100%;
    }
.dark-tabs .tabs .split {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -24px;
    }
.dark-tabs .tabs .split .tab {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0;
    }
.dark-tabs .tabs .split .tab a {
    color: inherit;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    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,.5);
    }
.dark-tabs .tabs .split .tab .module_content {
    position: relative;
    height: 100%;
    display: block;
    opacity: .5;
    border-bottom: 4px solid rgba(255,255,255,0);
    padding: 16px 0;
    -webkit-transition: all .2s ease;
    transition: all .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: #fff;
    }
.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;
    }
.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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.dark-tabs .tab-block.image-split .image,
.dark-tabs .tab-block.image-split .text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 0 24px;
    }
.dark-tabs .tab-block.image-split .image {
    -webkit-flex: 2;
    -ms-flex: 2;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -24px;
    }
.dark-tabs .tab-block.process .split .use {
    -webkit-flex: 1;
    -ms-flex: 1;
    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: #fff;
    border-radius: 50%;
    color: #000;
    position: absolute;
    top: 120px;
    right: -14px;
    }
.dark-tabs .tab-block.process .label {
    font-weight: 600;
    }
.dark-tabs .tab-block.process .icon {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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;
    }
.video-blurb {
    display: block;
    position: relative;
    color: #000;
    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;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    }
.video-blurb:hover .image {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    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;
    }
.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;
    }
.play {
    display: inline-block;
    padding: 4px;
    width: 64px;
    border: 1px solid #000;
    margin: 24px 0 0;
    position: relative;
    text-align: center;
    }
.play.white {
    border-color: #fff;
    color: white !important;
    }
.play:hover {
    color: #fff;
    }
.play.white:hover {
    color: #000 !important;
    }
.play:before {
    content: " ";
    background: #000;
    font-size: 0;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    z-index: 1;
    }
.play.white:before {
    background: #fff;
    }
.play:hover:before {
    width: 100%;
    }
.play i {
    position: relative;
    z-index: 2;
    }
.side-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.side-list .title {
    width: 250px;
    padding: 8px 24px 8px 0;
    text-transform: uppercase;
    font-weight: 600;
    }
.side-list .title.main {
    font-size: 1.2em;
    }
.side-list .side-list-options {
    -webkit-flex: 1 1 -webkit-calc(100% - 250px);
    -webkit-flex: 1 1 calc(100% - 250px);
    -ms-flex: 1 1 calc(100% - 250px);
    flex: 1 1 -webkit-calc(100% - 250px);
    flex: 1 1 calc(100% - 250px);
    padding: 8px 0 8px 40px;
    border-left: 1px solid rgba(255,255,255,.3);
    }
.side-list .links.three-columns {
    -webkit-columns: 3 64px;
    columns: 3 64px;
    }
.side-list .links.sbs {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.side-list .links a:not(.button),
.side-list .links a:not(.button):link,
.side-list .links a:not(.button):visited,
.side-list .links a:not(.button):active,
.side-list .links a:not(.button):hover,
.side-list .links a:not(.button):focus,
.side-list .links .faux-link,
.side-list .links .faux-link:link,
.side-list .links .faux-link:visited,
.side-list .links .faux-link:active,
.side-list .links .faux-link:hover,
.side-list .links .faux-link:focus {
    display: block;
    padding: 0;
    text-transform: uppercase;
    }
.side-list .links.sbs a:not(.button),
.side-list .links.sbs a:not(.button):link,
.side-list .links.sbs a:not(.button):visited,
.side-list .links.sbs a:not(.button):active,
.side-list .links.sbs a:not(.button):hover,
.side-list .links.sbs a:not(.button):focus,
.side-list .links.sbs .faux-link,
.side-list .links.sbs .faux-link:link,
.side-list .links.sbs .faux-link:visited,
.side-list .links.sbs .faux-link:active,
.side-list .links.sbs .faux-link:hover,
.side-list .links.sbs .faux-link:focus {
    display: inline-block;
    margin: 8px;
    }
.scrollmagic-pin-spacer {
    background: #000;
    }
footer.main {
    background: #5D5F61;
    font-size: 17px;
    color: #fff;
    }
footer.main .wrapper {
    position: relative;
    padding: 0 24px !important;
    }
footer.main .close {
    text-transform: uppercase;
    position: absolute;
    top: 32px;
    right: 24px;
    padding: 4px 16px;
    border-radius: 24px;
    background: rgba(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 a:not(.button),
footer.main a:not(.button):link,
footer.main a:not(.button):visited,
footer.main a:not(.button):active,
footer.main a:not(.button):hover,
footer.main a:not(.button):focus,
footer.main .faux-link,
footer.main .faux-link:link,
footer.main .faux-link:visited,
footer.main .faux-link:active,
footer.main .faux-link:hover,
footer.main .faux-link:focus {
    color: inherit;
    }
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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -16px;
    }
footer.main .columns .column {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 16px;
    }
footer.main .columns .column.two-columns {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    }
footer.main .column .heading {
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 24px;
    margin: 0 0 24px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    }
footer.main .column .sides {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -16px;
    }
footer.main .column .side {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 16px;
    }
footer.main .column.two-columns .links {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 24px;
    column-gap: 24px;
    }
footer.main .column .links a:not(.button),
footer.main .column .links a:not(.button):link,
footer.main .column .links a:not(.button):visited,
footer.main .column .links a:not(.button):active,
footer.main .column .links a:not(.button):hover,
footer.main .column .links a:not(.button):focus,
footer.main .column .links .faux-link,
footer.main .column .links .faux-link:link,
footer.main .column .links .faux-link:visited,
footer.main .column .links .faux-link:active,
footer.main .column .links .faux-link:hover,
footer.main .column .links .faux-link:focus {
    display: block;
    margin: 0 0 16px;
    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%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 48px 0;
    height: 1px;
    border-top: 1px solid rgba(255,255,255,.1);
    }
footer.main .copyright {
    padding: 16px 0;
    padding-right: 124px;
    text-align: right;
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
    z-index: 1;
    }
footer.main.open .copyright {
    padding: 16px 0;
    padding-right: 0;
    }
footer.main .footer-section.dual .wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
footer.main .bottom-links a:not(.button),
footer.main .bottom-links a:not(.button):link,
footer.main .bottom-links a:not(.button):visited,
footer.main .bottom-links a:not(.button):active,
footer.main .bottom-links a:not(.button):hover,
footer.main .bottom-links a:not(.button):focus,
footer.main .bottom-links .faux-link,
footer.main .bottom-links .faux-link:link,
footer.main .bottom-links .faux-link:visited,
footer.main .bottom-links .faux-link:active,
footer.main .bottom-links .faux-link:hover,
footer.main .bottom-links .faux-link:focus {
    display: inline-block;
    margin: 0 24px 0 0;
    }
.left-align {
    text-align: left !important;
    }
.center-align {
    text-align: center !important;
    }
.center-align 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,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.heading:first-child {
    margin-top: 0;
    padding-top: 0;
    }
p:last-child,
label:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.heading: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 {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    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: #FFF;
    }
.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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    }
.module.tabs-nav .module_content a {
    color: #FFF;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    padding: 20px 0;
    border-right: 1px solid rgba(255,255,255,.1);
    position: relative;
    }
.module.tabs-nav .module_content a:first-child {
    border-left: 1px solid rgba(255,255,255,.1);
    }
.module.tabs-nav .module_content a.active,
.module.tabs-nav .module_content a:hover {
    background: #000;
    }
.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: #FFF;
    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 #000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0;
    position: absolute;
    bottom: -9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    }
body:not(.homepage):not(.page-cleanovation):not(.page-life-anew) > .module:not(.header-banner).tab-content:not(.active) {
    display: none;
    }
body > .module.tab-content.active {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap !important;
    -ms-flex-flow: wrap !important;
    flex-flow: wrap !important;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
body > .module.tab-content > .module_content,
body > .module.tab-content:after {
    display: none !important;
    }
body > .module.tab-content {
    margin-bottom: 100px !important;
    }
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: -webkit-calc(50% - 15px) !important;
    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: -ms-flexbox !important;
    display: -webkit-flex !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 p {
    color: white;
    }
.module.image-content > a {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    }
.module.image-content.full.left .module:last-child {
    padding: 0 !important;
    }
.module.image-content .module:last-child h3 {
    font-size: 18px;
    }
.module.image-content .module:last-child h3 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: #26b1e4;
    }
.module.image-content .faux-link {
    font-weight: bold;
    display: block;
    color: #26b1e4;
    }
.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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    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,.5);
    top: 0;
    left: 0;
    right: -10px;
    bottom: 0;
    min-width: 100%;
    height: 100%;
    }
.module.three-figure .module a {
    color: #FFF;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    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: #FFF;
    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;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-width: 100%;
    height: 100%;
    }
.module.three-figure .module a:hover .graphic {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    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: #FFF;
    }
.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;
    -webkit-transition: all .3s ease-in-out;
    transition: all .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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    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;
    }
.logos > .module a > .module_content {
    display: none;
    color: #FFF;
    min-height: 100%;
    text-align: left;
    line-height: 1.8;
    font-size: 14px;
    background: #000;
    z-index: 5;
    }
.logos > .module a .logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 0;
    }
.logos > .module:hover a .logo {
    display: none;
    }
.logos > .module a .logo img {
    max-width: 90%;
    }
.logos > .module a .module_content .fade {
    opacity: .75;
    }
.logos > .module a .module_content p {
    opacity: 1;
    }
.logos > .module a .module_content h3 + p {
    margin-top: 0;
    }
.logos > .module:hover {
    background: #000;
    border-color: #000;
    }
.logos > .module:hover 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: #FFF;
    position: absolute;
    bottom: 0;
    }
.logos > .module a .module_content .faux-link {
    color: #FFF;
    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 {
    margin: 8px 0 0;
    }
.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,.75);
    color: #FFF;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.module.secondary-menu > .module_content .right-area {
    margin-left: auto;
    }
.module.secondary-menu > .module_content .right-area ul {
    list-style-type: none;
    }
.module.secondary-menu > .module_content .right-area ul li {
    display: inline-block;
    }
.module.secondary-menu > .module_content .right-area ul li a {
    color: #FFF;
    text-transform: none;
    margin-left: 20px;
    display: inline-block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }
.module.secondary-menu > .module_content .right-area ul li a:hover {
    text-decoration: underline;
    }
.module.secondary-menu > .module_content .right-area ul li a small {
    padding-left: 3px;
    font-size: .7rem;
    color: rgba(255,255,255,.8);
    }
.module.secondary-menu > .module_content .right-area ul li:last-child a {
    border: 1px solid #FFF;
    padding: 5px 20px;
    border-radius: 8px;
    }
.module.secondary-menu > .module_content .right-area ul li:last-child a:hover {
    color: #000;
    background: #FFF;
    text-decoration: none;
    }
.module.secondary-menu > .module_content .right-area ul li: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.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: #fff;
    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,.1);
    font-size: 21px;
    max-width: 100% !important;
    }
.module.cta-section .btn {
    margin: 10px;
    }
.page-toto-smart-restroom {
    text-align: center;
    }
.page-toto-smart-restroom footer,
.page-toto-smart-restroom header {
    text-align: left;
    }
.page-toto-smart-restroom .Accordion li {
    border-color: #1BB1E7;
    }
.page-toto-smart-restroom .btn {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    padding: 8px 30px;
    border: 1px solid #000;
    background: none;
    -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;
    }
.page-toto-smart-restroom .btn:visited,
.page-toto-smart-restroom .btn:link {
    color: #000;
    }
.page-toto-smart-restroom .btn:hover {
    color: #FFF;
    background: #000;
    text-decoration: none;
    }
.page-toto-smart-restroom .btn.inverted {
    color: #FFF;
    background: #000;
    }
.page-toto-smart-restroom .btn.inverted:hover {
    color: #000;
    background: #FFF;
    }
.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;
    }
.module.gray-bg-heading h1,
.module.gray-bg-heading h2,
.module.gray-bg-heading h3 {
    margin: 0;
    text-align: center;
    text-transform: none;
    font-size: 40px;
    }
.two-columns-section {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
.two-columns-section > .module_content {
    width: 100%;
    margin-bottom: 20px;
    }
.two-columns-section > .module {
    text-align: left;
    width: 45%;
    }
.module.quote {
    padding: 0 !important;
    position: relative;
    z-index: 0;
    text-align: left;
    max-width: 1100px !important;
    }
.module.quote .quote-wrap {
    padding: 64px !important;
    font-size: 14px;
    color: #FFF;
    background: -moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
    background: -webkit-linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
    background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
    }
.module.quote .quote-wrap > .module_content {
    width: 60%;
    margin-left: auto;
    }
.module.quote .quote-wrap .btn {
    border-color: #FFF;
    color: #FFF;
    }
.module.quote .quote-wrap .btn:hover {
    background: #FFF;
    color: #000;
    }
.module.quote .quote-wrap blockquote {
    font-size: 21px;
    font-style: italic;
    position: relative;
    margin-bottom: 64px;
    }
.module.quote .quote-wrap blockquote:before {
    content: "“";
    font-size: 80px;
    color: rgba(255,255,255,.8);
    position: absolute;
    line-height: 40px;
    top: 0;
    left: -50px;
    }
.module.quote .quote-wrap blockquote:after {
    content: "”";
    font-size: 80px;
    color: rgba(255,255,255,.8);
    position: absolute;
    bottom: -50px;
    right: 0;
    line-height: 40px;
    }
.module.quote .image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    }
.module.quote .image img {
    max-width: 100%;
    }
.text-image-section {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.text-image-section .graphic {
    height: 400px;
    min-height: 400px;
    }
.text-image-section .graphic .image {
    width: 100%;
    height: 100%;
    background-position: center center;
    }
.text-image-section .text {
    margin-top: 0 !important;
    padding-right: 30px;
    text-align: left;
    }
.text-image-section .text input {
    height: 39px;
    padding: 5px 20px;
    border-radius: 0;
    border: 1px solid #5D5E5D;
    outline: 0;
    }
.text-image-section .text .download-form {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    width: 100%;
    max-width: 450px;
    }
.text-image-section .text .download-form:after {
    content: "";
    display: block;
    clear: both;
    }
.text-image-section .text .download-form > * {
    float: left;
    margin-bottom: 10px;
    }
.text-image-section .text .download-form input {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",Arial,sans-serif;
    }
.text-image-section .text .download-form .btn {
    line-height: 1.2;
    text-transform: none;
    }
.text-image-section .text .download-form .error-message {
    font-size: 14px;
    color: #F94232;
    width: 100%;
    }
.text-image-section .text .download-form .error {
    border-color: #F94232;
    }
.images-list-section {
    padding-top: 64px !important;
    border-top: 1px solid rgba(0,0,0,.1);
    max-width: 100% !important;
    }
.images-list-section img {
    max-height: 80px;
    width: auto;
    margin: 10px;
    max-width: 100%;
    }
.page-benefits-technologies > .module.slideshow,
.page-wellness > .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: .1;
    border: 1px solid #fff;
    position: relative;
    text-indent: -9999px;
    background: rgba(255,255,255,.15);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    }
.btn-icon .btn-video:hover {
    opacity: .5;
    }
.btn-icon .btn-video:before {
    content: '';
    width: 1px;
    height: 1px;
    border-left: 15px solid #fff;
    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,.15);
    border-color: #000;
    color: #000;
    }
.btn-icon .btn-video.dark:before {
    border-left-color: #000;
    }
.small-content .module_content {
    max-width: 700px;
    margin: 0 auto;
    }
.benefit-list {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
.benefit-list.center {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    }
.benefit-list.center:after {
    display: none;
    }
.benefit-list.center .list-item {
    margin-left: 20px !important;
    margin-right: 20px !important;
    }
.benefit-list > .module_content {
    display: none;
    }
.benefit-list .list-item {
    width: -webkit-calc(33.333% - 20px);
    width: calc(33.333% - 20px);
    margin-bottom: 20px;
    text-align: left;
    }
.benefit-list .list-item span {
    margin-left: 0 !important;
    }
.benefit-list .list-item > .module {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
.benefit-list:after {
    content: "";
    width: -webkit-calc(33.333% - 20px);
    width: calc(33.333% - 20px);
    }
.benefit-list .list-item div:nth-child(2) {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 20px;
    position: relative;
    padding-left: 60px;
    }
.benefit-list .list-item div:nth-child(2) img {
    position: absolute;
    width: 40px;
    max-width: 40px;
    max-height: 40px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    }
.benefit-list .list-item div:nth-child(3) {
    padding-bottom: -webkit-calc(100% * (282 / 421));
    padding-bottom: calc(100% * (282 / 421));
    margin-bottom: 15px;
    }
.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: .1em;
    display: inline-block;
    border: 1px solid #000;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #000;
    padding: 15px 8px;
    width: 100%;
    text-align: center;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    }
a.m-btn-video:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background: #626262;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    }
a.m-btn-video span:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1px;
    border-left: 14px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    transition: all .3s ease;
    }
a.m-btn-video:hover span:before {
    border-left-color: #fff;
    }
a.m-btn-video span {
    display: inline-block;
    position: relative;
    padding-right: 34px;
    }
a.m-btn-video:hover {
    color: #fff;
    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: #FFF;
    }
.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: #FFF;
    }
.module.choose-region .module_content span {
    color: #FFF;
    display: block;
    position: relative;
    }
.module.choose-region .module_content span:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    }
.image-slider.single-slide .dots {
    display: none;
    }
.modal.video-modal,
.modal.awesome-modal {
    width: 100%;
    max-width: 960px;
    min-height: 200px;
    max-height: -webkit-calc(100vh - 200px);
    max-height: calc(100vh - 200px);
    border-radius: 0;
    padding: 0;
    }
.modal.video-modal {
    height: 100%;
    }
.modal.video-modal video,
.modal.video-modal iframe,
.modal.video-modal > div,
.modal.video-modal div {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    outline: 0;
    }
.modal.video-modal .close-modal,
.modal.awesome-modal .close-modal {
    position: absolute;
    top: -60px;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 10;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: transparent;
    }
.modal.video-modal .close-modal:hover,
.modal.awesome-modal .close-modal:hover {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    }
.modal.video-modal .close-modal:before,
.modal.awesome-modal .close-modal:before {
    content: '';
    position: absolute;
    top: 25px;
    right: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    }
.modal.video-modal .close-modal:after,
.modal.awesome-modal .close-modal:after {
    content: '';
    position: absolute;
    top: 0;
    left: 25px;
    width: 2px;
    height: 100%;
    background: #fff;
    }
.modal.awesome-modal {
    min-height: -webkit-calc(100vh - 200px);
    min-height: calc(100vh - 200px);
    }
.modal.awesome-modal > .content {
    padding: 50px;
    overflow: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    }
body .blocker {
    z-index: 1000;
    }
.page-collections ul.category-list {
    padding: 0;
    }
.page-collections > .module:nth-child(3) {
    margin-top: 0 !important;
    }
.collection .collection-banner {
    margin-top: 0;
    }
.page-privacy-policy h2,
.page-terms-and-conditions h2 {
    margin: 45px 0 0;
    }
.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;
    color: #000 !important;
    font-weight: bold;
    font-size: 18px !important;
    padding: 8px 30px !important;
    border: 1px solid #000 !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: #000;
    }
.default-btn:hover {
    color: #FFF !important;
    background: #000 !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 {
    background: transparent !important;
    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:hover {
    color: black !important;
    background-color: white !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: #FFF;
    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: 0;
    border-bottom-width: 1px;
    margin-bottom: 0;
    text-align: left;
    }
.module.overlap-image .Accordion li .accordion-title,
.faucet-style .Accordion li .accordion-title {
    padding: 0;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    }
.module.overlap-image .Accordion li .accordion-title:after,
.faucet-style .Accordion li .accordion-title:after {
    display: none;
    }
.module.overlap-image .Accordion li .accordion-title:before,
.faucet-style .Accordion li .accordion-title: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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -24px;
    }
.features-module .split .side {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 24px;
    }
.features-module .features {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 24px -8px -8px -8px;
    }
.features-module .feature {
    width: 50%;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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 {
    -webkit-flex: 1;
    -ms-flex: 1;
    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: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    }
.module.slideshow.washlet-installation-steps-slider .inner .content {
    padding-left: 15%;
    max-width: -webkit-calc(100% - (25vw + 350px));
    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: 29px;
    }
.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: #13449D !important;
    }
.washlet-latest-items-container {
    margin: 0 -35px;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    }
.washlet-latest-items-container .washlet-latest-products-item {
    padding: 5px 35px;
    opacity: 1;
    }
.washlet-latest-products-item > .module_content {
    opacity: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(255,255,255,.95);
    left: 30px;
    right: 30px;
    z-index: 10;
    padding: 30px;
    border: 1px solid #ccc;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    min-height: 100%;
    }
.washlet-latest-products-item > .module_content a.arrow-link-btn {
    margin-top: 0;
    }
.washlet-latest-products-item > .module_content p {
    color: #000;
    }
.washlet-latest-products-item:hover > .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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: center bottom;
    }
.module.experience-toto-washlet .experience-toto-washlet-container {
    max-width: 1450px;
    padding: 60px -webkit-calc(min(-webkit-calc(100% - 1425px / 3),-webkit-calc(100% / 3)) + 20px) 60px 0;
    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: #000;
    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 .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: #13449D;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .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: 0 24px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    }
.washlet-how-it-works-container .module.container.span6 .module_content:hover {
    background: #000;
    color: #fff;
    }
.image-slider .slider .slide.centered {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    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: #000;
    }
.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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    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: #13449d;
    position: relative;
    font-size: 14px;
    line-height: 1;
    padding: 15px 30px;
    font-weight: bold;
    margin-bottom: 15px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    text-decoration: none;
    }
.btn-blue:hover {
    background: #000;
    }

/* 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: #fff;
    }
.module.container.navbar .items .module_content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1450px;
    margin: 0 auto;
    }
.module.container.navbar .items a {
    display: inline-block;
    -webkit-flex: 1;
    -ms-flex: 1;
    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: #fff;
    color: #000;
    }
.timeline {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    padding: 30px 0;
    }
.timeline .events {
    position: relative;
    }
.timeline .event {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    opacity: 0;
    -webkit-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    z-index: 3;
    }
.timeline .event.on {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    }
.timeline .event .dot {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #1c1c1c;
    background: #fff;
    font-size: 0;
    position: relative;
    z-index: 3;
    }
.timeline .event .line {
    width: 5%;
    height: 2px;
    background: #1c1c1c;
    margin: 18px 8px 0 8px;
    }
.timeline .event .box {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    border: 2px solid #1c1c1c;
    padding: 24px;
    position: relative;
    }
.timeline .event .date {
    display: inline-block;
    padding: 0 8px;
    background: #fff;
    font-size: 24px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    }
.timeline .event .split {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -24px;
    }
.timeline .event .split .side.left {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-bottom: 24px;
    }
.timeline .event .split .side {
    padding: 24px;
    }
.timeline .event .split .side.right {
    max-width: 33%;
    margin-bottom: 48px;
    }
.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: #fff;
    z-index: 2;
    }
.timeline .events .module.html .module_content {
    margin-top: 64px;
    }
.videoHero .washlet-hero-video-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 999;
    }
.videoHero .washlet-hero-video-content h1 {
    color: #fff;
    margin-bottom: 48px;
    }
.videoHero .washlet-hero-video-content a {
    display: inline-block;
    padding: 12px 30px;
    border: 2px solid #fff;
    text-transform: uppercase;
    font-size: 18px;
    background: rgba(0,0,0,.1);
    margin-top: 40px;
    color: #fff;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    }
.videoHero .washlet-hero-video-content a:hover {
    color: #000;
    background: #fff;
    }
.page-washlet .videoHero .video-hero .scroll {
    display: none;
    }
.page-washlet .videoHero video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    }
.page-washlet .module.evolution-section.full {
    overflow: hidden;
    }
.page-washlet .evolution-section .module.container {
    -webkit-transition: all .5s;
    transition: all .5s;
    }
.page-washlet .evolution-section.full .module.container:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    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: #FFF;
    text-transform: none;
    margin-left: 20px;
    display: inline-block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #FFF;
    padding: 5px 20px;
    border-radius: 8px;
    }
.module.secondary-menu > .module_content .right-area a.button:hover {
    color: #000;
    background: #FFF;
    text-decoration: none;
    }
.module.secondary-menu > .mobile-only {
    position: absolute;
    top: 10px;
    right: 15px;
    display: none;
    }
.module.secondary-menu > .mobile-only .module_content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    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: #FFF;
    text-transform: none;
    margin-left: 20px;
    display: inline-block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #FFF;
    padding: 5px 20px;
    border-radius: 8px;
    }
.module.secondary-menu > .mobile-only .module_content ul li a:hover {
    color: #000;
    background: #FFF;
    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 > .washlet-experience-it-heading {
    margin-top: 150px !important;
    margin-bottom: 30px !important;
    }
body.page-washlet-experience-it > .washlet-experience-it-heading h1 {
    margin-bottom: 5px;
    }
body.page-washlet-experience-it > .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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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: rgba(28,28,28,.8);
    color: #fff;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
section.locations .sidebar {
    width: 33%;
    border-right: 1px solid #f0f0f0;
    }
section.locations .main {
    -webkit-flex: 1;
    -ms-flex: 1;
    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;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    }
section.locations.select-state-on .select-state .select .arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
section.locations .select-state .state:hover {
    opacity: .5;
    }
section.locations .select-state .state .icon {
    color: #1c1c1c;
    font-size: 20px;
    margin-right: 16px;
    }
section.locations .select-state .state .label {
    -webkit-flex: 1;
    -ms-flex: 1;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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 {
    -webkit-flex: 1;
    -ms-flex: 1;
    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: .6;
    }
section.locations .location-types a:not(.button),
section.locations .location-types a:not(.button):link,
section.locations .location-types a:not(.button):visited,
section.locations .location-types a:not(.button):active,
section.locations .location-types a:not(.button):hover,
section.locations .location-types a:not(.button):focus,
section.locations .location-types .faux-link,
section.locations .location-types .faux-link:link,
section.locations .location-types .faux-link:visited,
section.locations .location-types .faux-link:active,
section.locations .location-types .faux-link:hover,
section.locations .location-types .faux-link:focus {
    text-decoration: none;
    }
section.locations .location-group:not(:last-child) {
    margin-bottom: 64px;
    }
section.locations .location-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -24px;
    }
section.locations .location {
    width: 50%;
    padding: 24px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    }
section.locations .location:before {
    content: ' ';
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .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 {
    -webkit-flex: 1;
    -ms-flex: 1;
    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 a:not(.button),
section.locations .location a:not(.button):link,
section.locations .location a:not(.button):visited,
section.locations .location a:not(.button):active,
section.locations .location a:not(.button):hover,
section.locations .location a:not(.button):focus,
section.locations .location .faux-link,
section.locations .location .faux-link:link,
section.locations .location .faux-link:visited,
section.locations .location .faux-link:active,
section.locations .location .faux-link:hover,
section.locations .location .faux-link:focus {
    text-decoration: none;
    }
.location-popup {
    width: 100%;
    max-width: 960px !important;
    }
.location-popup .split {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px;
    }
.location-popup .split .side {
    -webkit-flex: 1;
    -ms-flex: 1;
    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;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
    }
.location-popup .carousel-container .arrow {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #1c1c1c;
    opacity: .5;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
    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%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-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 rgba(255,255,255,.4);
    }
.location-popup .carousel-container .slick-dots li.slick-active {
    border-color: #fff;
    }
.location-popup .carousel-container .slick-dots li button {
    display: none;
    }
.location-popup .line-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #000;
    padding: 16px 0;
    }
.location-popup a:not(.button).line-item:hover,
.location-popup a:not(.button):link.line-item:hover,
.location-popup a:not(.button):visited.line-item:hover,
.location-popup a:not(.button):active.line-item:hover,
.location-popup a:not(.button):hover.line-item:hover,
.location-popup a:not(.button):focus.line-item:hover,
.location-popup .faux-link.line-item:hover,
.location-popup .faux-link:link.line-item:hover,
.location-popup .faux-link:visited.line-item:hover,
.location-popup .faux-link:active.line-item:hover,
.location-popup .faux-link:hover.line-item:hover,
.location-popup .faux-link:focus.line-item:hover {
    text-decoration: none;
    }
.location-popup .line-item i {
    font-size: 24px;
    margin-right: 16px;
    }
.location-popup .line-item span {
    -webkit-flex: 1;
    -ms-flex: 1;
    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;
    }
.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%;
    }
.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 .washlet-buy-online-items-container {
    padding-bottom: 50px;
    }
.washlet-buy-online .washlet-buy-online-item-title > .module_content {
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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;
    }
.washlet-features-hover-colside .washlet-features-hover-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 30px 0;
    }
.washlet-features-hover-colside.right .washlet-features-hover-item {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    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: #13449D;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
    }
.washlet-features-hover .washlet-features-hover-colmid .pulsating-dot {
    border: 3px solid #13449D;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: .0;
    }
@-webkit-keyframes pulsate {
0% {
    -webkit-transform: scale(.1,.1);
    opacity: .0;
    }
50% {
    opacity: 1.0;
    }
100% {
    -webkit-transform: scale(1.6,1.6);
    opacity: .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 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    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;
    }
.showroom-search-module .input-group {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    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: #367eb3;
    }
.showroom-search-module .input-group input[type="text"] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 0;
    }
.showroom-search-module .input-group button {
    background: #000;
    color: #fff;
    }
.neorest-content-section {
    background: #000;
    color: #fff;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    }
.neorest-content-section.gradient-section {
    color: #000;
    }
.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: #000;
    color: #FFF;
    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 {
    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: -webkit-linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
    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: -webkit-linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
    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: -webkit-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
    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: #FFF;
    }
.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,.3);
    margin-top: 10px;
    color: white;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    }
.neorest-carousel .module .module_content a:hover {
    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 {
    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: -webkit-calc(50% - 40px);
    max-width: calc(50% - 40px);
    line-height: 1;
    }
.neorest-carousel .slider-nav .next {
    left: auto;
    right: 20px;
    text-align: right;
    }
.neorest-carousel .slider-nav .next:after {
    content: "";
    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 > *:hover,
.neorest-carousel.style-2 .slider-nav .wrapper > *:hover {
    color: #13449d;
    }
.neorest-carousel .slider-nav .next:hover:after,
.neorest-carousel.style-2 .slider-nav .next:hover:after {
    background-image: url(/images/icon_next_blue.svg) !important;
    }
.neorest-carousel .slider-nav .prev:hover:after,
.neorest-carousel.style-2 .slider-nav .prev:hover:after {
    background-image: url(/images/icon_prev_blue.svg) !important;
    }
.neorest-carousel .slider-nav .prev:after {
    content: "";
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding-bottom: 200px;
    padding-left: 10px;
    }
.neorest-carousel.style-2 .slick-slide > .module {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-shadow: 0 0 10px rgba(19,68,157,.5);
    box-shadow: 0 0 10px rgba(19,68,157,.5);
    border-radius: 10px;
    }
.neorest-carousel.style-2 .slick-slide > .module_content {
    -webkit-order: 1;
    -ms-flex-order: 1;
    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%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    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: #13449d;
    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%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-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 #13449d;
    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;
    }
.neorest-carousel.style-2 .slide a:hover:after {
    background: #13449d;
    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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    }
.smart-toilet-tech > .module {
    -webkit-flex: 1 !important;
    -ms-flex: 1 !important;
    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: #FFF;
    font-size: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 0;
    }
.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,.4);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    }
.smart-toilet-tech > .module:hover > .module_content + .module:after {
    background: rgba(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 {
    color: #FFF;
    margin: 0;
    font-size: 18px;
    }
.smart-toilet-tech > .module_content {
    background: #000;
    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;
    }
body .module.gradient-section .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: -webkit-linear-gradient(180deg,rgb(227,234,239) 0%,rgba(255,255,255,0) 100%);
    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: -webkit-linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    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: -webkit-linear-gradient(0deg,rgb(227,234,239) 0%,rgba(255,255,255,0) 100%);
    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: -webkit-linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    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: -webkit-calc(100% + 48px) !important;
    width: calc(100% + 48px) !important;
    max-width: -webkit-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 h2 {
    text-transform: none;
    }
.showroom-section {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    overflow: hidden;
    }
.showroom-section > .module_content,
.showroom-section > .module > .module_content > * {
    font-size: 28px;
    color: #272727;
    line-height: 1.2;
    }
.showroom-section > .module {
    max-width: 1425px;
    margin: 0 auto;
    }
.showroom-section > .module_content + .module {
    margin-top: 0 !important;
    width: 100%;
    padding-right: -webkit-calc(min(-webkit-calc(100% - 1425px / 3),-webkit-calc(100% / 3)) + 20px);
    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: -webkit-calc(100% - 50px);
    height: calc(100% - 50px);
    max-width: initial;
    padding-right: 0;
    margin-top: 0 !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    }
.showroom-section.has-bottom-links > .module:nth-child(3) {
    top: -webkit-calc(50% - 150px);
    top: calc(50% - 150px);
    height: -webkit-calc(100% - 320px);
    height: calc(100% - 320px);
    }
.showroom-section .bottom-links {
    margin: 0 -24px;
    margin-top: 150px;
    border-top: 1px solid #B8CADA;
    padding: 40px 0 0;
    width: -webkit-calc(100% + 48px);
    width: calc(100% + 48px);
    max-width: -webkit-calc(100% + 48px);
    max-width: calc(100% + 48px);
    }
.showroom-section .bottom-links ul {
    list-style-type: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    }
.showroom-section .bottom-links ul li {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 0 20px;
    }
.showroom-section .bottom-links ul li:not(:last-child) {
    border-right: 1px solid #B8CADA;
    }
.showroom-section .bottom-links ul li a {
    font-size: 21px;
    font-weight: normal;
    }
.showroom-form-results:empty {
    display: none;
    }
.showroom-form-results {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    }
.showroom-form-results .showroom {
    padding-right: 20px;
    font-size: 16px;
    width: 33.3333%;
    }
.showroom-form-results .showroom h4 {
    font-size: 16px;
    margin-bottom: 10px;
    word-break: break-word;
    }
.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: #13449d;
    }
.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: #13449d;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 64px 0;
    }
form.showroom-form input {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 0;
    background: #FFF;
    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;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
    margin: 0;
    }
form.showroom-form button {
    background: #13449d;
    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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: rgba(255,255,255,.2);
    background: -webkit-linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    padding: 40px 0;
    -webkit-box-shadow: 15px 0 15px 0 rgba(0,0,0,.01);
    box-shadow: 15px 0 15px 0 rgba(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;
    -webkit-flex: 1;
    -ms-flex: 1;
    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: #13449d;
    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;
    }
.compare-table tbody tr td {
    text-align: center;
    vertical-align: middle;
    padding: 10px 20px;
    font-weight: bold;
    }
.compare-table tbody tr td .dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #ACACAC;
    border-radius: 100%;
    margin-top: 8px;
    }
.compare-table tbody tr:first-child td {
    vertical-align: top;
    }
.compare-table tbody tr:first-child td img {
    max-height: 300px;
    width: auto;
    }
.compare-table tbody tr:first-child td h3 {
    font-size: 24px;
    }
.compare-table tbody tr:nth-child(2) td img {
    display: inline-block;
    height: 25px;
    width: auto;
    margin: 0 8px;
    }
.compare-table tbody tr:nth-child(3) td a {
    color: #13449d;
    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;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }
.compare-table tbody tr:nth-child(3) td a:hover {
    background: #13449d;
    color: white;
    }
.compare-table tbody tr:nth-child(4) ~ tr td:first-child,
.compare-table tbody tr:nth-child(4) ~ tr td:nth-child(2) {
    padding-left: 0;
    }
.compare-table tbody tr:nth-child(4) ~ tr td:first-child img,
.compare-table tbody tr:nth-child(4) ~ tr td:nth-child(2) img {
    height: 29px;
    width: auto;
    float: right;
    }
.compare-table tbody tr:nth-child(4) ~ tr td:first-child {
    text-align: right;
    padding-right: 10px;
    }
.compare-table tbody tr:nth-child(4) ~ tr td:nth-child(2) {
    text-align: left;
    }
.compare-table tbody tr:nth-child(4) ~ tr:nth-child(odd) td {
    background: #EAEDF2;
    }
.compare-table tbody tr:nth-child(4) td,
.compare-table tbody tr.h td {
    padding: 20px 0 10px;
    text-align: left !important;
    background: #FFF !important;
    }
.compare-table tbody tr:nth-child(4) td h3,
.compare-table tbody tr.h td h3 {
    font-size: 21px;
    color: #50AEE1;
    }
.compare-table tbody tr.h td {
    padding-top: 35px !important;
    }
.compare-table tfoot tr td {
    padding-top: 64px;
    text-align: center;
    }
.compare-table tfoot tr td a {
    display: inline-block;
    text-decoration: none;
    color: white;
    background: #13449d;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 80px 15px 25px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }
.compare-table tfoot tr td a:hover {
    background: #000;
    }
.compare-table tfoot tr td a:after {
    content: "";
    display: block;
    width: 18px;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .8;
    background: url(/images/arrow-down-white.svg) no-repeat center center / contain;
    background-size: contain;
    }
.compare-table.on tfoot tr td a:after {
    background-image: url(/images/arrow-up-white.svg);
    }
.compare-table-wrapper:not(.compare-washlet) .compare-table tbody tr.h:not(:nth-child(4)):not(.hidden-tr),
.compare-table-wrapper:not(.compare-washlet) .compare-table tbody 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;
    }
.section-heading + .module {
    margin-top: 0;
    }
.section-heading h1,
.section-heading h2,
.section-heading 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;
    }
.module.image-hover-blocks.three {
    grid-template-columns: 1fr 1fr 1fr;
    }
.module.image-hover-blocks div:empty {
    display: none;
    }
.module.image-hover-blocks > div,
.module.image-hover-blocks > div > a {
    width: 100%;
    display: block;
    float: none;
    margin: 0 !important;
    }
.module.image-hover-blocks > div > .module_content + div,
.module.image-hover-blocks > div > a > .module_content + div {
    min-height: 400px;
    position: relative;
    }
.module.image-hover-blocks > div > .module_content + div .module_content,
.module.image-hover-blocks > div > a > .module_content + div .module_content {
    opacity: 0;
    padding: 40px 30px 60px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.9);
    color: #1D1D1D;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    }
.module.image-hover-blocks > div > .module_content + div .module_content p,
.module.image-hover-blocks > div > a > .module_content + div .module_content p {
    color: #1D1D1D;
    }
.module.image-hover-blocks > div > .module_content + div .module_content a,
.module.image-hover-blocks > div > .module_content + div .module_content .arrow-link-btn,
.module.image-hover-blocks > div > a > .module_content + div .module_content a,
.module.image-hover-blocks > div > a > .module_content + div .module_content .arrow-link-btn {
    position: absolute;
    bottom: 30px;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    }
.module.image-hover-blocks > div:hover .module_content + div .module_content,
.module.image-hover-blocks > div > a:hover .module_content + div .module_content {
    opacity: 1;
    }
.module.image-hover-blocks > div:hover div:last-child,
.module.image-hover-blocks > div > a:hover div:last-child {
    color: #13449d;
    }
.module.image-hover-blocks > div div:last-child .module_content,
.module.image-hover-blocks > div > a div:last-child .module_content {
    font-size: 18px;
    padding: 20px 0;
    font-weight: bold;
    }
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: #13449d !important;
    font-weight: bold;
    position: relative;
    z-index: 0;
    padding: 0;
    padding-right: 88px;
    border: 0;
    }
a.arrow-link-btn:before,
span.arrow-link-btn: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%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    }
a.arrow-link-btn:after,
span.arrow-link-btn:after {
    content: "";
    display: block;
    width: 37px;
    height: 37px;
    border: 1px solid #13449d;
    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;
    }
a.arrow-link-btn:hover:before,
span.arrow-link-btn:hover:before {
    background-image: url(/images/icon_arrowright-white.png);
    }
a.arrow-link-btn:hover:after,
span.arrow-link-btn:hover:after {
    background: #13449d;
    width: 85px;
    height: 85px;
    right: -27px;
    opacity: .4;
    }
.module.new-left-image-content {
    max-width: 1425px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.module.new-left-image-content > .module_content {
    display: none;
    }
.module.new-left-image-content > .module_content + div {
    -webkit-box-shadow: 0 0 10px rgb(19 68 157 / 50%);
    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.new-left-image-content > .module_content + div + div {
    padding: 64px 20px 64px 80px;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    }
.module.new-left-image-content > .module_content + div + div h3 {
    font-size: 31px;
    font-weight: normal;
    margin-top: 0 !important;
    text-transform: uppercase;
    line-height: 1.2;
    color: #272727;
    margin-bottom: 0;
    }
.module.new-left-image-content > .module_content + div + div h4 {
    color: #272727;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    }
.module.new-left-image-content > .module_content + div + div p {
    color: #272727;
    font-size: 16px;
    line-height: 1.5;
    }
.module.new-left-image-content > .module_content + div + div 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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    }
.module.cta-banner .module_content {
    max-width: 1425px;
    margin: 0 auto;
    text-align: center;
    color: white;
    }
.module.cta-banner .module_content h3 {
    text-transform: uppercase;
    font-size: 34px;
    }
.module.cta-banner .module_content h4 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: normal;
    }
.module.cta-banner .module_content a {
    text-decoration: none;
    color: #000;
    background: #FFF;
    padding: 10px 35px;
    text-transform: none;
    font-weight: bold;
    display: inline-block;
    margin-top: 20px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }
.module.cta-banner .module_content a:hover {
    color: #000;
    background: white;
    }
.module.last {
    margin-bottom: 0 !important;
    }
.module.last ~ footer {
    margin-top: 0 !important;
    }
.captionimage {
    position: relative;
    display: inline-block;
    line-height: 0;
    }
.captionimage > span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 8px 0;
    background: rgba(0,0,0,.3);
    color: #FFF;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    }
.captionimage.dark > span {
    background: rgba(255,255,255,.3);
    color: #000;
    }
.quizmodalinline {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 0 0 24px rgba(188,207,221,.4);
    box-shadow: 0 0 24px rgba(188,207,221,.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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    }
.quizmodalinline > .text .title {
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 20px;
    line-height: 1.2;
    }
.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: #13449D;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    }
.quizmodalpopup_bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    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: -webkit-linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    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: -webkit-calc(50% + 50px);
    top: calc(50% + 50px);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    max-width: 1425px;
    height: -webkit-calc((var(--vh,1vh) * 100) - 185px);
    height: calc((var(--vh,1vh) * 100) - 185px);
    max-height: -webkit-calc(var(--vh,1vh) * 100 - 185px);
    max-height: calc(var(--vh,1vh) * 100 - 185px);
    background: #F0F4F7;
    color: #000;
    z-index: 100001;
    }
.quizmodalpopup.on {
    display: block;
    }
body.quizmodal-on > .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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    }
.quizmodalpopup .header > .title {
    margin-left: auto;
    color: #FFF;
    font-size: 45px;
    }
.quizmodalpopup .header > .totorecommends {
    display: none;
    color: #000;
    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;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
.quizmodalpopup > .inner > .progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #DFE7EF;
    }
.quizmodalpopup > .inner > .progress .bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #000;
    }
.quizmodalpopup > .inner > .content {
    height: 100%;
    overflow-y: auto;
    }
.quizmodalpopup > .inner > .content > .slide {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
.quizmodalpopup > .inner > .content .button {
    display: inline-block;
    padding: 8px 25px;
    background: #13449D;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    }
.quizmodalpopup > .inner > .content .slide > .question {
    font-size: 36px;
    -webkit-flex: 1;
    -ms-flex: 1;
    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: #13449D;
    }
.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff > div {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    max-width: 1024px;
    font-weight: normal;
    font-size: 21px;
    line-height: 1.4;
    background: #FFF;
    text-transform: none;
    color: #585858;
    z-index: 100;
    -webkit-box-shadow: 0 0 13px #DCE3F1;
    box-shadow: 0 0 13px #DCE3F1;
    padding: 64px;
    overflow-y: auto;
    }
.quizmodalpopup > .inner > .content .slide > .question > .whatsthediff > div .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,.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 #13449D;
    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: -webkit-calc(100% * 2 / 3);
    width: calc(100% * 2 / 3);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
.quizmodalpopup > .inner > .content .slide > .picks > .pick {
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-bottom: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: white;
    border: 5px solid white;
    -webkit-box-shadow: 0 0 13px #DCE3F1;
    box-shadow: 0 0 13px #DCE3F1;
    }
.quizmodalpopup > .inner > .content .slide > .picks > .pick > .img {
    width: 100%;
    padding-top: -webkit-calc(100% - 80px);
    padding-top: calc(100% - 80px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #FFF;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    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;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    }
.quizmodalpopup > .inner > .content .slide > .picks > .pick:hover .text,
.quizmodalpopup > .inner > .content .slide > .picks > .pick.active .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;
    -webkit-box-shadow: 0 0 13px #DCE3F1;
    box-shadow: 0 0 13px #DCE3F1;
    background: #FFF;
    position: relative;
    }
.quizmodalpopup > .inner > .content .slide > .result .img-wrapper .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    }
.quizmodalpopup > .inner > .content .slide > .result {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
.quizmodalpopup > .inner > .content .slide > .result .details {
    width: -webkit-calc(100% * 2 / 3 - 40px);
    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;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }
.quizmodalpopup > .inner > .content .slide > .result .button:hover {
    background: #000;
    }
.quizmodalpopup > .inner > .content .slide > .result .alsolike {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: rgba(32,32,32,.4);
    }
.quizmodalpopup > .inner > .content .slide > .result .similar > a {
    float: left;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    width: -webkit-calc(50% - 10px);
    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: #FFF;
    -webkit-transition: all .5s ease;
    transition: all .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: #FFF;
    }
.quizmodalpopup > .inner > .content .slide > .result .similar > a > .side {
    -webkit-flex: 1;
    -ms-flex: 1;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    }
.quizmodalpopup > .inner > .content .slide > .result > .item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    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,.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;}
}*/
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;
    }
a.left-arrow-link-btn:before,
span.left-arrow-link-btn: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;
    }
a.left-arrow-link-btn:after,
span.left-arrow-link-btn:after {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    border: 1px solid #13449d;
    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;
    }
a.left-arrow-link-btn:hover:before,
span.left-arrow-link-btn:hover:before {
    background-image: url(/images/icon_arrowleft-white.png);
    }
a.left-arrow-link-btn:hover:after,
span.left-arrow-link-btn:hover:after {
    background: #13449d;
    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: #000;
    color: white;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100% !important;
    -webkit-transition: all .5s ease;
    transition: all .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;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    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 .menu-toggle {
    background: white;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px;
    color: #000;
    line-height: 50px;
    padding: 0 30px;
    border-radius: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
    position: absolute;
    top: 40px;
    right: 40px;
    }
.floating-menu .menu-toggle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 151px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    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: #000;
    margin-bottom: 5px;
    -webkit-transition: margin .1s 0s ease-out,transform .1s .1s ease-in,background-color .2s linear,-webkit-transform .1s .1s ease-in;
    transition: margin .1s 0s ease-out,transform .1s .1s ease-in,background-color .2s linear,-webkit-transform .1s .1s ease-in;
    }
.floating-menu .menu-toggle i span:last-child {
    margin-bottom: 0;
    }
.floating-menu.on .menu-toggle i span {
    margin-bottom: -.06944vw;
    }
.floating-menu.on .menu-toggle i span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }
.floating-menu.on .menu-toggle i span:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    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;
    }
.module.videoHero {
    overflow: hidden;
    padding: 0 !important;
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    height: -webkit-calc(100vh - 34px);
    height: calc(100vh - 34px);
    z-index: 0;
    }
.module.videoHero .module_content {
    width: 100%;
    height: 100%;
    }
.module.videoHero .video-hero {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    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%;
    }
.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;
    }
.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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-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;
    }
.big-text-block {
    color: #353535;
    }
.big-text-block h3 {
    text-transform: none;
    margin-bottom: 30px;
    }
.message-section {
    color: #353535;
    position: relative;
    background: #F4F5F6;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    max-width: 100% !important;
    padding: 0 !important;
    }
.message-section .module_content:empty {
    display: none;
    }
.message-section > .module {
    -webkit-flex: 1;
    -ms-flex: 1;
    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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.message-section .read-more-modal {
    display: none;
    -webkit-flex: unset;
    -ms-flex: unset;
    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;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    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;
    }
.big-text-block .Accordion {
    margin-top: 20px;
    width: 100%;
    border: 2px solid #dfdfdf;
    padding: 0 !important;
    }
.big-text-block .Accordion li {
    margin: 0 !important;
    border: 0 !important;
    }
.big-text-block .Accordion li:not(:last-child) {
    border-bottom: 2px solid #dfdfdf !important;
    }
.big-text-block .Accordion .accordion-title {
    padding: 16px 20px;
    font-size: 24px;
    font-weight: bold;
    color: #44b0ac;
    text-transform: none;
    }
.big-text-block .Accordion .accordion-title:before,
.big-text-block .Accordion .accordion-title:after {
    content: "" !important;
    display: block;
    width: 25px;
    height: 4px;
    background: #44b0ac;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    background-image: none;
    margin-right: 0;
    }
.big-text-block .Accordion .accordion-title:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    }
.big-text-block .Accordion li.on .accordion-title:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    }
.big-text-block .Accordion li.on .accordion-content {
    text-align: center;
    padding: 0 20px 20px;
    }
.big-text-block .Accordion .accordion-content hr {
    border: 0;
    height: 2px;
    background: #dfdfdf;
    margin: 15px 0;
    }
.big-text-block.half-blocks {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
.big-text-block.half-blocks > .module_content {
    width: 100%;
    }
.big-text-block.half-blocks > .module {
    width: -webkit-calc(50% - 30px);
    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 .module_content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
.module.logo-images .module_content img {
    max-width: -webkit-calc(50% - 15px);
    max-width: calc(50% - 15px);
    margin-bottom: 20px;
    }
.module.logo-images .module_content img:nth-child(even) {
    margin-right: 0;
    }
.module.hover-blocks {
    text-align: center;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    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 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 47.22222vw;
    position: relative;
    z-index: 0;
    }
.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;
    }
.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;
    -webkit-transition: opacity .5s linear;
    transition: opacity .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:after {
    content: "";
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    display: block;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    }
.module.links-hover-blocks > .module:hover:after {
    opacity: .2;
    }
.module.links-hover-blocks > .module a {
    color: #FFF !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: 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: #FFF;
    }
.module.links-hover-blocks > .module a .module_content {
    color: #FFF;
    padding-right: 40px;
    }
.module.links-hover-blocks > .module a .module_content:after {
    content: "";
    color: #FFF;
    padding-right: 30px;
    background: url(/images/external-arrow-right-white.svg) no-repeat right center;
    background-size: 20px auto;
    }
.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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.short-hero h1,
.short-hero h2,
.short-hero h3,
.short-hero h4,
.short-hero h5,
.short-hero h6,
.short-hero .heading {
    margin: 0;
    text-transform: none;
    }
.short-hero .module_content {
    width: 100%;
    max-width: 1425px;
    margin: 0 auto;
    color: #FFF;
    }
.short-hero h2 {
    font-size: 38px;
    line-height: 1.2;
    }
.short-hero h1 {
    font-size: 16px;
    position: absolute;
    top: 50px;
    left: 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: 0 50px 50px;
    }
.point-images-table tr td h1,
.point-images-table tr td h2,
.point-images-table tr td h3,
.point-images-table tr td h4,
.point-images-table tr td h5,
.point-images-table tr td h6,
.point-images-table tr td .heading {
    font-size: 21px;
    }
.point-images-table tr:last-child td {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
.point-images-table tr:last-child td img {
    width: -webkit-calc(25% - 15px);
    width: calc(25% - 15px);
    }
.point-blocks {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
.point-blocks h1,
.point-blocks h2,
.point-blocks h3,
.point-blocks h4,
.point-blocks h5,
.point-blocks h6,
.point-blocks .heading {
    text-transform: none;
    }
.point-blocks .module_content {
    width: 100%;
    }
.point-blocks .module {
    width: -webkit-calc(33.3333% - 20px);
    width: calc(33.3333% - 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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    }
.point-blocks-bg-image .module_content:empty {
    display: none !important;
    }
.point-blocks-bg-image > .module {
    width: -webkit-calc(33.333% - 15px) !important;
    width: calc(33.333% - 15px) !important;
    }
.point-blocks-bg-image > .module h1,
.point-blocks-bg-image > .module h2,
.point-blocks-bg-image > .module h3,
.point-blocks-bg-image > .module h4,
.point-blocks-bg-image > .module h5,
.point-blocks-bg-image > .module h6,
.point-blocks-bg-image > .module .heading {
    margin-bottom: 10px;
    }
.point-blocks-bg-image > .module h1 + p,
.point-blocks-bg-image > .module h2 + p,
.point-blocks-bg-image > .module h3 + p,
.point-blocks-bg-image > .module h4 + p,
.point-blocks-bg-image > .module h5 + p,
.point-blocks-bg-image > .module h6 + p,
.point-blocks-bg-image > .module .heading + 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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    }
.full-size-images .module_content img {
    display: block;
    width: 50%;
    height: auto;
    }
.dl-group {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
.dl-group > .module_content {
    width: 100%;
    }
.dl-group h1,
.dl-group h2,
.dl-group h3,
.dl-group h4,
.dl-group h5,
.dl-group h6,
.dl-group .heading {
    text-transform: none;
    }
.dl-group h1 small,
.dl-group h2 small,
.dl-group h3 small,
.dl-group h4 small,
.dl-group h5 small,
.dl-group h6 small,
.dl-group .heading small {
    font-weight: normal;
    font-size: 1rem;
    }
.dl-group h2 {
    font-size: 2rem;
    margin-bottom: 30px;
    }
.dl-group dl {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    }
.dl-group dl dt {
    color: #8c8c8c;
    width: 20%;
    min-width: 140px;
    padding: 30px 20px 30px 0;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #666;
    }
.dl-group dl + dl dt {
    border-top: 0;
    }
.dl-group dl dd {
    font-weight: 500;
    font-size: 14px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    padding: 30px 20px 30px 0;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #dfdfdf;
    }
.dl-group dl dt small {
    display: block;
    }
.dl-group dl + dl dd {
    border-top: 0;
    }
.dl-group > .module {
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
    float: none;
    margin: 0 !important;
    }
body[class*="page-purpose"] > .module:not(.floating-menu) + .module:not(.last):not(.no-bottom-margin),
body[class*="page-brand-purpose"] > .module:not(.floating-menu) + .module:not(.last):not(.no-bottom-margin) {
    margin-bottom: 128px !important;
    }
body[class*="page-purpose"] > .module.videoHero + .module.big-text-block,
body[class*="page-brand-purpose"] > .module.videoHero + .module.big-text-block {
    margin-bottom: 64px !important;
    }
body[class*="page-purpose"] .module.centered-text p,
body[class*="page-brand-purpose"] .module.centered-text p {
    margin-top: 0;
    color: #4e5052;
    font-weight: bold;
    }
body[class*="page-about"],
body[class*="page-corporate"] {
    color: #353535;
    }
body[class*="page-about"] h1,
body[class*="page-about"] h2,
body[class*="page-about"] h3,
body[class*="page-about"] h4,
body[class*="page-about"] h5,
body[class*="page-about"] h6,
body[class*="page-about"] .heading,
body[class*="page-corporate"] h1,
body[class*="page-corporate"] h2,
body[class*="page-corporate"] h3,
body[class*="page-corporate"] h4,
body[class*="page-corporate"] h5,
body[class*="page-corporate"] h6,
body[class*="page-corporate"] .heading {
    text-transform: none;
    }
body[class*="page-about"] h2,
body[class*="page-corporate"] h2 {
    font-size: 2rem;
    }
.stacked-images {
    position: relative;
    width: 100%;
    text-align: center;
    }
.stacked-images > *:nth-child(even) {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    }
.side-panel-section {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    }
.side-panel-section .panel {
    padding: 24px;
    width: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    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 {
    -webkit-flex: 1;
    -ms-flex: 1;
    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 {
    -webkit-transition: all 1s ease;
    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: 0 !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,.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: -webkit-calc(100% - 48px) !important;
    width: calc(100% - 48px) !important;
    max-width: -webkit-calc(1425px - 48px) !important;
    max-width: calc(1425px - 48px) !important;
    }
.download-area {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    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,.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: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    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: 0;
    right: 0;
    }
.download-area.no-borders {
    border: 0;
    padding: 0;
    }
.check-list {
    padding-left: 0 !important;
    list-style-type: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
    }
.check-list li {
    padding-left: 40px;
    display: block;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    background: url(/images/icon-check.svg) no-repeat top 5px left;
    background-size: 20px auto;
    }
h1.underlined,
h2.underlined,
h3.underlined,
h4.underlined,
h5.underlined,
h6.underlined,
.heading.underlined {
    padding-bottom: 15px;
    margin-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid rgba(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,.1);
    display: block;
    margin: 50px 0;
    }
.arrow-links-section {
    border-top: 1px solid #B8CADA;
    padding: 40px 0 0;
    width: -webkit-calc(100% + 48px);
    width: calc(100% + 48px);
    max-width: -webkit-calc(100% + 48px);
    max-width: calc(100% + 48px);
    font-size: 28px;
    line-height: 1.95;
    }
.arrow-links-section ul {
    list-style-type: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    }
.arrow-links-section ul li:not(:last-child) {
    border-right: 1px solid #B8CADA;
    }
.arrow-links-section ul li {
    -webkit-flex: 1;
    -ms-flex: 1;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 0 24px !important;
    }
.suggested-products .title {
    max-width: 250px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 50px;
    }
.suggested-products .prods {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 0 20px;
    }
.suggested-products .prods .prod {
    display: block;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px;
    }
.suggested-products .prods .prod .img {
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    }
.suggested-products .prods .prod h1,
.suggested-products .prods .prod h2,
.suggested-products .prods .prod h3,
.suggested-products .prods .prod h4,
.suggested-products .prods .prod h5,
.suggested-products .prods .prod h6,
.suggested-products .prods .prod .heading {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    }
.btn-primary {
    display: inline-block;
    color: #000 !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;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    text-decoration: none !important;
    }
.btn-primary:hover {
    background: #A7C1DC;
    }

/* 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%;
    -webkit-transition: left 1.5s ease-in-out;
    transition: left 1.5s ease-in-out;
    }
.carousel-slider .pg {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    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: -webkit-calc(33.333% - 10px);
    width: calc(33.333% - 10px);
    }
.carousel-slider[data-limit="2"] .item {
    width: -webkit-calc(50% - 10px);
    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%;
    margin: 5px 20px;
    }
.carousel-slider a:not(.button).arrow,
.carousel-slider a:not(.button):link.arrow,
.carousel-slider a:not(.button):visited.arrow,
.carousel-slider a:not(.button):active.arrow,
.carousel-slider a:not(.button):hover.arrow,
.carousel-slider a:not(.button):focus.arrow,
.carousel-slider .faux-link.arrow,
.carousel-slider .faux-link:link.arrow,
.carousel-slider .faux-link:visited.arrow,
.carousel-slider .faux-link:active.arrow,
.carousel-slider .faux-link:hover.arrow,
.carousel-slider .faux-link:focus.arrow {
    color: rgba(255,255,255,.5);
    font-size: 32px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-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 a:not(.button).arrow.next,
.carousel-slider a:not(.button):link.arrow.next,
.carousel-slider a:not(.button):visited.arrow.next,
.carousel-slider a:not(.button):active.arrow.next,
.carousel-slider a:not(.button):hover.arrow.next,
.carousel-slider a:not(.button):focus.arrow.next,
.carousel-slider .faux-link.arrow.next,
.carousel-slider .faux-link:link.arrow.next,
.carousel-slider .faux-link:visited.arrow.next,
.carousel-slider .faux-link:active.arrow.next,
.carousel-slider .faux-link:hover.arrow.next,
.carousel-slider .faux-link:focus.arrow.next {
    left: unset;
    right: -20px;
    background-image: url(/images/arrow-right.svg);
    background-position: right center;
    }
.carousel-slider a:not(.button).arrow.disabled,
.carousel-slider a:not(.button):link.arrow.disabled,
.carousel-slider a:not(.button):visited.arrow.disabled,
.carousel-slider a:not(.button):active.arrow.disabled,
.carousel-slider a:not(.button):hover.arrow.disabled,
.carousel-slider a:not(.button):focus.arrow.disabled,
.carousel-slider .faux-link.arrow.disabled,
.carousel-slider .faux-link:link.arrow.disabled,
.carousel-slider .faux-link:visited.arrow.disabled,
.carousel-slider .faux-link:active.arrow.disabled,
.carousel-slider .faux-link:hover.arrow.disabled,
.carousel-slider .faux-link:focus.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,.1);
    line-height: 1.2;
    }
.sticky-nav > .module {
    margin-top: 0 !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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: #000;
    }
.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,-webkit-calc(6vw + 5px));
    margin-right: max(20px,calc(6vw + 5px));
    }
.sticky-nav.sticked {
    position: fixed;
    z-index: 100;
    background: #FFF;
    }
.bottom-area {
    margin: 0 -24px -64px;
    padding: 50px 24px;
    background: -webkit-linear-gradient(269.7deg,rgba(255,255,255,0) -2.05%,rgba(255,255,255,.49) 101.99%);
    background: linear-gradient(269.7deg,rgba(255,255,255,0) -2.05%,rgba(255,255,255,.49) 101.99%);
    }
.bottom-area .module_content {
    max-width: 1425px;
    margin: 0 auto;
    }
@media all and (max-width: 1650px) {
html,
body {
    font-size: 16px;
    }
body {
    padding-top: 34px;
    }
h1 {
    font-size: 32px;
    }
h2 {
    font-size: 24px;
    }
h3,
h4,
h5,
h6 {
    margin: 16px 0 8px 0;
    }
header.main {
    font-size: 14px;
    height: 34px;
    }
header.main .menu-item .dropdown {
    top: 34px;
    }
header.main .split .left {
    height: 34px;
    }
.image-slider {
    padding: 0;
    height: -webkit-calc(100vh - 34px);
    height: calc(100vh - 34px);
    background: #000;
    }
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: 6px 25px;
    }
header.main .menu-item.mega .submenu-wrap .submenu {
    padding: 0 64px;
    }
}

@media all and (max-width: 1430px) {
header.main .menu-item {
    padding: 0 8px;
    }
}

@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;
    }
}

@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%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    background: #fff;
    text-align: left;
    height: auto;
    max-height: -webkit-calc(100vh - 34px - env(safe-area-inset-bottom));
    max-height: calc(100vh - 34px - env(safe-area-inset-bottom));
    position: fixed;
    top: 34px;
    right: 0;
    bottom: env(safe-area-inset-bottom);
    left: 0;
    overflow: auto;
    }
header.main.mobile-on .split .right {
    display: block;
    }
header.main .left .menu-item:not(.logo):not(.language) {
    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 {
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
header.main .menu-item.search form {
    display: inline-block !important;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: static;
    width: 100%;
    max-width: none;
    margin: 0 0 0 8px;
    }
header.main .right .dropdown {
    display: none;
    }
header.main .right .menu-item.open > .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: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:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    }
.slider-thumbnail-container .thumbnails .slide {
    padding: 1vw;
    }
header.main .menu-item.mega.open .submenu-wrap {
    display: block;
    position: relative;
    background: #FFF;
    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:first-child > a:first-child {
    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: 20px;
    }
header.main .menu-item.mega.open .submenu-wrap .submenu li.has-submenu > a: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%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    bottom: initial;
    left: initial;
    opacity: .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:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    }
.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 {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 15px 0;
    }
.washlet-features-hover-colside.right .washlet-features-hover-item {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    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;
    }
}

@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 (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%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 20vh;
    margin: 0 !important;
    }
.evolution-section > .module:nth-child(2) {
    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: -webkit-calc(100% - (25vw + 190px));
    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 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 150px 30px 30px;
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);
    -webkit-box-shadow: none;
    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;
    }
.product .content-top h1 {
    margin-bottom: 24px;
    }
.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 {
    min-height: 50vw;
    }
.product-grid .item {
    min-width: 50%;
    }
.cleanovation-hero .svg-container {
    display: none;
    }
.cleanovation-grid .tile:nth-child(1) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(2) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(3) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(4) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(5) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(6) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(7) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(8) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(9) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(10) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(11) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(12) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(13) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(14) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(15) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile:nth-child(16) a {
    height: auto;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 48px !important;
    text-align: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.cleanovation-grid .tile {
    width: 100% !important;
    margin: 0;
    }
.cleanovation-grid .tile.video a {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    }
.dark-tabs .tab-block.image-split .image,
.dark-tabs .tab-block.image-split .text {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    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%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    }
.side-list .side-list-options {
    width: 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border: none;
    padding: 0;
    }
footer.main .footer-section {
    padding: 32px 0;
    }
footer.main .side-list .title {
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 8px;
    padding-right: 0;
    margin-bottom: 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):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):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 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    }
footer.main .columns .column.logo {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    }
footer.main .columns .column:not(.on) > *:not(.heading) {
    display: none !important;
    }
footer.main .column .heading {
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 8px;
    }
footer.main .column:not(.on) .heading {
    margin-bottom: 0;
    }
footer.main .column .heading: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:after {
    content: 'remove_circle_outline';
    }
.logos > .module {
    width: 33.3333%;
    }
.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 {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
.benefit-list.center .list-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
    }
.smart-toilet-tech > .module {
    -webkit-flex: initial !important;
    -ms-flex: initial !important;
    flex: initial !important;
    width: 33.333% !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: 0;
    }
.compare-table tbody tr td {
    padding-top: 30px;
    height: 32px;
    font-size: 14px;
    }
.compare-table tbody tr td:first-child:not([colspan]),
.compare-table tbody tr td:nth-child(2) {
    display: none;
    }
.compare-table tbody tr td[data-title] {
    position: relative;
    }
.compare-table tbody tr td[data-title]:before {
    content: attr(data-title);
    position: absolute;
    top: 7px;
    left: 5px;
    white-space: nowrap;
    }
.compare-table tbody tr:first-child td h3 {
    font-size: 16px;
    }
.compare-table tbody tr:nth-child(2) td img {
    height: 20px;
    margin: 0 5px;
    }
.compare-table tbody tr:nth-child(3) td a {
    font-size: 12px;
    padding: 8px 15px;
    }
.compare-table tbody tr.h td h3,
.compare-table tbody tr:nth-child(4) td h3 {
    font-size: 16px;
    }
.quizmodalpopup > .inner > .content .slide > .picks > .pick > .img {
    padding-top: -webkit-calc(100% - 50px);
    padding-top: calc(100% - 50px);
    }
.quizmodalpopup > .inner > .content .slide > .picks > .pick > .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: -webkit-calc(100% - (25vw + 100px));
    max-width: calc(100% - (25vw + 100px));
    }
.compare-washlet-table .compare-table {
    table-layout: fixed;
    }
.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: 20%;
    }
.washlet-benefits-img-text-container .module.container {
    min-height: 300px;
    }
.washlet-benefits-text-container {
    padding: 50px 60px;
    }
.module.container.navbar .items a {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: -webkit-calc(100% / 3);
    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;
    }
section.locations .sidebar,
section.locations .main {
    width: 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 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%;
    }
}

@media all and (min-width: 870px) {
.big-text-block .Accordion {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    }
.big-text-block .Accordion > li {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    }
.big-text-block .Accordion > li:first-child {
    border: 0 !important;
    border-right: 2px solid #dfdfdf !important;
    }
.big-text-block .Accordion > li .accordion-title {
    text-align: center;
    pointer-events: none;
    cursor: initial;
    }
.big-text-block .Accordion > li .accordion-title:before,
.big-text-block .Accordion > li .accordion-title:after {
    display: none !important;
    }
.big-text-block .Accordion > li .accordion-content {
    display: block !important;
    opacity: 1 !important;
    height: unset !important;
    padding: 0 20px 20px !important;
    }
}

@media all and (max-width: 870px) {
.secondary-menu .left-area {
    display: none;
    }
.secondary-menu .right-area {
    width: 100%;
    }
.secondary-menu .right-area ul {
    padding: 0;
    }
.showroom-section > .module_content + .module {
    padding-left: 0;
    padding-right: 0;
    }
.showroom-section > .module + .module {
    position: relative;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    height: 150px !important;
    width: 100%;
    border-radius: 10px;
    right: initial;
    }
body .showroom-section .module.bottom-links {
    -webkit-order: 3 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
    height: auto !important;
    margin: 40px 0 0 !important;
    border-radius: 0;
    width: 100% !important;
    }
body .showroom-section .module.bottom-links ul {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
body .showroom-section .module.bottom-links ul li {
    border: 0;
    text-align: left;
    }
body .showroom-section .module.bottom-links ul li 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 {
    -webkit-order: 3 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
    height: auto !important;
    margin: 40px 0 0 !important;
    border-radius: 0;
    width: 100% !important;
    }
.arrow-links-section ul {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
.arrow-links-section ul li {
    border: 0 !important;
    text-align: left;
    }
.arrow-links-section ul li a {
    font-size: 16px;
    }
.washlet-benefits-img-text-container .module.container {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    }
.washlet-benefits-img-text-container .module.container:nth-child(2),
.washlet-benefits-img-text-container .module.container:nth-child(4) {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    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;
    }
}

@media all and (max-width: 840px) {
.results {
    width: 100%;
    }
.message-section {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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%;
    }
}

@media all and (max-width: 800px) {
.side-list .links.three-columns {
    -webkit-columns: 2 64px;
    columns: 2 64px;
    }
.module.image-content a {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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: -webkit-calc(100% - 128px);
    max-width: calc(100% - 128px);
    width: -webkit-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;
    }
.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: -webkit-calc(100% - 35px);
    max-height: calc(100% - 35px);
    overflow: auto;
    padding: 20px 40px !important;
    }
.module.secondary-menu .right-area ul li a {
    margin-left: 0 !important;
    line-height: 1;
    }
.module.secondary-menu .right-area .submenu-sandwich a {
    font-size: 21px;
    }
.module.secondary-menu .right-area .submenu-sandwich + li {
    margin-top: 20px;
    }
.module.secondary-menu .right-area ul li:last-child {
    margin-top: 10px;
    }
.module.secondary-menu .right-area ul li:empty {
    width: 100%;
    height: 20px;
    }
.module.secondary-menu.on .submenu-sandwich .close {
    display: inline-block !important;
    }
.module.secondary-menu.on .submenu-sandwich .open {
    display: none !important;
    }
.quizmodalpopup > .inner > .content .slide > .question {
    width: 100%;
    }
.quizmodalpopup > .inner > .content > .slide {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
.quizmodalpopup > .inner > .content > .slide > .picks {
    width: 100%;
    }
.quizmodalpopup {
    top: -webkit-calc(50% + 30px);
    top: calc(50% + 30px);
    max-height: -webkit-calc((var(--vh,1vh) * 100) - 100px);
    max-height: calc((var(--vh,1vh) * 100) - 100px);
    height: -webkit-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 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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: -webkit-calc(100%);
    max-width: calc(100%);
    width: 100%;
    padding-left: 0;
    }
.module.slideshow.washlet-installation-steps-slider .inner .image {
    left: 0;
    right: 0;
    padding-right: 0;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    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;
    }
}

@media all and (max-width: 720px) {
.point-blocks-bg-image > .module {
    width: -webkit-calc(50% - 15px) !important;
    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 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
.download-area > .module {
    width: 100% !important;
    }
.download-area > .module + .module {
    margin-top: 40px !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !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%;
    }
}

@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 {
    padding: 0;
    margin-bottom: 0;
    position: relative;
    }
.product-grid .label {
    font-size: 16px;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 8px;
    font-weight: 500;
    text-align: left !important;
    margin-left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    }
.product-grid .lineout:before,
.product-grid .lineout:after {
    background: #fff;
    }
.spaced-grid .items {
    margin: -4px;
    }
.spaced-grid .item {
    min-width: 50%;
    padding: 4px;
    }
.spaced-grid .grid-line {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    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;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !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;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.header-banner > div {
    padding-top: 0;
    }
.header-banner > div h1 {
    font-size: 38px;
    }
.module.container.heading h1 {
    font-size: 28px;
    }
.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;
    }
.module.quote .quote-wrap {
    background: #000;
    }
.module.quote .quote-wrap > .module_content {
    width: 100%;
    }
.text-image-section .text {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding: 0;
    }
.text-image-section .text h2,
.text-image-section .text h3,
.text-image-section .text h4 {
    margin-top: 20px !important;
    }
.text-image-section .graphic {
    -webkit-order: 1;
    -ms-flex-order: 1;
    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;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 20px;
    }
.compare-table tbody tr td {
    font-size: 12px;
    padding: 30px 3px 0 3px;
    }
.compare-table tbody tr td .dot {
    width: 10px;
    height: 10px;
    margin-top: 5px;
    }
.compare-table tbody tr:first-child td img {
    max-width: 80%;
    }
.compare-table tbody tr:first-child td h3 {
    font-size: 14px;
    }
.compare-table tbody tr:nth-child(2) td img {
    height: 15px;
    margin: 0 5px;
    }
.compare-table tbody tr:nth-child(3) td a {
    font-size: 10px;
    padding: 8px 15px;
    }
.compare-table tbody tr.h td h3,
.compare-table tbody tr:nth-child(4) td h3 {
    font-size: 14px;
    }
.compare-table tbody tr.first-dot td[data-title]:before {
    left: 5px;
    }
.search-result .right {
    padding: 16px;
    }
.show-mobile {
    display: block;
    }
.show-desktop {
    display: none;
    }
.dl-group > .module + .module dl:first-child dt,
.dl-group > .module + .module dl:first-child dd {
    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,.1);
    }
.steps-section > .module:last-child {
    border: 0;
    }
.module.slideshow.washlet-installation-steps-slider .inner .title {
    top: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    }
.module.slideshow.washlet-installation-steps-slider .inner .image {
    margin-top: 155px;
    -webkit-align-self: end;
    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: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    }
.module.container.navbar .items a,
.module.container.navbar a:not(.button):nth-child(3n) {
    width: -webkit-calc(100% / 2);
    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;
    }
.timeline .event img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    }
.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 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: none;
    }
section.locations .location {
    width: 100%;
    }
.location-popup {
    padding: 24px;
    }
.location-popup .split .side {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    }
.washlet-buy-online .washlet-latest-items-container {
    margin: 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;
    }
.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: 0 !important;
    }
.page-washlet-installation .gradient-section .bottom-area {
    padding: 50px 0 50px 24px;
    }
.page-washlet-installation .gradient-section .bottom-area tr {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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;
    }
.new-washlet-page-slide .content a img {
    max-width: 170px;
    }
}

@media all and (max-width: 540px) {
.cleanovation-hero .title-container h1 {
    font-size: 24px;
    }
.spaced-grid.one-up .item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
    max-width: none;
    }
.dark-tabs .tab-block.process .split .use {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    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;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    }
.side-list .links.three-columns {
    -webkit-columns: 1 0;
    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;
    }
.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 {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    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;
    -webkit-order: -1;
    -ms-flex-order: -1;
    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 {
    -webkit-flex: initial !important;
    -ms-flex: initial !important;
    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;
    }
.suggested-products .wrapper .prods .prod {
    width: 50%;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
    }
.sticky-nav > .module {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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;
    }
}

@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 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;
    }
.compare-table tbody tr td .dot {
    width: 10px;
    height: 10px;
    margin-top: 5px;
    }
.compare-table tbody tr:first-child td img {
    max-width: 80%;
    }
.compare-table tbody tr:first-child td h3 {
    font-size: 12px;
    }
.compare-table tbody tr:nth-child(2) td img {
    height: 15px;
    margin: 0 5px;
    }
.compare-table tbody tr:nth-child(3) td a {
    font-size: 8px;
    padding: 8px 10px;
    }
.compare-table tbody tr.h td h3,
.compare-table tbody tr:nth-child(4) td h3 {
    font-size: 14px;
    }
.quizmodalpopup {
    top: -webkit-calc(50% + 32px);
    top: calc(50% + 32px);
    max-height: -webkit-calc((var(--vh,1vh) * 100) - 90px);
    max-height: calc((var(--vh,1vh) * 100) - 90px);
    height: -webkit-calc((var(--vh,1vh) * 100) - 90px);
    height: calc((var(--vh,1vh) * 100) - 90px);
    }
.quizmodalpopup .header {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
.quizmodalpopup .header > .title {
    margin-left: unset;
    font-size: 18px;
    }
.quizmodalpopup > .inner > .content .slide > .result .similar > a {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
.quizmodalpopup > .inner {
    padding: 20px 20px 55px;
    }
.quizmodalpopup > .inner > .content .slide > .question {
    -webkit-flex: unset;
    -ms-flex: unset;
    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: -webkit-calc(100% - 35px);
    padding-top: calc(100% - 35px);
    }
.quizmodalpopup > .inner > .content > .slide > .picks {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    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 .wrapper .prods .prod {
    width: 100%;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
    }
.compare-table-wrapper.compare-washlet-table .compare-table tbody tr td {
    font-size: 11px;
    }
.compare-table-wrapper.compare-washlet-table .compare-table tbody tr td:not(:first-of-type) {
    font-size: 10px;
    }
.experience-toto-washlet-icons-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    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%;
    }
}

@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;
    }
.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 dl {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
.dl-group dl dt {
    width: 100%;
    border-color: #dfdfdf;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 2px;
    padding-right: 0;
    }
.dl-group dl dd {
    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;
    }
}