/**
 * TABLE OF CONTENTS
 *
 * SETTINGS
 * Global..................Globally-available variables and config.
 *
 * TOOLS
 * Mixins..................Useful mixins.
 *
 * COMPONENTS
 * PDP Images..............Mobile gallery and desktop layout
 * Primary Information.....Critical information like name and price
 * Reviews Teaser..........Summarized review list on PDP.
 * PDP Variations..........Variation selector styles seen in the PDP
 * 
 * 
 * MODULES
 *
 */
/*------------------------------------*\
  #SETTINGS
\*------------------------------------*/
/**
 * Returns the value of the `$key` value of a provided `$map`.
 */
/**
 * Uses `getProperty()` to return a value from the `$colors` map.
 */
/**
 * Uses `getProperty()` to return a value from the `$breakpoints` map.
 */
/*------------------------------------*\
  #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
  #COLORS
\*------------------------------------*/
/*------------------------------------*\
  #ELEMENT-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
  #HEADER-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
  #HORIZONTAL-SPACING
\*------------------------------------*/
/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
/*------------------------------------*\
  #TOOLS
\*------------------------------------*/
/**
 * Responsive Mixin
 * This mixin is designed for a _cleaner_ first approach
 * This means that css isn't overridden but rather replaced for
 * different viewport widths; making it easier to inspect/debug css
 *
 * Usage:
 * @include media-query(exclude-medium)    { ... }
 * @include media-query(medium-up-to-site) 	   { ... }
 * ... etc
 */
/**
 * [Adds styles to allow an element's height scale proportionatelly]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 */
/**
 * [Calculates the percentage aspect ratio (what % height is compared to the width)]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * *****REMEMBER TO USE MARGIN OR PADDING AND NOT TOP/BOTTOM******
 * [Calculates the center of an element in relation to a provided width and height.
 * Useful to place an absolute element at the center of another when
 * the positioned element cannot be the target's child ]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * [In the  awful case you can't use Flexbox to vertically align something]
 * @param  {[type]} $transform:       false         [Use transforms to align instead of the absolute trick]
 * @param  {[type]} $pos:             absolute      [position type]
 * @param  {[type]} $posAdj:          0             [position adjustment. If $transform is true, this value only affects the 'top' property.]
 * @param  {[type]} $alignHorizontal: false         [Includes horizontal alignment]
 */
/**
 * Generate Enumerated Class
 * Iterates from 0 to the specified length and generates classes that set the specified property
 * @param  {[String]} $classname:       required      [Required: Specify the class name]
 * @param  {[String]} $property:        $classname    [Optional: Specify the enumerated property (if it's different from the name of the class)]
 * @param  {[Number]} $length:          10            [Optional: Specify the end of the loop]
 * @param  {[String]} $units:           null          [Optional: specify units to append to the enumerated property]
 */
/**
 * [Strip the pesky units from values]
 * @param  {[Number]} $value
 */
/**
 * [Fluid Type]
 */
/*------------------------------------*\
  #EXTERNALS
\*------------------------------------*/
.store-locator__detect-location {
  margin-top: .5rem; }

