@charset "utf-8";

.w159px {
  width: 159px !important;
}

#rc-container {
  background: #f8f8fa;
  margin: 0;
  padding: 0;
}
.select-rc {
  max-width: 1920px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
}
.no-pl-pr {
  padding-left: 0;
  padding-right: 0;
}
#bf-main-visual {
  background: url(/us/resources/images/common/img-residential-benefits-h590.jpg)
    #fff no-repeat 50% top;
  background-size: cover;
}
#bg-img-ifttt {
  background: url(/us/resources/images/common/img-ifttt.jpg) no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-rebates-and-offers {
  background: url(/us/resources/images/common/img-rebates.jpg) no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-energy-efficient {
  background: url(/us/resources/images/residential/benefits/img-energy-efficient-graph-btn.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-individual-control {
  background: url(/us/resources/images/residential/benefits/img-individual-control-btn.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-year-round-comfort {
  background: url(/us/resources/images/residential/benefits/img-year-round-comfort-btn.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-reliability {
  background: url(/us/resources/images/residential/benefits/img-saving-money-btn.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-easy-installation {
  background: url(/us/resources/images/residential/benefits/img-easy-installation-btn-02.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-decor-options {
  background: url(/us/resources/images/residential/benefits/img-decor-options-wall-mounted.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-quiet-operation {
  background: url(/us/resources/images/residential/benefits/img-quiet-operation-graph.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-wi-fi-control {
  background: url(/us/resources/images/residential/benefits/img-wireless-lan-control-btn.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-wi-fi-device {
  background: url(/us/resources/images/residential/benefits/img-wireless-lan-device-btn.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#tn-main-visual {
  background: url(/us/resources/images/common/img-residential-technologys-h590.jpg)
    #fff no-repeat 50% top;
  background-size: cover;
}
#bg-img-ductless-comfort {
  background: url(/us/resources/images/residential/technology/img-ductless-comfort-btn.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-air-filtration {
  background: url(/us/resources/images/residential/technology/img-air-filtration-btn.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-inverters-constant-comfort {
  background: url(/us/resources/images/residential/technology/img-inverters-constant-comfort-btn-02.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-xlth-low-temp-heating {
  background: url(/us/resources/images/residential/technology/img-xlth-low-temp-heating.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}
#bg-img-user-friendly-controls {
  background: url(/us/resources/images/residential/technology/img-user-friendly-controls-btn.jpg)
    no-repeat 50% 50%;
  background-size: cover;
}

.select-rc-base {
  position: relative;
}
.select-rc-overlay {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  font-family: fs-r, sans-serif;
  line-height: 1;
  margin: 0;
  padding: 0.8em 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.select-rc-overlay strong {
  display: block;
  _font-size: 14px;
  _line-height: 1.2;
  _padding-top: 9px;
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
}
.select-rc-overlay strong b,
.dotted-line {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-rc-base .arrow-w {
  background: url(/resources/images/arrow-link-w-m.png) left center no-repeat;
  padding-left: 15px;
}
.text-color-w {
  color: #fff !important;
  text-decoration: none !important;
}

.component-visual .visual-item {
  float: left;
  /*max-height: /*497px*/ /*920px;*/ /*768px;*/
  /*max-height: 846px;*/
  position: relative;
  width: 100%;
}
.pt50 {
  padding-top: 50px;
}
.pt60 {
  padding-top: 60px;
}
.overlay-btns-background {
  /*background: #dededd;*/
  background: #f2efeb;
  width: 100%;
}
.component-visual .visual-item .visual-text-inner .text-title {
  /*font-size: 268.7%;*/
  font-size: 250%;
}
.component-visual .visual-item .visual-text-inner .text-title {
  color: #222;
  font-family: fs-m, sans-serif;
}
.component-visual .visual-item .visual-text-inner .text-copy {
  color: #111;
  font-family: fs-l, sans-serif;
}
.css-1qysb6y.right {
  right: 10px !important;
  bottom: 53px !important;
}
.css-1qysb6y.left {
  left: 6px !important;
  bottom: 50px !important;
  z-index: 1 !important;
}
/* book now */
.row:has(.se-menu-button) {
  overflow: visible;
}
.se-menu-container {
  /*display: inline-block;*/
  position: relative;
}

.se-menu-button,
.se-menu-option {
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 40px;
  position: relative;
  transition: background 200ms ease;
  width: 100% !important;
}

.se-menu-button {
  background: #f90201;
  outline: none;
  padding: 0 20px;
  width: auto;
}

.se-menu-button:hover {
  background: #ff4f4e;
}

.se-menu-option {
  background: #555;
  outline: none;
  padding: 0 60px 0 20px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}

.se-menu-option:hover {
  background: #484848;
}

.se-menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 100%;
}

@media screen and (max-width: 1024px) {
  .component-visual .visual-item .visual-text-inner .text-title {
    font-size: 150%;
  }
  .component-visual .visual-item .visual-text-inner .text-copy {
    font-size: 15px;
  }
}
/* Nexus 7 (portrait) ----------- */
@media only screen and (max-width: 603px) and (orientation: portrait) {
  /*@media screen and (max-width:768px)*/
  /*@media only screen and (min-width: 604px) and (orientation: landscape)*/
  .tb-1-2 {
    clear: none;
    float: left;
  }
  [dir="rtl"] .tb-1-2 {
    clear: none;
    float: right;
  }
  .tb-1-2,
  [dir="rtl"] .tb-1-2 {
    width: 50%;
  }
  .component-visual .visual-item .visual-text-inner .text-copy {
    font-size: 10px;
  }
}
@media screen and (max-width: 580px) {
  .pt50 {
    padding-top: 35px;
  }
  .pt60 {
    padding-top: 40px;
  }
  .component-visual .visual-item .visual-text-inner .text-copy {
    font-size: 10px;
  }
  .select-rc-base .arrow-w {
    background: url(/resources/images/arrow-link-w-m.png) left center no-repeat;
    padding-left: 14px;
  }
}
@media screen and (max-width: 320px) {
  .component-visual .visual-item .visual-text-inner .text-title {
    font-size: 90% !important;
    margin-bottom: 10px;
  }
}