.model-compare {
  position: relative;
  background-color: #f1f1f1;
  padding: 1rem 0 4rem; }
  @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
    .model-compare {
      padding: 2rem 1rem; } }
  .model-compare__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
    @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
      .model-compare__container {
        overflow-x: scroll; } }
    .model-compare__container table {
      background-color: #fff;
      margin-right: .6rem; }
      .model-compare__container table:last-child {
        margin-right: 0; }
      .model-compare__container table tr:first-child td {
        font-weight: bold; }
      .model-compare__container table td {
        padding: .5rem .6rem .5rem 1rem;
        vertical-align: middle;
        height: 7em;
        line-height: 1.3; }
        .model-compare__container table td:last-child {
          padding-right: 1.6rem; }
        .model-compare__container table td.light-padding {
          padding: .5rem 0 .5rem .5rem; }
          @media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
            .model-compare__container table td.light-padding {
              padding: .5rem 0; } }
        .model-compare__container table td.inline {
          border: none; }
        .model-compare__container table td.right-line {
          border-right: 1px solid #d5d5d5; }
        .model-compare__container table td span {
          font-weight: 400;
          display: block; }
          .model-compare__container table td span.red {
            color: #cf000d; }
            .model-compare__container table td span.red.product-title {
              font-size: 1rem; }
          .model-compare__container table td span.right-stroke {
            border-right: 1px solid #d5d5d5;
            margin: 0 5px;
            display: inline; }
          .model-compare__container table td span.inline {
            display: inline;
            border: none; }
          .model-compare__container table td span.extra-padding {
            padding-right: 4rem; }
        .model-compare__container table td img {
          display: block;
          float: left;
          margin: 6px 6px 12px 0; }
        .model-compare__container table td.left-indent {
          padding-left: 2.75rem; }
        @media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
          .model-compare__container table td {
            font-size: .8rem; } }
        @media screen and (min-width: 64rem) {
          .model-compare__container table td {
            font-size: .85rem; } }
      .model-compare__container table:first-child {
        width: 16%;
        background-color: transparent; }
        @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
          .model-compare__container table:first-child {
            min-width: 180px; } }
        .model-compare__container table:first-child tr:first-child td {
          color: #fff;
          height: 2.8rem;
          font-size: 1rem; }
        .model-compare__container table:first-child tr, .model-compare__container table:first-child td {
          border: none; }
        .model-compare__container table:first-child td {
          font-weight: 600; }
      .model-compare__container table:nth-child(2) {
        width: 40%; }
        .model-compare__container table:nth-child(2) td {
          border-bottom: 1px solid #f1f1f1; }
        .model-compare__container table:nth-child(2) tr:first-child td {
          background-color: #cf000d;
          text-align: center;
          color: #fff;
          height: 2.8rem;
          font-size: 1rem; }
        .model-compare__container table:nth-child(2) tr:last-child td {
          border-bottom: none; }
      .model-compare__container table:nth-child(3) {
        width: 25%; }
        .model-compare__container table:nth-child(3) td {
          border-bottom: 1px solid #f1f1f1; }
        .model-compare__container table:nth-child(3) tr:first-child td {
          background-color: #000;
          text-align: center;
          color: #fff;
          height: 2.8rem;
          font-size: 1rem; }
        .model-compare__container table:nth-child(3) tr:last-child td {
          border-bottom: none; }
      .model-compare__container table:nth-child(4) {
        width: 15%; }
        .model-compare__container table:nth-child(4) td {
          border-bottom: 1px solid #f1f1f1; }
        .model-compare__container table:nth-child(4) tr:first-child td {
          background-color: #7f7f7f;
          text-align: center;
          color: #fff;
          height: 2.8rem;
          font-size: 1rem; }
        .model-compare__container table:nth-child(4) tr:last-child td {
          border-bottom: none; }
    .model-compare__container .twh-hybrid-column {
      width: 15% !important; }
    .model-compare__container .she-column {
      width: 50% !important; }
  @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
    .model-compare::after {
      content: "  > ";
      color: #333;
      background-color: #ccc;
      font-weight: bold;
      text-indent: 15px;
      position: absolute;
      top: calc(90% - 30px);
      right: 0;
      height: 60px;
      width: 30px;
      line-height: 58px;
      font-size: 18px;
      border-radius: 60px 0 0 60px; } }
  .model-compare__disclosure {
    font-weight: 400;
    line-height: 1.44;
    letter-spacing: 0.01em;
    margin: 0 0 1rem;
    font-size: 16px;
    font-size: 1rem;
    font-size: 0.875rem !important;
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;
    box-sizing: border-box;
    padding: 2rem 0;
    margin: auto; }
    @media screen and (min-width: 64rem) {
      .model-compare__disclosure {
        font-size: 18px;
        font-size: 1.125rem; } }
    .model-compare__disclosure:last-of-type {
      margin-bottom: 0; }
    @media screen and (min-width: 64rem) {
      .model-compare__disclosure {
        max-width: 775px; } }
    @media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
      .model-compare__disclosure {
        padding: 1rem 2rem; } }

.model-compare-refactored {
  position: relative; }
  .model-compare-refactored__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
      .model-compare-refactored__container {
        overflow-x: scroll; } }
    @media screen and (min-width: 48rem) {
      .model-compare-refactored__container {
        padding-left: 2.5rem; } }
    @media screen and (min-width: 80rem) {
      .model-compare-refactored__container {
        padding-left: 20px; } }
  .model-compare-refactored thead th {
    font-size: 1rem;
    color: #fff;
    font-weight: bold; }
  .model-compare-refactored .tankless-header, .model-compare-refactored .tank-header {
    padding: 1rem; }
  .model-compare-refactored .tankless-header {
    background-color: #cf000d; }
  .model-compare-refactored .tank-header {
    background-color: #000; }
  .model-compare-refactored .spacer {
    width: 1rem; }
  .model-compare-refactored .row-label {
    font-size: 14px;
    font-size: 0.875rem;
    position: relative;
    font-weight: 600;
    text-align: left;
    padding: 1rem 1rem 1rem 20px;
    width: 14%; }
    @media screen and (min-width: 48rem) {
      .model-compare-refactored .row-label {
        padding: 2rem 1rem 2rem 0; } }
    @media screen and (min-width: 80rem) {
      .model-compare-refactored .row-label {
        padding-left: 40px; } }
    .model-compare-refactored .row-label img {
      position: absolute;
      left: -12px;
      top: 50%;
      transform: translateY(-50%); }
      @media screen and (min-width: 48rem) {
        .model-compare-refactored .row-label img {
          left: -30px; } }
      @media screen and (min-width: 80rem) {
        .model-compare-refactored .row-label img {
          left: 8px; } }
  .model-compare-refactored .series-links a {
    display: inline-block;
    margin-bottom: 0; }
    .model-compare-refactored .series-links a + a:before {
      content: '';
      border-left: 1px solid #d5d5d5;
      padding-left: 0.5rem;
      margin-left: 0.5rem; }
  .model-compare-refactored .table-cell {
    background-color: #fff;
    padding: 1rem;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1; }
    @media screen and (min-width: 48rem) {
      .model-compare-refactored .table-cell {
        padding: 2rem 1rem; } }
    .model-compare-refactored .table-cell.no-right-border {
      border-right: none; }
  @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
    .model-compare-refactored::after {
      content: "  > ";
      color: #333;
      background-color: #ccc;
      font-weight: bold;
      text-indent: 15px;
      position: absolute;
      top: calc(90% - 30px);
      right: 0;
      height: 60px;
      width: 30px;
      line-height: 58px;
      font-size: 18px;
      border-radius: 60px 0 0 60px; } }

/*# sourceMappingURL=model-compare.css.map */