.store-locator__result-check:checked + .store-locator__result-content {
  background-color: #E6E9ED; }

.store-locator__result-content {
  display: block;
  padding: 1.25rem 1rem; }
  .store-locator__result-content:hover {
    cursor: pointer;
    background-color: #F6F6F8; }

.store-locator__form {
  margin-bottom: 3rem; }

.store-locator__results {
  overflow: auto; }

.store-locator__result-item {
  position: relative;
  border-bottom: solid 0.0625rem #E6E9ED; }

.store-locator__no-results {
  margin: auto; }

.store-locator__actions {
  padding-top: 1rem;
  padding-bottom: 1rem; }

@media (min-width: 48rem) {
  .store-locator__results {
    max-height: 30rem; } }

@media (max-width: 47.9375rem) {
  .store-locator--modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: inherit; }
    .store-locator--modal .store-locator__form {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .store-locator--modal .store-locator__results {
      -ms-flex-negative: 1;
          flex-shrink: 1;
      max-height: none; }
    .store-locator--modal .store-locator__actions {
      margin-top: auto; }
  .store-locator__results {
    max-height: 22rem; } }

/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
.product-gallery--pdp {
  width: 100%; }

.product-gallery__item {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.product-zoom__arrow {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.product-zoom__arrow--prev {
  left: 0; }

.product-zoom__arrow--next {
  right: 0; }

@media (min-width: 48rem) {
  .product-zoom__arrow {
    width: 5rem;
    font-size: 3rem; } }

.pdp {
  position: relative; }

.pdp-main__price {
  margin-bottom: 1.25rem; }

.pdp-main__social {
  margin-top: 1.875rem; }

.pdp-main__section--actions {
  position: relative; }

@media (min-width: 48rem) {
  .pdp {
    margin-top: 2.25rem;
    margin-bottom: 4rem; }
  .pdp-main__details {
    padding-left: 2.75rem; }
  .pdp-main__section:not(:last-child) {
    margin-bottom: 1.875rem;
    padding-bottom: 2rem;
    border-bottom: solid 0.0625rem #E6E9ED; }
  .pdp-main__number-rating {
    margin-top: 1.625rem; }
  .pdp-main__availability {
    margin-top: 2.25rem; }
  .pdp-main__promotions {
    margin-bottom: .875rem; } }

@media (max-width: 47.9375rem) {
  .pdp {
    margin-top: 1rem;
    margin-bottom: 3rem; }
  .pdp-main__section {
    margin-top: 1.25rem; }
  .pdp-main__section--actions {
    padding-top: 1.25rem;
    padding-bottom: 1.75rem;
    border-top: solid 0.0625rem #CCCCCC;
    border-bottom: solid 0.0625rem #CCCCCC; }
  .pdp-main__number-rating {
    margin-top: 1rem; }
  .pdp-main__availability {
    margin-top: 3rem; } }

@media (min-width: 48rem) {
  .pdp__details {
    margin-top: 2rem;
    margin-bottom: 3rem; }
  .pdp__details-item:not(:last-child) {
    margin-bottom: 1.5rem; } }

@media (max-width: 47.9375rem) {
  .pdp__details {
    margin-bottom: 2rem; }
  .pdp__details-item {
    border-bottom: solid 0.0625rem #CCCCCC; }
  .pdp__details-title {
    padding-top: .45em;
    padding-bottom: .45em;
    cursor: pointer; }
  .pdp__details-description {
    margin-top: .625rem;
    margin-bottom: 1.5rem; }
    .pdp__details-description:not(.toggle--active) {
      display: none; } }

.pdp__reviews {
  margin-bottom: 3rem; }

.set-item {
  position: relative; }

.pdp-bundle__item {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem; }

.pdp-bundle__main {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.0625rem solid #E6E9ED; }

.pdp-bundle__label {
  margin-bottom: 1.25rem; }

@media (min-width: 48rem) {
  .pdp-bundle__main {
    padding-bottom: 2rem; } }

/*------------------------------------*\
  #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
  #COLORS
\*------------------------------------*/
/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
.pdp--footerdesclaimer {
  background-color: #f5f5f7;
  padding: 16px 0;
  text-align: center;
  margin-top: 1rem; }

.pdp-btn-addcart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .pdp-btn-addcart .button--primary.form-submit {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-right: 10px;
    height: 64px;
    max-width: 100%;
    width: 100%; }
    @media (max-width: 47.9375rem) {
      .pdp-btn-addcart .button--primary.form-submit {
        height: 48px;
        padding: 0 4.5rem; } }
    .pdp-btn-addcart .button--primary.form-submit.limit-add-button {
      color: #66666a;
      background-color: #d7d7d9;
      pointer-events: none; }
    .pdp-btn-addcart .button--primary.form-submit.hide {
      display: none; }
    .pdp-btn-addcart .button--primary.form-submit.where-to-buy {
      width: 100%; }
      .pdp-btn-addcart .button--primary.form-submit.where-to-buy:hover {
        background-color: #750010; }
  .pdp-btn-addcart .button--icon.button--icon-wishlist .product-tile__wishlist-add {
    display: block; }
  .pdp-btn-addcart .button--icon.button--icon-wishlist .product-tile__wishlist-remove {
    display: none; }
  .pdp-btn-addcart .button--icon.button--icon-wishlist.set--in-wishlist .product-tile__wishlist-add {
    display: none; }
  .pdp-btn-addcart .button--icon.button--icon-wishlist.set--in-wishlist .product-tile__wishlist-remove {
    display: block; }
  .pdp-btn-addcart .button--icon.button--icon-wishlist .icon {
    height: 25px; }
  .pdp-btn-addcart .button--icon.button--icon-wishlist .add, .pdp-btn-addcart .button--icon.button--icon-wishlist .remove {
    height: 25px; }
  .pdp-btn-addcart .button--icon.button--icon-wishlist .add {
    margin-top: 0.25rem;
    display: block; }
    @media (max-width: 47.9375rem) {
      .pdp-btn-addcart .button--icon.button--icon-wishlist .add {
        margin-top: 0; } }
  .pdp-btn-addcart .button--icon.button--icon-wishlist .remove {
    display: none; }
  .pdp-btn-addcart .button--icon.button--icon-wishlist.set--in-wishlist .add {
    display: none; }
  .pdp-btn-addcart .button--icon.button--icon-wishlist.set--in-wishlist .remove {
    display: block; }

.pdp-ctalinks__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .pdp-ctalinks__links > a {
    font-weight: normal;
    margin: 0 20px; }

.tabs__link--local-tasks.toggle--active,
.tabs__link.toggle--active {
  color: #ffffff; }

.tabs__link--local-tasks.toggle--active::before,
.tabs__link.toggle--active::before {
  background: #18191d; }

.available-option {
  float: left;
  padding-left: 10px; }

@media (min-width: 48rem) {
  .pdp-prod-buttons .checkout--cart-btn a,
  .pdp-prod-buttons .checkout--cart-btn input[type=submit] {
    width: 100%; }
  .add-to-cart-btn {
    width: 100%;
    max-width: calc(100% - 72px);
    margin-right: 10px; }
    .add-to-cart-btn .button--primary {
      width: 100%; } }

@media (max-width: 47.9375rem) {
  .add-to-cart-btn {
    width: 100%; } }

.thirdpartycertified__content {
  width: 52%;
  margin: 3rem auto 3.5rem;
  text-align: center;
  font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif;
  font-size: 18px; }
  @media (max-width: 64rem) {
    .thirdpartycertified__content {
      width: 85%; } }
  @media (max-width: 47.9375rem) {
    .thirdpartycertified__content {
      width: 100%; } }
  .thirdpartycertified__content .certified--img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2rem; }
    .thirdpartycertified__content .certified--img .content-tile__media {
      width: 11%; }
      @media (max-width: 47.9375rem) {
        .thirdpartycertified__content .certified--img .content-tile__media {
          width: 20%; } }
  .thirdpartycertified__content .thirdpartycertified___copy h2 {
    font-size: 36px;
    margin-bottom: 1.4rem; }
    @media (max-width: 47.9375rem) {
      .thirdpartycertified__content .thirdpartycertified___copy h2 {
        font-size: 25px;
        margin-bottom: 2rem; } }
  .thirdpartycertified__content .thirdpartycertified-block__body {
    margin: 0 auto 2rem; }
    @media (max-width: 47.9375rem) {
      .thirdpartycertified__content .thirdpartycertified-block__body {
        margin: 0 auto 1rem; } }

@media (max-width: 47.9375rem) {
  .experience-deltafaucet_assets-imagewithtextandbtn {
    margin: 0 -1rem; } }

.wateranalysisimgbtntextblock {
  padding: 1rem 0rem 1.875rem;
  max-width: 90rem;
  width: 100%;
  margin: 0 auto 3rem; }
  @media (max-width: 47.9375rem) {
    .wateranalysisimgbtntextblock {
      padding: 0rem 0rem 1.875rem;
      background: #F5F5F7;
      margin: 0 auto; } }
  @media (max-width: 64rem) {
    .wateranalysisimgbtntextblock .content-tile__aspect-ratio--square img {
      min-height: 340px; } }
  @media (max-width: 47.9375rem) {
    .wateranalysisimgbtntextblock .content-tile__aspect-ratio--square img {
      min-height: unset; } }
  .wateranalysisimgbtntextblock .content-tile,
  .wateranalysisimgbtntextblock .content-tile__aspect-ratio--square {
    padding: 0;
    max-height: 556px; }
    .wateranalysisimgbtntextblock .content-tile ::before,
    .wateranalysisimgbtntextblock .content-tile__aspect-ratio--square ::before {
      padding-bottom: 50%; }
      @media (max-width: 47.9375rem) {
        .wateranalysisimgbtntextblock .content-tile ::before,
        .wateranalysisimgbtntextblock .content-tile__aspect-ratio--square ::before {
          padding-bottom: 85%; } }
    @media (max-width: 47.9375rem) {
      .wateranalysisimgbtntextblock .content-tile,
      .wateranalysisimgbtntextblock .content-tile__aspect-ratio--square {
        max-height: unset; } }
  .wateranalysisimgbtntextblock .content-tile__content-wrap {
    display: inline-table;
    width: 90%;
    top: 20%;
    margin-top: 0; }
    @media (max-width: 77.5rem) {
      .wateranalysisimgbtntextblock .content-tile__content-wrap {
        margin: 2rem auto 0;
        top: 7%; } }
    @media (max-width: 64rem) {
      .wateranalysisimgbtntextblock .content-tile__content-wrap {
        margin: 2rem auto 0;
        top: 0; } }
    @media (max-width: 47.9375rem) {
      .wateranalysisimgbtntextblock .content-tile__content-wrap {
        position: relative;
        width: 100%;
        padding: 0 1rem;
        margin: 0.75rem auto 0;
        top: 0; } }
  .wateranalysisimgbtntextblock .content-tile__content {
    color: #fff;
    width: 33%;
    float: right; }
    @media (max-width: 64rem) {
      .wateranalysisimgbtntextblock .content-tile__content {
        width: 46%; } }
    @media (max-width: 47.9375rem) {
      .wateranalysisimgbtntextblock .content-tile__content {
        color: #000;
        width: 100%;
        margin-top: 0rem; } }
    .wateranalysisimgbtntextblock .content-tile__content h2.content-tile__title {
      font-family: 'Trade_Gothic_LT_Bold', Arial, Helvetica, sans-serif;
      font-size: 36px;
      letter-spacing: normal;
      line-height: 41px; }
      @media (max-width: 47.9375rem) {
        .wateranalysisimgbtntextblock .content-tile__content h2.content-tile__title {
          font-size: 25px;
          line-height: 40px; } }
    .wateranalysisimgbtntextblock .content-tile__content .content-tile__description {
      font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif;
      font-size: 18px;
      line-height: 27px; }
    .wateranalysisimgbtntextblock .content-tile__content .content-tile__actions .button {
      font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif;
      font-size: 1.125rem;
      width: auto;
      height: 64px;
      display: inline-block;
      letter-spacing: normal;
      font-weight: 700;
      padding: 1.2rem 2.7rem; }
      @media (max-width: 64rem) {
        .wateranalysisimgbtntextblock .content-tile__content .content-tile__actions .button {
          padding: 1.2rem 1rem; } }
      @media (max-width: 47.9375rem) {
        .wateranalysisimgbtntextblock .content-tile__content .content-tile__actions .button {
          display: grid; } }

.purifiedwater-main {
  padding: 3rem 0rem 1.875rem;
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
  font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif;
  text-align: left;
  color: #18191D; }
  .purifiedwater-main .purifiedwater-block__content {
    display: grid;
    grid-auto-flow: column;
    width: 75%;
    margin: 0 auto; }
    @media (max-width: 64rem) {
      .purifiedwater-main .purifiedwater-block__content {
        grid-auto-flow: row;
        width: auto;
        margin: 0 0.5rem; } }
    .purifiedwater-main .purifiedwater-block__content .purifiedwater_img {
      margin-right: 4.5rem;
      grid-area: 1 / 1 / 4 / 2;
      position: relative; }
      @media (max-width: 64rem) {
        .purifiedwater-main .purifiedwater-block__content .purifiedwater_img {
          margin: 0 auto;
          grid-area: auto;
          width: 291px;
          height: 367px; } }
      .purifiedwater-main .purifiedwater-block__content .purifiedwater_img svg {
        width: auto;
        height: auto;
        padding-right: 3rem; }
        @media (max-width: 64rem) {
          .purifiedwater-main .purifiedwater-block__content .purifiedwater_img svg {
            width: 100%;
            height: 100%;
            padding-right: 0; } }
      .purifiedwater-main .purifiedwater-block__content .purifiedwater_img svg.imgsvg {
        margin: -200px 0 0 -397px; }
        @media (max-width: 64rem) {
          .purifiedwater-main .purifiedwater-block__content .purifiedwater_img svg.imgsvg {
            margin: -100px 0 0 -230px;
            width: 470px;
            height: 434px; } }
    .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__title {
      font-family: 'Trade_Gothic_LT_bold', Arial, Helvetica, sans-serif;
      font-size: 36px;
      font-weight: 700;
      line-height: 41.05px;
      letter-spacing: 0.5px;
      margin-top: 1rem;
      width: 80%; }
      @media (max-width: 64rem) {
        .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__title {
          -webkit-box-ordinal-group: 0;
              -ms-flex-order: -1;
                  order: -1;
          font-size: 25px;
          line-height: 28px;
          letter-spacing: 0.5px;
          text-align: center;
          margin-bottom: 2rem;
          margin-top: 0rem;
          width: 100%; } }
    .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body {
      font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif; }
      .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body p {
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        letter-spacing: -0.2px;
        width: 90%; }
        @media (max-width: 64rem) {
          .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body p {
            width: 100%;
            margin: 1rem auto 0;
            padding: 0; } }
      .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body .purifiedwater-block__sub_title {
        font-family: 'Trade_Gothic_LT_Bold', Arial, Helvetica, sans-serif;
        text-decoration: underline;
        margin: 1rem 0 0.5rem 2rem;
        font-size: 24px; }
      .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul {
        margin: 0rem 0 0 3rem;
        padding: 0; }
        .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li {
          font-size: 22px;
          font-weight: 400;
          line-height: 32px;
          letter-spacing: -0.2px;
          position: relative;
          color: #000;
          text-indent: -3.5rem;
          padding-left: 2.5rem; }
          @media (max-width: 64rem) {
            .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li {
              line-height: 28px; } }
          .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li b {
            font-family: 'Trade_Gothic_LT_Bold', Arial, Helvetica, sans-serif;
            width: 3.5rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            float: left;
            text-align: center; }
          .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li::before {
            content: '';
            border-radius: 50%;
            width: 21px;
            height: 21px;
            display: inline-block;
            background-color: #58595B;
            border: 2px solid #18191D;
            position: absolute;
            top: 7px;
            left: -45px; }
          .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li:nth-child(1)::before {
            background-color: #58595B; }
          .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li:nth-child(2)::before {
            background-color: #939598; }
          .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li:nth-child(3)::before {
            background-color: #BCBEC0; }
          .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li:nth-child(4)::before {
            background: #F2F1EF; }
          .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li:hover, .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li.hovreffect {
            color: #58595B; }
            .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li:hover::before, .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body ul li.hovreffect::before {
              background-color: #C0E1ED; }
      .purifiedwater-main .purifiedwater-block__content .purifiedwater-block__body .purifiedwater-block__requierdetails {
        margin: 1rem 0 0 5.25rem; }

.experience-deltafaucet_assets-wqcarousel {
  max-width: 90rem;
  width: 84%;
  margin: 0 auto;
  padding: 1rem 0rem 6.2rem; }
  @media (max-width: 47.9375rem) {
    .experience-deltafaucet_assets-wqcarousel {
      width: 100%;
      padding: 1rem 0rem 3rem; } }
  .experience-deltafaucet_assets-wqcarousel .carousel-title {
    font-family: 'Trade_Gothic_LT_bold', Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 41.05px;
    letter-spacing: 0.5px;
    color: #18191D;
    margin-bottom: 40px; }
    @media (max-width: 47.9375rem) {
      .experience-deltafaucet_assets-wqcarousel .carousel-title {
        font-size: 25px;
        font-weight: 700;
        line-height: 28.83px;
        text-align: center;
        margin-bottom: 20px; } }
    .experience-deltafaucet_assets-wqcarousel .carousel-title.text-align-Left {
      text-align: left; }
      @media (max-width: 47.9375rem) {
        .experience-deltafaucet_assets-wqcarousel .carousel-title.text-align-Left {
          text-align: center; } }
    .experience-deltafaucet_assets-wqcarousel .carousel-title.text-align-Center {
      text-align: center; }
    .experience-deltafaucet_assets-wqcarousel .carousel-title.text-align-Right {
      text-align: right; }
      @media (max-width: 47.9375rem) {
        .experience-deltafaucet_assets-wqcarousel .carousel-title.text-align-Right {
          text-align: center; } }
  .experience-deltafaucet_assets-wqcarousel ul.slick-dots {
    margin-top: 3rem; }

.wq-carousel .carousel-inner {
  padding: 0; }

.wq-carousel .slick-track {
  margin: 0; }

.wq-carousel .carousel-item {
  max-width: 100%;
  padding: 0 2.6rem 0 0.5rem; }
  @media (max-width: 47.9375rem) {
    .wq-carousel .carousel-item {
      padding: 0 0.5rem; } }

.wq-carousel .slick-slide img {
  max-height: 259px;
  height: 259px;
  width: 437px; }

.wq-carousel .content-tile__content-wrap.component-overlay {
  position: unset;
  padding: 0 !important; }
  .wq-carousel .content-tile__content-wrap.component-overlay .content-tile__title {
    font-family: 'Trade_Gothic_LT_Bold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: -0.2px;
    text-align: left;
    color: #18191D;
    margin-top: 2rem;
    text-transform: capitalize; }
  .wq-carousel .content-tile__content-wrap.component-overlay .content-tile__description {
    font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.2px;
    text-align: left;
    color: #18191D; }

.wq-carousel .content-tile__aspect-ratio--square {
  position: unset; }
  .wq-carousel .content-tile__aspect-ratio--square:before {
    padding-bottom: 0; }
  .wq-carousel .content-tile__aspect-ratio--square .component-overlay--center {
    position: unset; }

.experience-deltafaucet_assets-waterShowerFilter {
  margin: 0; }
  @media (max-width: 47.9375rem) {
    .experience-deltafaucet_assets-waterShowerFilter {
      margin: 0 -1rem; } }

.wsf-container {
  width: 83%;
  margin: 4rem auto; }
  @media (max-width: 47.9375rem) {
    .wsf-container {
      width: 100%;
      margin: 0.75rem auto 1rem; } }
  .wsf-container .wsf-heading-text h2 {
    font-family: 'Trade_Gothic_LT_bold', Arial, Helvetica, sans-serif;
    font-size: 36.49px;
    font-weight: 700;
    line-height: 41.05px;
    letter-spacing: 0.5px;
    text-align: left;
    color: #18191D;
    margin-top: 3.2rem;
    width: 84%; }
    @media (max-width: 47.9375rem) {
      .wsf-container .wsf-heading-text h2 {
        font-size: 25.63px;
        line-height: 28.83px;
        margin: 46px 0 0 20px; } }
  @media (max-width: 47.9375rem) {
    .wsf-container .wsf-text {
      padding: 0; } }
  .wsf-container .wsf-text-block {
    font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.2px;
    text-align: left;
    color: #18191D;
    width: 89%; }
    @media (max-width: 47.9375rem) {
      .wsf-container .wsf-text-block {
        width: 85%; } }
    .wsf-container .wsf-text-block p {
      margin: 0.5rem 0 0 0.5rem;
      width: 95%; }
      @media (max-width: 47.9375rem) {
        .wsf-container .wsf-text-block p {
          margin: 1.3rem 0 0 1.2rem; } }
    .wsf-container .wsf-text-block ul {
      margin: 1rem 0 0 1.5rem;
      padding: 0; }
      @media (max-width: 47.9375rem) {
        .wsf-container .wsf-text-block ul {
          margin: 1rem 0 0 2.5rem; } }
    .wsf-container .wsf-text-block li {
      list-style: none;
      padding-bottom: 0.25rem;
      position: relative;
      letter-spacing: -0.2px;
      font-size: 16px; }
      @media (max-width: 47.9375rem) {
        .wsf-container .wsf-text-block li {
          font-size: 18px;
          padding-bottom: 1rem; } }
      .wsf-container .wsf-text-block li:before {
        content: '';
        display: inline-block;
        background-color: #AC0535;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        position: absolute;
        top: 11px;
        left: -15px; }

.wsfcontainer-left .image--align-left {
  float: left;
  width: 600px;
  height: 464px;
  margin-right: 8rem;
  overflow: hidden; }
  @media (max-width: 64rem) {
    .wsfcontainer-left .image--align-left {
      float: none;
      width: 100%;
      margin: 0rem auto; } }
  @media (max-width: 47.9375rem) {
    .wsfcontainer-left .image--align-left {
      height: 293px; } }
  .wsfcontainer-left .image--align-left img {
    width: 600px;
    height: 464px; }
    @media (max-width: 47.9375rem) {
      .wsfcontainer-left .image--align-left img {
        width: 100%;
        height: 100%; } }

.wsfcontainer-right .image--align-right {
  float: right;
  width: 600px;
  height: 464px;
  margin: 0 2rem 0 6rem;
  overflow: hidden; }
  @media (max-width: 64rem) {
    .wsfcontainer-right .image--align-right {
      float: none;
      width: 100%;
      margin: 0rem auto; } }
  @media (max-width: 47.9375rem) {
    .wsfcontainer-right .image--align-right {
      height: 293px; } }
  .wsfcontainer-right .image--align-right img {
    width: 600px;
    height: 464px; }
    @media (max-width: 47.9375rem) {
      .wsfcontainer-right .image--align-right img {
        width: 100%;
        height: 100%; } }

.addon-block,
.compatibleProducts-block {
  margin-top: 2rem; }
  .addon-block .blockTitle,
  .compatibleProducts-block .blockTitle {
    font-family: 'Trade_Gothic_LT_Bold', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #18191D;
    letter-spacing: -0.2px;
    text-align: left;
    margin: 1rem 0;
    text-transform: capitalize; }
  .addon-block .eachBlock,
  .compatibleProducts-block .eachBlock {
    border: 1px solid #D7D7D9;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem; }
    .addon-block .eachBlock .img_block,
    .compatibleProducts-block .eachBlock .img_block {
      width: 30%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      justify-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .addon-block .eachBlock .cont_block,
    .compatibleProducts-block .eachBlock .cont_block {
      width: 70%; }
      .addon-block .eachBlock .cont_block .subHeading,
      .compatibleProducts-block .eachBlock .cont_block .subHeading {
        font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #18191D;
        margin-bottom: 0.5rem;
        text-transform: capitalize;
        letter-spacing: normal; }
      .addon-block .eachBlock .cont_block .description,
      .compatibleProducts-block .eachBlock .cont_block .description {
        font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        text-align: left;
        color: #77777A;
        margin-bottom: 1rem; }
      .addon-block .eachBlock .cont_block .viewproductlink,
      .compatibleProducts-block .eachBlock .cont_block .viewproductlink {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-items: center;
        font-family: 'Trade_Gothic_LT_Bold', Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 16.8px;
        letter-spacing: 2px;
        text-align: left;
        color: #AC0535;
        text-transform: uppercase; }
  .addon-block .showmore,
  .compatibleProducts-block .showmore {
    display: block;
    padding: 8px 0px 8px 24px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F4F6));
    background-image: linear-gradient(#FFFFFF, #F3F4F6);
    font-family: 'Trade_Gothic_LT_Bold', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    letter-spacing: 2px;
    text-align: left;
    color: #AC0535;
    text-transform: uppercase;
    min-height: 56px; }
    @media (max-width: 47.9375rem) {
      .addon-block .showmore,
      .compatibleProducts-block .showmore {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e9e9e9));
        background-image: linear-gradient(#FFFFFF, #e9e9e9); } }
    .addon-block .showmore svg,
    .compatibleProducts-block .showmore svg {
      position: relative;
      top: 5px;
      margin-right: 10px; }

.main-container {
  padding: 4rem 0rem 5rem;
  max-width: 90rem;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 47.9375rem) {
    .main-container {
      padding: 4rem 0rem 5rem;
      max-width: unset;
      width: unset;
      margin: 0 -1rem;
      display: block; } }
  .main-container.bg-gary {
    background: #F5F5F7; }
  .main-container .block-title {
    font-family: 'Trade_Gothic_LT_Bold', Arial, Helvetica, sans-serif;
    font-size: 36.49px;
    font-weight: 700;
    line-height: 41.05px;
    letter-spacing: 0.5px;
    color: #18191D;
    margin-bottom: 2rem; }
    .main-container .block-title.text-center {
      text-align: center; }
    @media (max-width: 47.9375rem) {
      .main-container .block-title {
        font-size: 25px;
        line-height: 28.83px;
        width: 65%;
        margin: 0 auto 1rem; } }
  .main-container .mainblock-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .main-container .mainblock-content .carousel-item {
      max-width: 100%; }
      @media (max-width: 64rem) {
        .main-container .mainblock-content .carousel-item {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%; } }
      @media (max-width: 47.9375rem) {
        .main-container .mainblock-content .carousel-item {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
    .main-container .mainblock-content .seeandfeelcontentblock {
      max-width: 388px;
      height: 274px;
      background: #FFFFFF;
      padding: 2.6rem;
      margin: 0.5rem; }
      @media (max-width: 47.9375rem) {
        .main-container .mainblock-content .seeandfeelcontentblock {
          height: auto;
          margin: 0.5rem auto; } }
    .main-container .mainblock-content .content-tile__description {
      font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif;
      font-size: 24px;
      font-weight: 400;
      line-height: 32px;
      letter-spacing: -0.2px;
      text-align: left;
      color: #18191D; }
    .main-container .mainblock-content .content-tile__sig {
      font-family: 'Trade_Gothic_LT_Roman', Arial, Helvetica, sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 27px;
      letter-spacing: -0.20000000298023224px;
      text-align: left;
      color: #750010;
      padding-top: 1rem; }

.ebidet .block-title {
  margin-bottom: 3rem; }
  @media (max-width: 47.9375rem) {
    .ebidet .block-title {
      letter-spacing: 0.5px;
      width: 100%; } }

.ebidet .row,
.ebidet .row .col-3,
.ebidet .carousel-item {
  margin: 0;
  padding: 0; }

.ebidet .row .ebidetType-active-standard,
.ebidet .row .ebidetType-active-plus,
.ebidet .row .ebidetType-active-premium {
  background: #F5F5F7; }

.ebidet .row.iconblock .col-3 {
  padding: 3rem 0 0.5rem; }

.ebidet .ebidet_stander_premium {
  width: 64%;
  margin: 0 auto; }
  @media (max-width: 64rem) {
    .ebidet .ebidet_stander_premium {
      width: 90%; } }
  @media (max-width: 47.9375rem) {
    .ebidet .ebidet_stander_premium {
      width: 80%; } }
  @media (max-width: 47.9375rem) {
    .ebidet .ebidet_stander_premium .iconblock {
      display: none; } }

.ebidet .ebidet_stander_premium .mainblock-content,
.ebidet .carousel-inner {
  width: 100%;
  display: block; }

.ebidet .iconblock .content-tile__media {
  width: 92px;
  height: 100%;
  margin: 0 auto;
  display: inline-block; }

.ebidet .row .rowitem .col-3 {
  padding: 0.9rem 0; }
  .ebidet .row .rowitem .col-3:first-child {
    padding: 0.9rem 1rem 0.9rem 0; }

.ebidet .content-tile__title {
  font-family: 'Trade_Gothic_LT_Bold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18.96px;
  text-align: left;
  color: #18191D;
  margin-left: 2.5rem;
  letter-spacing: -0.2px;
  margin-bottom: 0;
  text-transform: capitalize; }
  @media (max-width: 47.9375rem) {
    .ebidet .content-tile__title {
      margin-left: 0rem;
      font-size: 14px;
      letter-spacing: 0px; } }

.ebidet .subText {
  font-family: 'Trade_Gothic_LT_Bold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #18191D;
  text-decoration: underline; }
  @media (max-width: 47.9375rem) {
    .ebidet .subText {
      padding: .5rem 0 !important;
      font-size: 14px; } }

.ebidet .rowitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D7D7D9; }

.ebidet .icon-tile--style-default {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  margin: auto;
  background: #C5C5C7; }
  .ebidet .icon-tile--style-default .check {
    position: relative; }
  .ebidet .icon-tile--style-default .check:before, .ebidet .icon-tile--style-default .check:after {
    position: absolute;
    left: 8px;
    top: 4px;
    content: ' ';
    height: 10px;
    width: 2px;
    background-color: #fff; }
  .ebidet .icon-tile--style-default .check:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .ebidet .icon-tile--style-default .check:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.ebidet .icon-tile--style-active {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  margin: auto;
  background-color: #AC0535; }
  .ebidet .icon-tile--style-active .check {
    display: inline-block;
    height: 9px;
    width: 6px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0px 6px 5px; }

.compatiblereplacementfilters-wrapper .compatibleProducts-block.showerFilterEnabled .eachBlock {
  margin-bottom: 1rem !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  .compatiblereplacementfilters-wrapper .compatibleProducts-block.showerFilterEnabled .eachBlock.more-items {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

.compatiblereplacementfilters-wrapper .compatibleProducts-block.showerFilterEnabled .showmore {
  display: none !important; }

@media print {
  .wateranalysisimgbtntextblock .content-tile__aspect-ratio--square {
    height: auto;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content; }
    .wateranalysisimgbtntextblock .content-tile__aspect-ratio--square::before {
      padding-bottom: 0; }
    .wateranalysisimgbtntextblock .content-tile__aspect-ratio--square .component-overlay--center {
      position: relative; }
      .wateranalysisimgbtntextblock .content-tile__aspect-ratio--square .component-overlay--center img {
        width: 100%;
        height: 100%;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center; }
  .wsf-figure .image--align-left, .wsf-figure .image--align-right {
    height: auto; }
  #pdp_gallery .product-gallery--pdp {
    margin-bottom: 0; }
    #pdp_gallery .product-gallery--pdp .swiper-wrapper {
      width: 100% !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding-bottom: 0; }
      #pdp_gallery .product-gallery--pdp .swiper-wrapper .product-gallery__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100% !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important; }
        #pdp_gallery .product-gallery--pdp .swiper-wrapper .product-gallery__item .mz-figure {
          height: 275px; } }
        @media print and (min-width: 48rem) {
          #pdp_gallery .product-gallery--pdp .swiper-wrapper .product-gallery__item .mz-figure {
            height: 400px; } }

@media print {
          #pdp_gallery .product-gallery--pdp .swiper-wrapper .product-gallery__item .mz-figure .product-gallery__img {
            max-width: 100% !important;
            max-height: 100% !important;
            width: 100% !important;
            height: 100% !important;
            -o-object-fit: contain !important;
               object-fit: contain !important; } }


/*# sourceMappingURL=productMain.css.map*/