﻿.section-fat {
  /*  vv: commenting this out because the Whole home solutions slider jumps to first slide when you click right arrow
    
    * {
        @include transition();
    }

*/ }
  .section-fat .fat-hidden {
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none; }
    .section-fat .fat-hidden.show {
      max-height: max-content;
      opacity: 1;
      overflow: visible;
      pointer-events: auto; }
    .section-fat .fat-hidden:not(.show) {
      padding: 0px !important;
      margin: 0 !important; }
  .section-fat .header-panel {
    text-align: center; }
  .section-fat .header-section {
    padding: 40px 0px; }
  .section-fat .fat-solution-intro {
    padding: 40px 0px; }
    .section-fat .fat-solution-intro h4 {
      margin: 20px 0px; }
    .section-fat .fat-solution-intro p {
      max-width: 1000px;
      margin: auto;
      padding: 20px; }
    .section-fat .fat-solution-intro .fat-intro-action {
      margin: 10px 0px 0px; }
  .section-fat .weather-info {
    text-align: center; }
    .section-fat .weather-info p {
      font-weight: bold; }
  .section-fat .fat-intro p {
    max-width: 800px;
    margin: 12px auto;
    text-align: center; }
  .section-fat .to-start {
    max-width: 800px;
    margin: 0 auto; }
    .section-fat .to-start:nth-child(2) {
      margin-bottom: 12px; }
  .section-fat .to-start-form .form-group {
    max-width: 800px;
    margin: 0 auto; }
  .section-fat .to-start-header {
    font-size: 1.25rem; }
  .section-fat .fat-questions {
    max-width: 776px;
    margin: auto; }
  .section-fat .question {
    text-align: center;
    margin: 40px 0px; }
    .section-fat .question .question-text {
      padding: 24px; }
    .section-fat .question .modal-body {
      text-align: left; }
    .section-fat .question.invalid .question-text {
      color: #186e73; }
    .section-fat .question .tech-tooltip {
      background-image: url("../images/info-icon-red.svg?v=2");
      position: relative;
      top: 4px; }
    .section-fat .question .options {
      display: flex;
      justify-content: center;
      flex-direction: row;
      flex-wrap: wrap; }
    .section-fat .question .fat-note {
      margin: 12px 0px;
      border-left-width: 5px; }
    .section-fat .question .list-content {
      width: 240px;
      height: 180px;
      margin: 12px;
      display: flex;
      flex-direction: column; }
      @media (min-width: 1200px) {
        .section-fat .question .list-content:first-child {
          margin-left: 0px; }
        .section-fat .question .list-content:last-child {
          margin-right: 0px; } }
      .section-fat .question .list-content img {
        flex-grow: 3;
        filter: grayscale(100%);
        opacity: .7;
        margin: 12px;
        width: auto;
        max-height: 98px; }
      .section-fat .question .list-content .question-option {
        transition: none;
        padding: 12px;
        flex-grow: 0;
        text-align: left; }
        .section-fat .question .list-content .question-option * {
          transition: none; }
        .section-fat .question .list-content .question-option span {
          display: block;
          padding: 4px 0px 0px; }
        .section-fat .question .list-content .question-option .option-info {
          font-size: .75rem;
          color: #87867E; }
      .section-fat .question .list-content:hover .question-option .option-title, .section-fat .question .list-content.selected .question-option .option-title {
        color: #186e73;
        font-weight: bold; }
      .section-fat .question .list-content:hover img, .section-fat .question .list-content.selected img {
        filter: none;
        opacity: 1; }
  .section-fat .fat-results-carousel .slick-list {
    padding: 24px 0px; }
  .section-fat .fat-results-carousel .list-content {
    margin: 0px 3.5px;
    border: 1px solid #eee;
    min-width: 376px;
    max-width: 386px; }
    .section-fat .fat-results-carousel .list-content .card-image {
      height: 216px; }
    .section-fat .fat-results-carousel .list-content:after {
      pointer-events: none; }
    .section-fat .fat-results-carousel .list-content p.card-title {
      font-weight: bold !important;
      font-size: 1.250rem !important; }
  .section-fat .fat-results-carousel .category-wrap {
    padding-left: 0px; }
  .section-fat .fat-results-carousel .carousel-card {
    max-width: 386px !important;
    width: auto !important; }
    .section-fat .fat-results-carousel .carousel-card p.card-text {
      -webkit-line-clamp: 3;
      font-size: .875rem; }
  .section-fat .list-content .action {
    padding-top: 24px;
    text-align: center; }
    .section-fat .list-content .action a.primary-btn {
      display: inline-flex;
      align-items: center; }
      .section-fat .list-content .action a.primary-btn img {
        width: 20px;
        display: inline-block; }
  .section-fat .outdoorresult-holder .carousel-card {
    margin-top: 60px; }
  .section-fat .whole-home-solutions-results .list-content,
  .section-fat .fat-results-carousel .list-content {
    cursor: auto; }
    .section-fat .whole-home-solutions-results .list-content:not(.selected):hover:after, .section-fat .whole-home-solutions-results .list-content:not(.selected):hover:before,
    .section-fat .fat-results-carousel .list-content:not(.selected):hover:after,
    .section-fat .fat-results-carousel .list-content:not(.selected):hover:before {
      opacity: 0 !important; }
  .section-fat .cooling-heating {
    display: flex;
    padding-bottom: 12px; }
    .section-fat .cooling-heating li {
      display: flex;
      padding-right: 12px; }
      .section-fat .cooling-heating li img {
        padding-right: 4px;
        width: 24px !important; }
      .section-fat .cooling-heating li span {
        font-weight: bold;
        padding: 10px 0px; }
        @media (min-width: 1200px) {
          .section-fat .cooling-heating li span {
            padding: 0px; } }
      .section-fat .cooling-heating li span.kw {
        font-size: .625rem; }
  .section-fat .recommendation {
    padding: 60px 0px;
    text-align: center; }
  .section-fat .other-option {
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none; }
    .section-fat .other-option.show {
      max-height: max-content;
      opacity: 1;
      overflow: visible;
      pointer-events: auto; }
  .section-fat .features ul {
    display: flex;
    flex-wrap: wrap; }
    .section-fat .features ul li img {
      width: 40px; }
  .section-fat .features .features-header {
    padding: 8px 0px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    font-size: .725rem;
    color: #424242;
    font-weight: bold; }
  .section-fat .features .features-header:after {
    content: "";
    height: 1px;
    width: calc(100% - 24px);
    background-color: #eee;
    position: absolute;
    left: 90px;
    top: 16px; }
  .section-fat .action-row {
    margin: 20px auto 60px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .section-fat .fat-note {
    border-left: 2px solid #186e73;
    padding-left: 16px;
    text-align: left; }
    .section-fat .fat-note h6 {
      color: #186e73;
      margin-bottom: 4px;
      padding-left: 32px;
      background: url("../images/info-icon-red.svg?v=2") no-repeat left center;
      padding: 2px 0px 2px 28px; }
  .section-fat .fat-rooms {
    border: 1px solid #DAD9D6; }
  .section-fat .rooms-nav {
    align-self: center; }
    .section-fat .rooms-nav > div {
      display: flex; }
      .section-fat .rooms-nav > div ul {
        display: flex; }
        .section-fat .rooms-nav > div ul li a {
          padding: 24px 15px;
          font-weight: bold;
          color: #000; }
        .section-fat .rooms-nav > div ul li.active a {
          color: #186e73;
          border-bottom: 4px solid #186e73; }
    .section-fat .rooms-nav .rooms-nav-label {
      padding: 24px 15px;
      color: #87867E;
      font-size: .725rem;
      font-weight: bold; }
  .section-fat .rooms-header {
    align-self: center; }
    .section-fat .rooms-header h3 {
      margin: 0px;
      padding-left: 50px; }
      .section-fat .rooms-header h3 a {
        font-size: .825rem; }
  .section-fat .small-room img {
    transform: scale(0.6); }
  .section-fat .medium img {
    transform: scale(0.7); }
  .section-fat .large img {
    transform: scale(0.8); }
  .section-fat .extralarge img {
    transform: scale(0.95); }
  .section-fat .over img {
    transform: scale(1.05); }
  .section-fat .desktop-hero-cta .desktop-hero-section .hero-banner .hero-cta-contant .cta-btn {
    margin-left: 5px; }
    .section-fat .desktop-hero-cta .desktop-hero-section .hero-banner .hero-cta-contant .cta-btn img {
      border-radius: 0px; }
  .section-fat .whole-home-solutions-results {
    margin-top: 60px; }
    .section-fat .whole-home-solutions-results .card {
      min-width: 376px;
      max-width: 386px;
      margin-right: 12px;
      border: 1px solid #eee; }
      @media (min-width: 1200px) {
        .section-fat .whole-home-solutions-results .card {
          margin-bottom: 0px; } }
    .section-fat .whole-home-solutions-results .card-image {
      height: 216px; }
    .section-fat .whole-home-solutions-results .list-content {
      margin-bottom: 24px;
      padding-bottom: 24px; }
      .section-fat .whole-home-solutions-results .list-content .whole-units {
        display: flex;
        flex-direction: column; }
        @media (min-width: 1200px) {
          .section-fat .whole-home-solutions-results .list-content .whole-units {
            flex-direction: row; } }
    .section-fat .whole-home-solutions-results .card-header {
      background-color: #666;
      border-radius: 0px;
      padding: 5px;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      font-size: .875rem; }
    .section-fat .whole-home-solutions-results .category-header {
      padding: 12px 0px 24px; }
  .section-fat .capacity-match {
    position: absolute;
    top: 12px;
    right: 12px; }
  .section-fat .email-results-panel {
    text-align: left;
    padding: 12px 20px; }
  .section-fat .email-results-panel input {
    margin-right: 12px; }
  .section-fat .cat-sub-title {
    color: #87867E;
    font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .75rem; }
  .section-fat .category-header {
    text-align: center; }
    .section-fat .category-header > div {
      padding-bottom: 24px; }
    .section-fat .category-header .cat-title {
      font-size: 1.75rem;
      font-family: 'FujitsuSansMedium';
      padding-bottom: 36px; }
    .section-fat .category-header .cat-description {
      font-size: 1.125rem;
      line-height: 1.125rem;
      font-family: Arial;
      color: #57564F; }
  .section-fat .category-group {
    padding-bottom: 24px; }
    @media (min-width: 1200px) {
      .section-fat .category-group {
        padding-bottom: 48px; } }
  .section-fat .features img {
    max-width: 45px; }
  .section-fat .btn-addroom, .section-fat .btn-solutions-multi-outdoor {
    min-width: 301px;
    margin: 0px 0px 24px;
    max-width: 100%; }
  .section-fat .info-icon {
    position: absolute;
    right: 12px; }
    .section-fat .info-icon .fat-info-popup {
      display: block !important;
      width: 24px;
      height: 24px;
      padding: 0px !important; }
      .section-fat .info-icon .fat-info-popup img {
        width: 20px; }
  .section-fat .fat-next-steps .primary-btn {
    margin: 12px 0px; }
  .section-fat .fat-room-config .tabs-wrap {
    transition: none; }
  .section-fat .rooms-summary {
    padding-top: 40px; }
    .section-fat .rooms-summary > p {
      text-align: center;
      padding: 0px 0px 24px; }
  .section-fat .hero-banner.no-image-intro {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between; }
    @media (min-width: 1200px) {
      .section-fat .hero-banner.no-image-intro {
        flex-direction: row-reverse; } }
    .section-fat .hero-banner.no-image-intro .actions {
      margin: 24px 0px;
      max-height: 38px;
      align-self: center; }
      @media (min-width: 1200px) {
        .section-fat .hero-banner.no-image-intro .actions {
          margin-top: 0px; } }

.product-detail-pop .popup-header {
  font-family: 'FujitsuSansMedium';
  font-size: 1.5rem;
  padding: 24px 0px; }
  .product-detail-pop .popup-header label {
    display: block;
    font-size: 1rem; }

.product-detail-pop ul.cooling-heating {
  padding: 0px 0px 24px 0px; }
  @media (min-width: 1200px) {
    .product-detail-pop ul.cooling-heating {
      margin-top: 36px; } }

.product-detail-pop .popup-section {
  padding: 36px 0px; }

.product-detail-pop .features li {
  padding: 24px 0px 10px;
  border-bottom: 1px solid #eee; }

.product-detail-pop .action-row {
  padding: 36px 0px; }

.product-detail-pop .outdoorresult-holder {
  padding: 60px 0px 0px; }

.sticky-fat-multi .fat-rooms {
  position: fixed;
  width: 100%;
  top: 54px;
  background: #fff;
  z-index: 1000; }
  @media (min-width: 1200px) {
    .sticky-fat-multi .fat-rooms {
      top: 80px; } }

.sticky-fat-multi .fat-room-config .tabs-wrap {
  padding-top: 140px; }

.sticky-fat-multi ul#pills-tab-multi {
  position: fixed;
  top: 120px;
  width: 100%;
  background: #fff;
  z-index: 999; }
  @media (min-width: 1200px) {
    .sticky-fat-multi ul#pills-tab-multi {
      top: 136px; } }
