@charset "UTF-8";
[v-cloak] {
  display: block;
  padding: 50px 0;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
[v-cloak]:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner 0.6s linear infinite;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
[v-cloak] > div {
  display: none;
}

h1.titledesktop {
  font-size: 38px;
}

#productcatheader .titledesktop {
  font-size: 21pt;
  font-weight: bold;
}
#productcatheader .selected-filters a {
  border: 1px solid #97999b;
  border-radius: 12.5px;
  height: 25px;
  display: inline-block;
  color: #97999b;
  background-image: url("https://static-rheem.globalimageserver.com/_WP/img/categoryfilter/selected-filter-icon.png");
  background-repeat: no-repeat;
  background-position: left;
  background-position-x: 10px;
  font-size: 12px;
  line-height: 25px;
  padding-left: 25px;
  padding-right: 10px;
  text-transform: capitalize;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 15px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
#productcatheader .selected-filters a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 7px 7px -5px #dedede;
  -moz-box-shadow: 0 7px 7px -5px #dedede;
  box-shadow: 0 7px 7px -5px #dedede;
}
#productcatheader .mobile-sticky-filter {
  color: #fff;
  background: #e70033;
  margin: 0;
  padding: 0;
  height: 50px;
  width: 50px;
  display: block;
  position: fixed;
  left: 0;
  z-index: 999;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  margin-top: -70px;
}
#productcatheader .mobile-sticky-filter .fa {
  font-size: 30px;
}

.grid-control-container {
  display: block;
  position: absolute;
  right: 0;
  z-index: 99;
}
.grid-control-container .toggle-grid-view,
.grid-control-container .toggle-list-view {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  background-image: url("https://static-rheem.globalimageserver.com/_WP/img/categoryfilter/grid-control.png");
  background-repeat: no-repeat;
  background-position: 0px;
  height: 25px;
  width: 25px;
  overflow: hidden;
  display: inline-block;
  opacity: 0.6;
}
.grid-control-container .toggle-grid-view.active,
.grid-control-container .toggle-list-view.active {
  opacity: 1;
}
.grid-control-container .toggle-grid-view:hover,
.grid-control-container .toggle-list-view:hover {
  opacity: 0.9;
  cursor: pointer;
}
.grid-control-container .toggle-grid-view {
  margin-right: 15px;
}
.grid-control-container .toggle-list-view {
  background-position-x: -40px;
}

