@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
body {background:#fff;font-family: 'Open Sans', arial,sans-serif;color:#222}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans Condensed', arial,sans-serif;line-height:1.5;font-weight:700}

h1 {font-size:1.7rem}
h2 {font-size:1.5rem}
h3 {font-size:1.3rem}


.footer-color {background:#000}

.footer-text {font-size:12px;line-height:1.8;color:#fff}
.footer-text a {color:#fff}

.row-padding {margin:15px 0}

ol.olPadding li {padding-bottom:15px;border-bottom:1px solid #dddddd;margin-top:15px}
ol.olPadding ul li {padding-bottom:5px;border-bottom:none}
ul.productDetails li{font-size:90%;padding-left:30px;line-height:15px;list-style: none;background: url(../images/greencheck.png) no-repeat; padding-bottom:15px }


.top-heading{width:100%;background: #333;margin-bottom:25px;color:#fff}


.font-bold {font-weight:700}
.button { background: #222  }
.button:hover { background: #666  }

.logo{margin-top:5px}
.logo-text{font-size:1.8rem}

.blue {color: #0365ba}
.blueBg {background: #0365ba}
.red {background: #d40611}
.blue-font {color: #0365ba}
.red-font {color: #d40611}

.white {color:#ffffff}
.off-white {color:#ddd}
.off-white:hover {color:#fff}

.dark-gray {color:#5f5f5f}
.grayBg {background:#fafafa;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.fontMed{font-size:1.2rem}
.fontLg {font-size:1.8rem}
.fontXLg {font-size:2.3rem}
.fontSm{font-size:0.9rem}
.fontXSm{font-size:0.8rem}
.bold{font-weight:700}

.osc-font{font-family: 'Open Sans Condensed', arial,sans-serif}
.clear-both {clear: both}

a {color:#e5201b}
a:hover, a:focus {color: #bd2026}


.button.bluebutton {background-color: #157cba;color: #fefefe; }
.button.bluebutton:hover, .button.bluebutton:focus {background-color: #126fa7;color: #fff; }

.button.redbutton {background-color: #157cba;color: #fefefe; }
.button.redbutton:hover, .button.bluebutton:focus {background-color: #126fa7;color: #fff; }

.button.reqservbutton {background-color: #d40611;color: #fefefe; }
.button.reqservbutton:hover, .button.bluebutton:focus {background-color: #b80610;color: #fff; }



.caps {text-transform:uppercase}
.capitalize {text-transform: capitalize;}
.radius{border-radius: 5px}
.image-border {border:5px solid #fff}

.title {font-size:115%;font-weight:700}
.padding-top {padding-top:15px}
.padding-bottom {padding-bottom:15px}


.ccImg {float:left;width:23%;padding-right:1%}
.socialImg {float:left;width:20%;padding:1%;margin-top:5%}

.aList{clear:both;float:left;width:65%;padding:4px 4px 0 0}
.aps {float:left;width:45%;padding-top:3%;margin-right:20px}
.nate {float:left;width:15%}


.contact-box {	background: #157cba;border: 2px solid #fff;color:#fff;text-align:center;font-size:145%;font-family: 'Open Sans Condensed', arial,sans-serif;}

.aps {float:left;width:45%;padding-top:3%;margin-right:20px}
.grayLiteBg {background:#fafafa;border:1px solid #f1f1f1;padding:3px;width:100%}

.hp-div {visibility: hidden; height:15px}


ul.redArrow {list-style:none; list-style-image: url('../images/right_arrow.png');}
h2.arrow_box {font-size:1.3rem}
.arrow_box {
	position: relative;
	background: #157cba;
	color:#fff
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 1);
	border-top-color: #157cba;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-width: 21px;
	margin-left: -21px;
}



.button.submit {background-color: #d40611;color: #fefefe; }
.button.submit:hover, .button.submit:focus {background-color: #cc2739;color: #fefefe; }

.nav-color{background:#157cba}

/*Navigation*/

.top-bar {background:#fff;width:100%;font-family: 'Open Sans Condensed', sans-serif;font-weight:700;font-size:16px;text-transform:uppercase}
.title-bar{background-color: #157cba}
.top-bar {
  padding: 0}


  .top-bar::before, .top-bar::after {
    content: ' ';
    display: table; }
  .top-bar::after {
    clear: both; }
  .top-bar,
  .top-bar ul {
    background-color: #157cba; }
  .top-bar a {
    color: #fff; }
  .top-bar input {
    width: 200px;
    margin-right: 1rem; }
  .top-bar input.button {
    width: auto; }

.menu > li > a {
    display: block;
    /*padding: 0 0.5rem;*/
    line-height: 1;height:34px; }


[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.dropdown.menu .is-dropdown-submenu-parent {
  position: relative}
  .dropdown.menu .is-dropdown-submenu-parent a::after {
    float: right;
    margin-top: 3px;
    margin-left: 10px; }
  .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a {
    padding-right: 1.5rem;
    position: relative; }
  .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: none;
    border-top-style: solid;
    position: absolute;
    top: 0.825rem;
    right: 5px; }
  .dropdown.menu .is-dropdown-submenu-parent.is-left-arrow > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: none;
    border-right-style: solid;
    float: left;
    margin-left: 0;
    margin-right: 10px; }
  .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: none;
    border-left-style: solid; }
  .dropdown.menu .is-dropdown-submenu-parent.is-left-arrow.opens-inner .submenu {
    right: 0;
    left: auto; }
  .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.opens-inner .submenu {
    left: 0;
    right: auto; }
  .dropdown.menu .is-dropdown-submenu-parent.opens-inner .submenu {
    top: 100%; }
*/
.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 250px;
  z-index: 10;
  background: #157cba;
  border: none;
  margin-top: -1px; }
  .dropdown.menu .submenu > li {
    width: 100%; }
  .dropdown.menu .submenu.first-sub {
    top: 100%;
    left: 0;
    right: auto; }
  .dropdown.menu .submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .dropdown.menu .submenu, .dropdown.menu .submenu.js-dropdown-active {
    display: block; }

.dropdown.menu .is-dropdown-submenu-parent.opens-left .submenu {
  left: auto;
  right: 100%; }

.dropdown.menu.align-right .submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0; }


.is-dropdown-menu.vertical {
  width: 100px;

  }
  .is-dropdown-menu.vertical.align-right {
    float: right; }
  .is-dropdown-menu.vertical > li .submenu {
    top: 0;
    left: 100%; }

.dropdown.menu .vertical a {font-family: 'Open Sans Condensed', sans-serif;font-weight:400}

.dropdown.menu .vertical a:hover{color:#ddd}



.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent;
    right: 5px;
    margin-top: -3px;
}


.dropdown .is-submenu-item .is-dropdown-submenu-item {list-style:none}
.is-submenu-item {list-style:none}
.is-dropdown-submenu-item{list-style:none}



.box-arrow {

	float:left;
	width:100%;
	margin:30px;
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 20px;
	color:#333;
	font-size:110%;
	font-family: 'Open Sans', arial, sans-serif;
	padding:15px;

}
.box-arrow:after, .box-arrow:before {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.box-arrow:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.box-arrow:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ddd;
	border-width: 12px;
	margin-left: -12px;
}




.title-text{

    text-align:center;
    position:relative;
    z-index:2;
    font-size:1.6rem;
    width:70%;
    margin:15px auto;


}
.title-text:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    right:0;
    border-top:1px solid #ddd;
    z-index:-1;
}

.title-text-line{
    margin:0;padding:0 10px;
    background:#fafafa;
    display:inline-block;
}


h2.products {padding:0; margin:0;font-weight:400;font-size:18px;}
.prodLink {padding:7px}
.prodLink a {color:#2261a6; text-decoration:none;}
.prodLink  a:hover  {border-radius:3px;color:#fff;background-color:#205598;margin:0 -2px; padding:2px;}

.productContainerBest {}
.productContainerBetter {}
.productContainerGood {}

.ProductContainer{}
.HeaderProductContainer {color:#2261A6;font-size:18px;font-weight:700;line-height:1.4;text-align:center; margin:0;padding-bottom:15px;}
.ProductImage{text-align:center;}
.ProductImages{text-align:center;}
.ProductDetails{}
.ProductDetails ul {list-style: none}

.ProductDetails li{font-size:85%;line-height:1.4;margin-left:20px;list-style:disc; margin-bottom:15px;}
li.ProductDetails{padding-top:7px;}


.faqDetails li{line-height:1.4;padding-left:20px;list-style:none;background:url(../images/checkmark-blue.jpg) no-repeat; margin-bottom:15px;}
li.faqDetails{padding-top:7px;}


.product-separator {border-top:1px solid #f4f4f4;}

.product-details ul {list-style: none;font-size:90%;}

.product-details ul li::before {content: "\2022"; color: red;font-weight:700}




.arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  border-top: 10px solid #ccc;
}



.registration-list {
  background-color: #fff;
  margin: 0;
}
.registration-list-item {
  background: none;
  border-bottom: 1px solid #b9b9b9;
  display: table;
  margin: 0 auto;
  padding: 53px 55px;
  width: 90%;
}
.registration-list-item > span {
  color: #505058;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  float: left;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  margin: 0 ;
  padding-bottom: 0;
  text-transform: uppercase;
  width: 15%;
}
.registration-list-item > span strong {
  color: #6998af;
  font-size: 65px;
  font-weight: 700;
  height: 65px;
  line-height: .9;
  padding-right: 20px;
  text-align: left;
  width: 55%;
}
.registration-list-item p {
  color: #707070;
  float: left;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
  padding-left: 110px;
  width: 60%;
}




.ductless-separator {border-top:1px solid #e4e4e4;}
.products-padding-top {padding-top:15px}
.products-padding-bottom {padding-bottom:15px}
.key-feature {font-weight:600;color:#444;font-size: 1.1rem;}


.ProductManuals{}
.manualsTitle{font-size:17px;color:#fff;background-color:#0365ba;line-height:1.4;text-align:center;padding:3px}
.ProductManual{clear:both;}
.ProductManualImage{clear:both; }

.ProductManualText{float:left;font-size:85%;line-height:1.4}
.ProductManualText a {color:#0365ba}
.ProductManualText a:hover {text-decoration:underline;}
.clrManual{clear:both;height:7px;}
.clrManual2{clear:both;height:7px;}

.ProductLogos{width:90%;margin:0 auto}
.productIcon{float:left;width:15%}
.productWarranty{padding:3px;clear:both;text-align:center;}

.ThermostatImage {}

.ThermostatDescription {}
.thermostatLine { visibility: visible;}
.ThermostatDescription ul {margin-top:15px; padding:0; float:left;  list-style: none; }
.ThermostatDescription ul li {font-weight: 600;font-size:90%;line-height:1.3;padding-left:20px;padding-bottom:15px;list-style: none;background: url(../images/BlueCheck.png) no-repeat;  }


.ThermostatVideo {}
.ThermostatHeader {font-size:17px;font-weight:700;color:#336699;padding:5px;}
.FeaturesHeader {font-size:17px;font-weight:700;color:#336699;padding:5px;}

.noSpace {padding:0;margin:0}

ul.noStyle {margin:0; padding:0;list-style: none;font-size:85%}


.iaqBox ul {list-style:none;padding:0;margin:0;}
.iaqLink {font-weight:600;font-size:15px;padding-left:17px;list-style: none;background: url(../images/red-dot.png) no-repeat;color:#fff}
.iaqFaqsBox{background-color: #fff;float: left;font-size: 11px;color: #3A3939;padding:10px;}
.iaqImgPos {position: relative;padding:3px; float: right;}
ul.iaqCheck {margin:0; padding:0;}
ul.iaqCheck li {font-weight: 600;font-size:90%;line-height:1.5;list-style: none;background: url(../images/BlueCheck.png) no-repeat;   }

ul.bluCheck li {font-weight: 600;font-size:90%;line-height:1.3;padding-left:25px;padding-bottom:15px;list-style: none;background: url(../images/greenCheck.png) no-repeat;   }
.iaqHumidifier{}
.iaqVentilator{}
.iaqUV{}
.iaqAirCleaner{}
.iaqDark{background:url(../images/trans.png) repeat;}
.iaqHeader {background-color:#3984CC;margin-bottom:10px}
.iaqContainer h1  {color:#fff;font-size:17px;font-weight:700;}
.iaqInnerContainer { margin:0 auto;}
.iaqDetails {font-size:95%;color:#3A3939;}
.iaqDetails p {font-size:95%;}
.iaqDetails ul li {font-size:90%;}
.iaqImage {text-align:center}

#iaqDarkText {font-weight:400;}
#iaqDarkContainer {background:#1b1b1b;}
#iaqDarkTextArea {color:#fff;font-size:90%;}
#iaqDarkBox {margin:0 auto;background:url(../images/indoor-air-qSM.jpg) no-repeat;}
#iaqDarkBox ul {list-style: none;}

.iaqVid {text-align:center}
.iaqVidTitle {font-size:13px;font-weight:700;color:#336699;}

#iaqBullets {}
#iaqBullets li {font-size:11px;list-style:none;background: url(../images/greencheck.png) no-repeat;}

.glas-title {color:#222;font-size: 20px;line-height: 1.5}
ul.glas {list-style: none;}
ul.glas li {font-size: 18px;color: #24acff;line-height: 2.5}



/*
small 639px
@media screen and (max-width: 39.9375em)

medium 640px
@media screen and (min-width: 40em)

Large 1024px
@media screen and (min-width: 64em)
*/

@media screen and (max-width: 39.9375em) {

	.top-phone {color:#3e3e3e;font-size:36px;font-weight:700;font-family: 'Open Sans Condensed', arial,sans-serif;text-align:center}
	.top-phone a {color:#3e3e3e;}

	.product-img {display:none}
	.manual-text {text-align:left}
	.label{width:100%;background:#00539E;font-size:100%;color:#ffffff}
	.main-pic{max-height:300px;overflow:hidden}
	.fontLg {font-size:1.1rem}
	.aList{clear:both;float:left;width:60%;padding:0 4px 0 0}
	.key-feature {font-weight:600;color:#444}

	.box-arrow-main {float:left;width:90%;margin:0 auto;padding:0}



}

@media screen and (min-width: 40em) {
	.top-phone {color:#3e3e3e;font-size:36px;font-weight:700;font-family: 'Open Sans Condensed', arial,sans-serif;text-align:center}
	.top-phone a {color:#3e3e3e;}

	.manual-text {text-align:right}
	.label{width:100%;background:#00539E;font-size:105%;color:#ffffff}

	.main-pic{max-height:300px;overflow:hidden}

	.aList{clear:both;float:left;width:37%;padding:4px 3px 0 0}

	.fontLg {font-size:1.3rem}

	.key-feature {text-align:right;font-weight:600;color:#444}

	.box-arrow-main {float:left;width:47%;padding-right:2%}



}


@media screen and (min-width: 64em) {
	.top-phone {color:#3e3e3e;font-size:42px;padding-top:15px;font-weight:700;font-family: 'Open Sans Condensed', arial,sans-serif}
	.top-phone a {color:#3e3e3e;}
	.manual-text {text-align:right}
	.label{width:100%;background:#00539E;font-size:110%;color:#ffffff}

	.main-pic{max-height:300px;overflow:hidden}
	.fontLg {font-size:1.8rem}
	.aList{clear:both;float:left;width:65%;padding:4px 4px 0 0}

	.box-arrow-main {float:left;width:47%;padding-right:2%}
	.top-padding{padding-top:15px;}

}




@media screen and (min-width: 110em) {
	.main-pic{max-height:370px;overflow:hidden}



}


@media screen and (max-width: 45em)
{	.top-bar {font-size:87%}}