.productcatsidebarcol {
  padding-top: 40px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .productcatsidebarcol {
    width: 0px;
    position: fixed;
    z-index: 2001;
    padding-right: 80px;
    background-color: rgba(255, 255, 255, 0.8);
    top: 0px;
    height: 100%;
    -webkit-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -o-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
  }
  .productcatsidebarcol.active {
    width: 100%;
  }
}
.productcatsidebarcol .close-filter {
  position: absolute;
  padding-right: 80px;
  width: 40px;
  text-align: center;
  line-height: 65px;
  color: #ffffff;
  top: 0;
  right: 0;
  font-size: 20px;
}
.productcatsidebarcol .close-filter:before {
  background: #E4002B;
  padding: 23px;
}
.productcatsidebarcol .close-filter:before:hover {
  cursor: pointer;
}
.productcatsidebarcol .close-filter:hover {
  cursor: pointer;
}
.productcatsidebarcol h6 {
  font-size: 16pt;
  font-weight: bold;
  background: #fff;
  padding-left: 15px;
  padding-top: 40px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .productcatsidebarcol h6 {
    padding-top: 0;
    line-height: 65px;
    margin-bottom: 0;
    background: #EBEBEB;
  }
}
.productcatsidebarcol a.reset-filter {
  font-size: 13pt;
  font-weight: bold;
  background-image: url("https://static-rheem.globalimageserver.com/_WP/img/categoryfilter/reset.png");
  background-repeat: no-repeat;
  background-position: 90px 9px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
  display: block;
  background-color: #fff;
  padding-left: 15px;
}
.productcatsidebarcol .filterbar {
  border-top: 1px solid #ebebec;
  padding-top: 20px;
  background: #fff;
  padding-left: 15px;
}
.productcatsidebarcol .filterbar .accordionblock {
  border-bottom: 1px solid #ebebec;
  margin-bottom: 20px;
}
.productcatsidebarcol .filterbar .accordiontrigger {
  font-size: 16px;
  color: #63666a;
  font-family: RheemSansBold;
  display: block;
  margin-bottom: 20px;
  position: relative;
  padding: 0;
  padding-right: 15px;
}
.productcatsidebarcol .filterbar .accordiontrigger:after {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  content: "";
  font-family: FontAwesome;
  color: #e70033;
  position: absolute;
  right: 20px;
  top: 0;
  font-size: 30px;
}
.productcatsidebarcol .filterbar .accordiontrigger.collapsed:hover {
  cursor: pointer;
}
.productcatsidebarcol .filterbar .accordiontrigger.collapsed:hover:after {
  -ms-transform: translateY(5px);
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.productcatsidebarcol .filterbar .accordiontrigger:not(.collapsed):hover {
  cursor: pointer;
}
.productcatsidebarcol .filterbar .accordiontrigger:not(.collapsed):after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.productcatsidebarcol .filterbar .accordioncontent {
  padding-left: 0;
  margin-bottom: 20px;
}
.productcatsidebarcol .filterbar .filter-options .form-check-inline {
  position: relative;
  display: block;
  height: 25px;
  margin-bottom: 15px;
}
.productcatsidebarcol .filterbar .filter-options .form-check-inline input {
  height: 0px;
  width: 0px;
  display: inline-block;
  position: absolute;
  top: 2px;
  -webkit-appearance: none;
  border-radius: 0;
}
.productcatsidebarcol .filterbar .filter-options .form-check-inline input:after {
  color: #E4002B;
}
.productcatsidebarcol .filterbar .filter-options .form-check-inline label {
  padding: 0;
  left: 25px;
  max-width: 185px;
  display: inline-block;
  position: absolute;
}
.productcatsidebarcol .filterbar .filter-options .form-check-inline label:hover {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .productcatsidebarcol .filterbar {
    top: 101px;
    bottom: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 3px;
    -webkit-box-shadow: 10px 7px 7px -5px #dedede;
    -moz-box-shadow: 10px 7px 7px -5px #dedede;
    box-shadow: 10px 7px 7px -5px #dedede;
  }
}

.productcatgridcol .gridview .productcard .btnholder .btn,
.productcatgridcol .rowview .productcard .btnholder .btn {
  transition: none;
}

.productcatgridcol {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .productcatgridcol {
    padding-top: 0;
  }
}
.productcatgridcol label.compare {
  font-family: "RheemSansBold";
  line-height: 14px;
  display: inline-block;
}
.productcatgridcol label.compare input {
  -webkit-appearance: none;
  border-radius: 0;
}
.productcatgridcol label.compare input:checked, .productcatgridcol label.compare input:after {
  color: #E4002B;
}
.productcatgridcol label.compare input:disabled {
  opacity: 0.3;
}
.productcatgridcol label.compare:hover {
  cursor: pointer;
}
.productcatgridcol .productcard {
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  transition: width 300ms ease;
  padding: 5px 15px;
  border: 1px solid #ebebec;
  border-right: none;
  border-top: none;
  min-height: 515px;
  width: 100%;
  font-family: "RheemSansLight";
}
.productcatgridcol .productcard:nth-child(3n+3), .productcatgridcol .productcard:last-child {
  border-right: 1px solid #ebebec;
}
.productcatgridcol .productcard .quick-touts {
  display: block;
  position: absolute;
  right: 5px;
}
.productcatgridcol .productcard .quick-touts span {
  width: 20px;
  height: 20px;
  background-image: url("https://static-rheem.globalimageserver.com/_WP/img/categoryfilter/quick-icons.png");
  background-repeat: no-repeat;
  display: block;
  margin-top: 5px;
}
.productcatgridcol .productcard .quick-touts span.fuel-type.natural {
  background-position-y: -25px;
}
.productcatgridcol .productcard .quick-touts span.fuel-type.propane {
  background-position-y: -50px;
}
.productcatgridcol .productcard .quick-touts span.fuel-type.natural.propane {
  height: 50px;
  background-position-y: -25px;
}
.productcatgridcol .productcard .quick-touts span.thd {
  background-position-y: -75px;
}
.productcatgridcol .productcard .quick-touts span.wifi {
  background-position-y: -100px;
}
.productcatgridcol .productcard .quick-touts span.es {
  background-position-y: -125px;
}
.productcatgridcol .productcard .quick-touts span.sus {
  background-image: url("https://static-rheem.globalimageserver.com/_WP/img/sustainability/rheem-sustainability-logo.png");
  background-size: contain;
}
.productcatgridcol .productcard .sustainable-standout {
  background: url("https://static-rheem.globalimageserver.com/_WP/img/sustainability/sustainabile-standout@2x.png");
  width: 130px;
  height: 130px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
}
.productcatgridcol .productcard .productimage {
  margin-top: 10px;
  margin-bottom: 20px;
  height: 160px;
}
.productcatgridcol .productcard .productimage img {
  max-height: 160px;
  width: auto;
}
.productcatgridcol .productcard .productdetail .producttitle {
  min-height: 76px;
  overflow: hidden;
}
.productcatgridcol .productcard .productdetail .producttitle .product-name,
.productcatgridcol .productcard .productdetail .producttitle .product-type {
  font-size: 16px;
  color: #4a4a4a;
  display: block;
  line-height: 18px;
}
.productcatgridcol .productcard .productdetail .producttitle .product-model {
  font-size: 12px;
  color: #97999b;
}
.productcatgridcol .productcard .productdetail .producttitle a:hover {
  text-decoration: none;
}
.productcatgridcol .productcard .productdetail .features {
  background-color: #7a99ac;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
  margin-top: 14px;
  width: 100%;
  margin: 0;
}
.productcatgridcol .productcard .productdetail .features div {
  padding: 0;
}
.productcatgridcol .productcard .productdetail .features div span {
  display: block;
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 26px;
}
.productcatgridcol .productcard .productdetail .features div span span {
  background-color: #fff;
  background-image: url("https://static-rheem.globalimageserver.com/_WP/img/categoryfilter/feature-box-bg.png");
  background-repeat: repeat-x;
  display: block;
  color: #63666a;
  padding: 5px;
  line-height: 15px;
}
.productcatgridcol .productcard .productdetail .product-desc {
  font-size: 12px;
  height: 75px;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 10px;
}
.productcatgridcol .productcard .productdetail .product-desc li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 20px;
}
.productcatgridcol .productcard .productdetail .product-desc li:before {
  content: "•";
  color: #e00037;
  padding-right: 5px;
}
.productcatgridcol .productcard .productdetail .product-desc:empty {
  display: none;
}
.productcatgridcol .productcard .productdetail.ac .features {
  background-color: #6bbbae;
}
.productcatgridcol .productcard .btnholder {
  text-align: center;
  padding-bottom: 15px;
}
.productcatgridcol .productcard .btnholder a {
  margin-top: 15px;
  font-weight: bold;
}
.productcatgridcol .gridview,
.productcatgridcol .rowview {
  margin-bottom: 20px;
}
.productcatgridcol .gridview .productcard:nth-child(-n+3) {
  border-top: 1px solid #ebebec;
}
.productcatgridcol .gridview .view-documents-btn-container {
  margin: 10px 0 0 0;
  padding: 0;
}
.productcatgridcol .rowview .install-btn-container {
  display: flex;
  margin: 0;
  padding: 0;
}
.productcatgridcol .rowview .view-documents-btn-container {
  display: flex;
  margin: 0;
  padding: 0;
}
.productcatgridcol .rowview .productcard {
  flex: 0 0 100%;
  max-width: 100%;
  min-height: 295px;
  border-right: 1px solid #ebebec;
}
.productcatgridcol .rowview .productcard:first-child {
  border-top: 1px solid #ebebec;
}
.productcatgridcol .rowview .productcard .quick-touts span {
  display: inline-block;
}
.productcatgridcol .rowview .productcard .productimage {
  width: 190px;
  float: left;
  margin-top: 30px;
}
.productcatgridcol .rowview .productcard .productdetail {
  margin-top: 30px;
}
.productcatgridcol .rowview .productcard .productdetail .producttitle {
  height: auto;
}
.productcatgridcol .rowview .productcard .productdetail .review {
  text-align: left;
}
.productcatgridcol .rowview .productcard .productdetail .features {
  max-width: 200px;
}
.productcatgridcol .rowview .productcard .btnholder {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.productcatgridcol .rowview .productcard .btnholder label.compare {
  float: initial;
  margin-left: initial;
}
.productcatgridcol .rowview .productcard .btnholder a {
  float: initial;
  margin-top: 0;
  width: 100%;
  max-width: 200px;
}

.product-comparison {
  height: 126px;
  background: #e70033;
  position: fixed;
  bottom: 0px;
  color: #fff;
  left: 50%;
  transform: translate(-50%, 0);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 20px;
  z-index: 11;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.product-comparison h5 {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 0;
}
.product-comparison span {
  font-size: 13px;
}
.product-comparison .btn {
  margin-top: 15px;
}
.product-comparison .productimage {
  height: 80px;
  width: 60px;
  float: left;
  padding-left: 0px;
}
.product-comparison .productimage img {
  width: auto;
  max-height: 80px;
  margin: 0 auto;
}
.product-comparison .productdetail {
  padding-left: 60px;
  font-size: 14px;
  font-weight: bold;
}
.product-comparison .productdetail .remove {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.product-comparison .productdetail .remove:hover {
  cursor: pointer;
  font-size: 15px;
}
.product-comparison .product:not(:first-child) {
  border-left: solid 1px #fff;
}
.product-comparison .minimize-comparison {
  position: absolute;
  right: 10px;
  top: 0;
}
.product-comparison .minimize-comparison:hover {
  cursor: pointer;
}

@media screen and (max-width: 576px) {
  #modularHeader {
    margin-bottom: 0px !important;
  }
}

.Explorer .productcatsidebarcol .filterbar .filter-options .form-check-inline input {
  width: 15px;
  height: 15px;
}

.Firefox .productcatsidebarcol .filterbar .filter-options .form-check-inline input {
  width: 20px;
  height: 20px;
  top: -2px;
}

.gridview.air_handlers > .productcard, .gridview.furnaces > .productcard, .gridview.cooling_coils > .productcard, .gridview.mini_splits > .productcard {
  min-height: 400px;
}

.gridview.air_handlers > .productcard > .productdetail > .features, .gridview.furnaces > .productcard > .productdetail > .features, .gridview.cooling_coils > .productcard > .productdetail > .features, .gridview.mini_splits > .productcard > .productdetail > .features {
  display: none;
}

.gridview.air_handlers > .productcard > .productdetail > .producttitle, .gridview.furnaces > .productcard > .productdetail > .producttitle, .gridview.cooling_coils > .productcard > .productdetail > .producttitle, .gridview.mini_splits > .productcard > .productdetail > .producttitle {
  height: 50px;
}

[data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container .bv_stars_button_container[aria-label="0 out of 5 stars. Read reviews."],
[data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text[aria-label="Read 0 Reviews"] {
  display: none !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #b80023;
  border-color: #b80023;
}

/*# sourceMappingURL=productcat-style.css.map */