body {font-family:Roboto, sans-serif; padding-top:125px}
html {margin-top:0 !important}
.entry-content a, .entry-content a:visited {text-decoration:none; font-weight:300; border-bottom:1px dashed #ccf}
a:hover, a:focus {color:#00BAE2; text-decoration:none}
b, strong {font-weight:500}
hr {border-top:1px solid #ccc; clear:both}
article {font-size:16px; font-weight:300}
abbr[title], acronym[title] {border-bottom:none !important; cursor:inherit !important; text-decoration:none !important}
.specifications .table thead {background:#EE7524; font-weight:bold; color:#fff}
.specifications .table thead td {text-align:center; font-weight:bold; color:#fff; border:none}
.specifications .table thead td:first-child {text-align:left}
.specifications .table tbody td:last-child {border-right:none}
.specifications .table {border-left:none; border-right:none}
.specifications .table tbody td {text-align:center}
.specifications .table tbody th {border-left:none; text-align:left; font-weight:normal; vertical-align:middle}
.specifications .table tfoot td, .specifications .table tfoot td p {text-align:left; border:none; font-size:1.4rem; font-weight:300; color:#333}
.specifications .table.icoolxc thead {background:#418FDE}
.specifications .table.spac thead {background:#C75C64}
.specifications .table.hybrid thead {background:#709F87}
.specifications .table.fcu thead {background:#EE7524}
.specifications .table.wshp thead {background:#5d88b3}
.specifications .table.ptac thead {background:#7da7ac}
.specifications .table.pthp thead {background:#e00000}
.specifications .table.hpwh thead {background:#b99f8d}
a.see-all {float:none}
.home a.see-all {float:right}
.navbar-brand {float:left; padding:15px 0 0 15px; font-size:18px; line-height:20px; height:auto; -webkit-transition:all 0.4s; transition:all 0.4s}
.navbar-brand img {height:110px; -webkit-transition:all 0.4s; transition:all 0.4s}
.navbar-default {background:white; border:none; height:auto; margin:0; padding-bottom:15px; -webkit-transition:all 0.4s ease; transition:all 0.4s ease} .navbar-default .navbar-nav > li > a {color:black; font-size:16px; text-shadow:none; font-weight:400; padding:0 15px; line-height:15px}
.navbar-default .navbar-nav > li:last-child > a {border-right:none}
.navbar-default .navbar-nav > li > a:hover {color:#00bbe4}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#00bae2; background:none}
.navbar-nav {margin:20px 0 0 0; -webkit-transition:all 0.4s ease; transition:all 0.4s ease}
.navbar-right {padding-right:0}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left:0}
.navbar-nav>li {list-style:none!important}
h1 {font-weight:300; font-size:4rem; margin:1rem 0}
h1 span {color:#e87722}
.hero-section {margin:0; background: radial-gradient(circle, #f5c6a3,  #fdf1e8, #b3f2ff, #e5fbff);	background-size: 400% 400%; animation: gradient 25s ease infinite}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.item p {margin:0}
#myCarousel .carousel-indicators li.active {background:#f68028}
#myCarousel .carousel-inner {position:relative; width:100%; overflow:hidden}
#myCarousel .carousel-inner>.item {height:500px; background-position-x:50%; background-position-y:50%; background-repeat:no-repeat; background-size:contain!important}
#myCarousel .carousel-control {width:7%}
h2.slider-title {position:absolute; top:60%; background:rgba(0,0,0,.5); padding:5px 15px; color:white; font-weight:100; font-size:36px}
#myCarousel .carousel-inner .container a.btn {position:absolute; top:80%; left:7%; border:1px solid #00BAE2; color:white; background:#00BAE299; font-weight:300; border-radius:0}
.home h2.section-title {margin:15px 0 0 0}
.home a.see-all {margin-top:0}
.boxes {margin-bottom:2rem; padding-bottom:2rem}
.boxes .box {position:relative; width:100%; aspect-ratio:1 / 1; transition:0.33s; transform-style:preserve-3d; overflow:hidden; margin-right:15px; margin-top:30px; transform:scale(1.03); border-radius:20px}
.boxes .box:hover {transform:rotateY(0deg) scale(1.14);  z-index:1; box-shadow:0 25px 25px rgba(0,0,0,0.5); border-radius:30px}
.boxes .box .imgBx {position:absolute; top:0; left:0; width:100%; height:100%}
.boxes .box .imgBx:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,#f00,#000); z-index:1; opacity:0; transition:0.5s; mix-blend-mode:multiply}
.boxes .box.bg-icoolxc .imgBx:before {background:linear-gradient(180deg,#fff 0%, #fff 25%, #418FDE 50%, #000 100%)}
.boxes .box.bg-pthp .imgBx:before {background:linear-gradient(180deg,#fff 0%, #fff 25%, #e00000 50%, #000 100%)}
.boxes .box.bg-ptac .imgBx:before {background:linear-gradient(180deg,#fff 0%, #fff 25%, #7da7ac 50%, #000 100%)}
.boxes .box.bg-spxc .imgBx:before {background:linear-gradient(180deg,#fff 0%, #fff 25%, #C75C64 50%, #000 100%)}
.boxes .box.bg-wshp .imgBx:before {background:linear-gradient(180deg,#fff 0%, #fff 25%, #5d88b3 50%, #000 100%)}
.boxes .box.bg-fcu .imgBx:before {background:linear-gradient(180deg,#fff 0%, #fff 25%, #EE7524 50%, #000 100%)}
.boxes .box.bg-hwcac .imgBx:before {background:linear-gradient(180deg,#fff 0%, #fff 25%, #709F87 50%, #000 100%)}
.boxes .box.bg-hpwh .imgBx:before {background:linear-gradient(180deg,#fff 0%, #fff 25%, #b99f8d 50%, #000 100%)}
.boxes .box:hover .imgBx:before {opacity:1}
.boxes .box .imgBx img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.boxes .box .content {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; display:flex; padding:20px; align-items:flex-end; box-sizing:border-box}
.boxes .box .content p {color:#fff; transition:0.5s; font-size:14px; transform:translateY(200px); transition-delay:0.4s}
.boxes .box:hover .content p {transform:translateY(0px)}
.box.bg-cac, .bg-spac, .bg-sphp, .bg-spxc {background:radial-gradient(circle, #C75C6411 0%, #C75C64 100%)}
.box.bg-hybrid, .bg-hwcac {background:radial-gradient(circle, #709F8711 0%, #709F87 100%)}
.box.bg-fcu {background:radial-gradient(circle, #EE752411 0%, #EE7524 100%)}
.box.bg-wshp {background:radial-gradient(circle, #5d88b311 0%, #5d88b3 100%)}
.box.bg-ptac {background:radial-gradient(circle, #7da7ac11 0%, #7da7ac 100%)}
.box.bg-pthp {background:radial-gradient(circle, #e0000011 0%, #e00000 100%)}
.box.bg-hpwh {background:radial-gradient(circle, #b99f8d11 0%, #b99f8d 100%)}
.box.bg-elec {background:radial-gradient(circle, #7943ff11 0%, #7943ff 100%)}
.box.bg-vrf {background:radial-gradient(circle, #00bbe311 0%, #00bbe3 100%)}
.box.bg-icoolxc {background:radial-gradient(circle, #418FDE11 0%, #418FDE 100%)}
.box .content h3 {color:#fff; font-weight:300; letter-spacing:-.5px; font-size:2rem}
.btn-more {border-radius:0; border-color:#fff; color:#fff!important; font-weight:300}
.btn-more:hover {color:#fff; background-color:#00bbe3}
a.learn-more {display:block; padding:5px 10px; border:1px solid white; margin:20px auto; width:auto; position:absolute; bottom:20px; left:50%; margin-left:-48px; font-weight:300; color:white}
a.learn-more:hover {background:white; color:rgba(0, 186, 226, 0.8)}
#tabed h2.section-title {margin:0; padding:0}
.tab-pane p {font-weight:300}
.nav-tabs {border-bottom:1px solid #ddd; margin:10px 0}
.home ul.nav.nav-tabs li:nth-child(1) a:after {content:" 1" !important}
.home ul.nav.nav-tabs li:nth-child(2) a:after {content:" 2" !important}
.home ul.nav.nav-tabs li:nth-child(3) a:after {content:" 3" !important}
.tab-content h3 {font-size:24px; font-weight:300; margin-top:0}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color:#555; cursor:default; background-color:#fff; border:none; border-bottom-color:#00bae2; border-bottom:2px solid #00bae2; text-transform:uppercase; font-weight:500}
.nav-tabs>li>a {text-transform:uppercase; color:#aaa; font-weight:500}
.nav-tabs>li>a:hover, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {color:#555; background:white; border-color:white white #ddd}
a.see-all {display:inline-block; padding:5px 10px; border:1px solid #00BAE2!important; width:auto; color:#00BAE2; line-height:normal; font-weight:400!important; margin:2px 0 0 0; font-size:14px; float:right}
a.see-all:hover, a.see-all:active, a.see-all:focus {background:#00BAE2; color:white; text-decoration:none}
a.banner {display:block; margin-bottom:40px; border:1px solid #1ebce0}
h2.section-title {color:#ccc; font-weight:300; background:none; margin:15px 15px 0 15px; padding:15px 0}
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {width:14%;}
.eight-cols .col-md-1, .eight-cols .col-sm-1, .eight-cols .col-lg-1 {width:12.5%}
.nine-cols .col-md-1, .nine-cols .col-sm-1, .nine-cols .col-lg-1 {width:11.11%}
.eight-cols div a img, .nine-cols div a img {display:block!important; background:#fff; aspect-ratio:1}
#additional-section {margin-top:2rem; background: radial-gradient(circle, #fff 0%, #fff 50%, #f8f8f8 80%, #e4dbcc 100%) no-repeat; box-shadow: 0px -4px 8px rgba(50, 50, 50, 0.25)}
#additional-section a h4 {font-size:14px; letter-spacing:-0.5px; color:#555}
#additional-section a {margin:15px 0; display:block}
#additional-section a:hover h4, #additional-section a:active h4, #additional-section a:focus h4 {color:#00BAE2}
#additional-section a img {-moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
#additional-section a:hover img {scale: 1.05; box-shadow: 0 0 5px;}
#testimonial-carousel {height:auto!important; padding:2rem 0; margin:1rem 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.testimonial_fa {font-size:6rem; color:#00bbe3; margin-right:1rem}
.logo-container {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; max-width:94%}
.logo-container a {flex:1; border:none!important}
.logo-container img {max-width:100%; height:80px; object-fit:contain; margin:0 25px; padding:5px 10px; transition:transform 0.3s ease, opacity 0.3s ease, filter 0.3s ease} footer#colophon .col-xs-4, footer#colophon .ice-phone {padding:15px; font-size:20px; font-weight:500; color:#00bae2; text-align:center; margin-top:10px}
footer#colophon .col-xs-4:first-child {text-align:left}
footer#colophon .col-xs-4:last-child {text-align:right; margin:0}
.site-info {text-align:center; padding:5px; background:#00bae2; color:white}
.site-footer a {color:#C7C7C7}
.site-footer a:hover {color:#f68028}
.site-footer a .glyphicon {font-size:16px; font-weight:100}
.social-media span {font-weight:300; color:#999}
.social-media a img {height:40px}
.navbar-form {margin-top:48px; margin-right:0; float:right}
.navbar-form input, .navbar-form .btn {border-color:#ccc; border-radius:0}
.navbar-form .glyphicon-search {color:#aaa}
.navbar-fixed-top.shrink .navbar-form {margin-right:0!important; margin-top:18px}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {border-radius:0}
a.read-more {border:1px solid #aaa; padding:5px 10px; color:#aaa; font-size:13px; font-weight:300; margin-top:9px; display:inline-block}
a.read-more:hover, a.read-more:active, a.read-more:focus {border:1px solid #00BAE2; color:white; background:#00BAE2}
.invisible {opacity:0}
.single p, .archive p, .single li {font-size:16px; font-weight:300; letter-spacing:.25px}
.single ul {margin:0}
.archive h2.entry-title a {font-size:18px; font-weight:500; color:black}
.archive h2.entry-title a:hover {color:#00bae2}
.archive h2.entry-title {margin:10px 0 5px 0; line-height:18px}
.archive h4 {font-weight:300; font-style:italic; font-size:16px; margin-top:0; color:#333}
.archive article p {font-size:14px}
.archive .page-header {margin:0 0 40px 0; border-bottom:1px solid #eee; padding-bottom:20px}
.archive img.attachment-post-thumbnail.size-post-thumbnail {width:100%}
.archive article {margin-bottom:30px; min-height:555px}
.post-type-archive-casestudies article a.thumbnail-link {aspect-ratio:3}
#secondary {background:whitesmoke; padding:15px}
#secondary h3 {margin:0 0 20px 0; font-weight:300; color:#333; text-transform:uppercase; font-size:18px; border-bottom:1px solid lightgrey; padding:0 0 15px 0; font-style:italic}
#secondary ul {margin:20px 0 0 0; padding:0; list-style:none; font-size:16px; font-weight:300}
#secondary li {padding-left:15px; position:relative; margin-bottom:10px}
#secondary li:before {content:"\f105"; font-family:FontAwesome; font-size:16px; position:absolute; left:0; top:-1px; color:#00bae2}
#secondary {background:whitesmoke; padding:15px; margin-top:30px}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin:0 0 1.5em; overflow:hidden; padding:15px 0}
.nav-links a {border:1px solid #aaa; padding:5px 10px; color:#aaa; font-size:13px; font-weight:300}
.nav-links a:hover, .nav-links a:active, .nav-links a:focus {border:1px solid #00BAE2; color:white; background:#00BAE2}
.entry-meta {display:none}
h2.subtitle {margin-top:0; font-style:italic; font-weight:300; color:#333; font-size:24px}
.nav-previous a i {margin-right:5px}
.nav-next a i {margin-left:5px}
.product-list article {border:1px solid lightgray; padding:0; margin-bottom:30px}
.product-list article a h2 {font-size:18px; text-align:center; display:block; color:black; font-weight:300; margin:0 0 10px 0; position:absolute; bottom:0; left:0; right:0}
.other-products small {text-align:center!important; line-height:100%; display:block;  margin-top:1em; color:#fff}
.other-products a:hover small {color:#aaa}
.other-products a img {transition:all .2s ease-in-out; transform-origin:50% 100%}
.other-products a:hover img {transform:scale(1.5)}
.other-products > div {display:block; min-height:92px}
.page-template a.see-all {float:none!important}
.page-template-product-page #main article {background:whitesmoke; padding:15px; box-sizing:border-box}
.product-list article a {display:block; padding:15px; position:relative; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; min-height:270px; max-height:270px}
.product-list article a:hover {padding:40px; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box}
.hover-overlay {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 186, 226, .8); opacity:0; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.hover-overlay:hover {opacity:1; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
span.learn-more {padding:5px 10px; display:inline-block; border:1px solid white; color:white; font-weight:300; position:absolute; top:50%; margin-top:-16px; left:50%; margin-left:-52px}
.page-template-product-page .entry-content {margin:0}
.page-template-product-page .entry-content h3 {margin:0 0 20px 0; font-weight:300; color:#333; text-transform:uppercase; font-size:18px; border-bottom:1px solid lightgrey; padding:0 0 15px 0; font-style:italic}
.page-template-product-page .entry-content p {font-size:16px; font-weight:300}
.page-template-product-page article ul {margin-left:0; padding-left:0; font-size:16px}
.page-template-product-page article li {padding-left:15px; position:relative; margin-bottom:10px; list-style:none; font-weight:300}
.page-template-product-page article li:before {content:"\f105"; font-family:FontAwesome; font-size:16px; position:absolute; left:0; top:-1px; color:#00bae2}
.page-template-product-page li a {color:#333; font-weight:300}
.page-template-product-page li a:hover {color:#00bae2}
.documents h3, .features h3 {margin:0 0 20px 0; font-weight:300; color:#333; text-transform:uppercase; font-size:18px; border-bottom:1px solid lightgrey; padding:0 0 15px 0; font-style:italic}
.page-template-product-page .features {font-size:16px; font-weight:300}
.documents {margin-bottom:30px}
.documents ul {margin:0}
.documents ul li {list-style:none; position:relative; padding-left:20px; margin-bottom:10px}
.documents ul li:before {content:"\f1c1"; font-family:FontAwesome; position:absolute; left:0; top:-2px; color:#00bae2}
article.page .documents {margin-left:0; padding-left:0; font-size:16px}
article.page .documents li {list-style:none; position:relative; padding-left:20px; margin-bottom:10px}
article.page .documents li:before {content:"\f1c1"; font-family:FontAwesome; position:absolute; left:0; top:-2px; color:#00bae2}
article.page .documents li a {color:#333; font-weight:300}
article.page .documents li a:hover {color:#00bae2}
.single-product .see-all {float:none; display:inline-block}
.single-product .entry-content ul {padding:0; margin:20px 0; font-size:16px}
.single-product .entry-content ul li {list-style:none; position:relative; padding-left:20px; margin-bottom:10px}
.single-product .entry-content ul li:before {content:"\f1c1"; font-family:FontAwesome; position:absolute; left:0; top:-2px; color:#00bae2}
.single-product .entry-content li a {color:#333; font-weight:300}
.single-product .entry-content li a:hover {color:#00bae2}
.single-product h3 {font-size:24px; margin:0 0 20px 0; font-weight:300; color:#333}
.specifications {margin-top:30px}
.dropdown:hover .dropdown-menu {display:block; min-width:180px}
.navbar-nav>li>.dropdown-menu {margin-top:0; border-top-left-radius:0; border-top-right-radius:0; background:whitesmoke; top:20px; left:-5px; border-radius:0}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color:#00bae2; background:#ebebeb}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {color:#00bae2; background:none}
.product-info {margin-top:20px}
.page-template-2col-page .side-info article {padding:15px; background:whitesmoke; margin-bottom:30px; font-size:16px; font-weight:300}
.page-template-2col-page .side-info article h3 {margin:0 0 20px 0; font-weight:300; color:#333; text-transform:uppercase; font-size:18px; border-bottom:1px solid lightgrey; padding:0 0 15px 0; font-style:italic} .page-template-2col-page .entry-content {margin-top:0}
.page-template-2col-page #main h3, .page-template-full-width-page #main h3 {font-size:24px; margin:0 0 20px 0; font-weight:300; color:#333}
.downloads ul {margin-left:0; padding-left:0; font-size:16px}
.downloads ul li {list-style:none; position:relative; padding-left:20px; margin-bottom:10px}
.downloads ul li:before {content:"\f1c1"; font-family:FontAwesome; position:absolute; left:0; top:-2px; color:#00bae2}
.downloads li a {color:#333; font-weight:300}
.downloads li a:hover {color:#00bae2}
.overview ul, article.page ul {margin:20px 0 0 0; padding:0; list-style:none; font-size:16px; font-weight:300}
.overview li, article.page li {padding-left:15px; position:relative; margin-bottom:10px}
.overview li:before, article.page li:before {content:"\f105"; font-family:FontAwesome; font-size:16px; position:absolute; left:0; top:-1px; color:#00bae2}
div#wpsl-stores ul li:before {content:""}
.gallery figure {padding:15px}
.gallery {margin:0 -15px}
.gallery strong {display:block}
.gallery-caption {margin-top:5px}
.ekko-lightbox .modal-content {background:none; box-shadow:none; border:none}
.ekko-lightbox .modal-header {min-height:0; padding:0; border-bottom:none; height:0; position:relative}
.ekko-lightbox .modal-body {position:relative; padding:0}
.ekko-lightbox .modal-header .close {margin-top:-2px; position:absolute; z-index:101; right:10px; top:10px; color:white; background:none; opacity:1; text-shadow:none; box-shadow:none}
.ekko-lightbox .glyphicon-chevron-right {right:0; float:right; padding-right:15px; text-align:right; color:white}
.ekko-lightbox .glyphicon-chevron-left {left:0; float:left; padding-left:15px; text-align:left; color:white}
.ekko-lightbox .modal-dialog {max-width:800px !important}
.ekko-lightbox.modal {background:rgba(0,0,0,.7) !important}
.case-list h3 {margin:0 !important}
.case-list img {width:100%}
.aligncenter {width:100%}
.zip-search {position:relative; margin-top:30px; padding-right:70px}
input#search-json-submit, #search {font-size:14px; padding:7px 10px; background:none; box-shadow:none; border:1px solid #00bae2; color:#00bae2}
div#loading {position:absolute; top:85px; right:30px; color:#00bae2}
input#search-json-input, select {border-color:#aaa; border-style:solid; border-width:1px; box-shadow:0 1px 2px rgba(0,0,0,0.1) inset; color:#555; float:none; padding:6px 12px; border-radius:0; width:100%; margin-right:70px}
.res {border:1px solid whitesmoke; padding:15px; background:whitesmoke}
#search {float:none; position:static}
#search-output {margin-top:20px}
input#search-json-submit:focus, #search:focus {color:white; background:#00bae2; outline:none}
input#search-json-submit:hover, #search:hover {color:white; background:#00bae2}
input#search-json-input:focus, select:focus {outline:none; border-color:#00bae2}
.no-margin {margin:0 !important}
ul#menu-sub-menu {padding:0; margin:0; list-style:none; position:absolute; right:15px; top:10px}
.sub-menu {position:relative}
ul#menu-sub-menu li {display:inline-block; margin-left:10px}
ul#menu-sub-menu li a {color:#ed7732; font-weight:500; font-size:14px; padding:0.5rem 1.3rem}
ul#menu-sub-menu li a:hover {color:#333}
ul#menu-sub-menu li:last-child {background-color: #0983bb; color: #fff!important; border:0!important; padding-right:6px}
ul#menu-sub-menu li:last-child:hover {background-color: #10acf4}
ul#menu-sub-menu li:last-child a {color:#fff !important; display:block}
.page .nav-tabs li:before {content:"" !important}
.page .nav-tabs li {margin:-1px !important; padding:0 !important}
.page .nav-tabs li a {padding-left:0 !important; padding-right:0 !important; text-align:left !important; margin-right:20px}
.page ul.nav.nav-tabs li a:after {content:"" !important}
.admin-bar .navbar-default {top:32px}
a.thumbnail-link {display:block; position:relative; overflow:hidden; max-height:211px; aspect-ratio:16/9}
a.thumbnail-link img {-moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
a.thumbnail-link:hover img {width:110% !important; max-width:110% !important; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.post-type-archive-casestudies span.learn-more {margin-left:-67px}
#archive-coolstuff article {min-height:475px} #post-876 h3 {margin:1rem 0 !important}
#post-876 p small {min-height: 4rem !important; display: block !important}
#post-876 p a {margin-top:1em!important; margin-bottom:2em!important} .market-list article {padding:0}
.post-type-archive-market article {min-height:370px!important}
.market-list article a h2 {margin:0!important; font-size:18px; font-weight:bold; display:block; color:white; position:absolute; bottom:0; left:0; right:0; padding:1em; background:rgba(80,80,80,.8); z-index:200}
.market-list .hover-overlay { z-index:100 }
.page-template-product-page #main article { background:whitesmoke; padding:15px; box-sizing:border-box }
.market-list article a { display:block; position:relative; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; min-height:370px; max-height:370px }
.market-list article a:hover { padding:40px; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box }
.market-list.entry-content p:first-child { background:rgba(220,220,220,.9); padding:1em; margin-bottom:3.8rem }
.market-list.entry-content {margin-top:0!important}
.markets_other p {line-height:1}
a .img-link {transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -moz-transition:all .5s; image-rendering:-webkit-optimize-contrast; margin-bottom:1em}
.family {font-family:Impact, Oswald; color:#fff!important; letter-spacing:.1rem; border-radius:0; border:none!important}
.bg-cac, .bg-spac, .bg-sphp, .bg-spxc {background:#C75C64}
.bg-hybrid, .bg-hwcac {background:#709F87}
.bg-fcu {background:#EE7524}
.bg-wshp {background:#5d88b3}
.bg-ptac {background:#7da7ac}
.bg-pthp {background:#e00000}
.bg-hpwh {background:#b99f8d}
.bg-elec {background:#7943ff}
.bg-vrf {background:#00bbe3}
.bg-icoolxc {background:#418FDE}
.text-cac, .text-spac, .text-sphp, .text-spxc {color:#C75C64}
.text-hybrid, .text-hwcac {color:#709F87}
.text-fcu {color:#EE7524}
.text-wshp {color:#5d88b3}
.text-ptac {color:#7da7ac}
.text-pthp {color:#e00000}
.text-hpwh {color:#b99f8d}
.text-elec {color:#7943ff}
.text-vrf {color:#00bbe3}
.text-white {color:#fff}
.text-icoolxc {color:#418FDE}
.lit {min-height:250px}
.literature a img {display:block; margin-bottom:5px; border-radius:0; padding:0}
.literature a:hover img {transform:scale(1.1); transform-origin:bottom right; box-shadow:-2px -2px 4px #eee}
.literature a {color:#777!important; display:block; line-height:1; font-weight:300!important}
.lit_filter_cat a {color:#eee; padding:.25em .5em; display:inline-block; min-width:71px; -webkit-transition:all 0.1s; transition:all 0.1s; border-top:.25em solid #fff; text-align:center; border:none!important}
.lit_filter_cat a.all, .lit_filter_cat a:active, .lit_filter_cat a:focus, .lit_filter_cat a:hover {color:#fff; padding:.5em .5em .25em .5em; border-top:none}
.lit_filter_cat a.all {background:#eee; color:#999}
.lit_filter_type a {display:block; color:#999; padding:.5em 0; line-height:1; border:none!important}
.lit_filter_type a:hover {color:#000}
.lit_filter_type hr {margin:.25em 0}
.lit a {border:none}
.lit strong {display:block}
.lit span {color:#fff; padding:0.25rem 0.5rem; margin-top:-6px}
.lit .lightbox span {font-size:1.5rem; margin-bottom:1rem}
.btn-default {border-radius:0; color:#00bde2; border:1px solid #ccc!important; letter-spacing:.5px}
.btn-default:hover {color:#fff!important; background-color:#00bde2}
#tabed h2.section-title {margin:0; padding:0}
.tab-pane p {font-weight:300}
#tabed .nav-tabs {margin:10px 0}
a.read-more {margin-top:9px}
.revit_files ul { margin:0 0 2rem 0!important; margin-top:0!important; margin-bottom:2rem!important; padding:0}
.revit_files ul li { list-style:none; display:inline-block; padding:0!important; margin:0}
.revit_files ul li:before {display:none}
.revit_files ul li a, .revit_files a.legend { border:1px solid #337ab7; padding:0 2px; min-width:68px; text-align:center; display:inline-block; background-color:#337ab7; color:#fff; margin-bottom:3px}
.revit_files a.legend:hover {cursor:help}
.revit_files ul li a:hover {color:#337ab7; background-color:#fff}
.revit_files h4 {margin:2rem 0 0.5rem 0; color:#555}
.revit_files h4 a {color:#555!important; text-decoration:none; font-weight:400; border-bottom:none}
.revit_files h2 {margin:4rem 0 0 0; border-bottom:1px solid #ccc; font-weight:100; padding-bottom:8px}
.single-product .revit_files ul li a {border:1px solid #00b2e3; padding:0 1px; min-width:51px; text-align:center; display:inline-block; background-color:#fff; color:#00b2e3!important; margin-bottom:3px; font-size:12px; font-weight:bold!important}
.single-product .revit_files ul li a:hover {background-color:#337ab7; color:#fff!important}
#content {margin-top:1.5rem} .orders-cta {float:right; text-align:center; padding:0.5rem; color:#00BAE2; background:#00BAE218; font-weight:300; border-radius:0; line-height:1.35; font-size:1.35rem!important; margin-top:2rem; display:block; width:100%}
.orders-cta a {font-weight:400; letter-spacing:.75px}
.home #content {background:#fff!important; }
.home-box {box-shadow:none}
.home-box:hover {box-shadow: rgba(17, 17, 26, 1) 0 0 25px}
.lightning-header {position:relative}
.lightning-bg, .lightning {position:absolute; top:0; left:0; width:100%; max-width:1140px; height:380px; background:url(https://www.ice-air.com/wp-content/uploads/header-electrification.jpg); background-position: center center; background-origin:content-box; background-size:cover}
.lightning-bg {z-index:1}
.lightning {z-index:2; filter:brightness(3); -o-filter:brightness(3); -moz-filter:brightness(3); opacity:0}
.flashit { -webkit-animation: flash ease-out 2s infinite; animation: flash ease-out 2s infinite; -webkit-animation-delay:2s; animation-delay:2s}
@-webkit-keyframes flash {
from {opacity:0}
92% {opacity:0}
93% {opacity:0.6}
94% {opacity:0.2}
96% {opacity:0.9}
to {opacity:0}
}
@keyframes flash {
from {opacity:0}
92% {opacity:0}
93% {opacity:0.6}
94% {opacity:0.2}
96% {opacity:0.9}
to {opacity:0}
}
.main-timeline:after {content:''; display:block; clear:both}
.main-timeline .timeline {width:calc(50% + 100px); margin:0 5px 0 0; box-shadow:0 0 10px rgba(0,0,0,0.1); float:left}
.main-timeline .timeline-content {color:#555; background:#fdece3; min-height:100px; padding:30px 150px 30px 30px; border-top:none; display:block; position:relative}
.main-timeline .timeline-content:before {content:""; background-image:linear-gradient(to right,  rgba(17, 178, 224, 0.52), rgba(17, 178, 224, 1)); height:100%; width:100px; position:absolute; top:0; right:0}
.main-timeline .timeline-content:hover {text-decoration:none}
.main-timeline .timeline-icon {color:#fff; font-size:40px; line-height:40px; transform:translateY(-50%); position:absolute; top:50%; right:0}
.main-timeline .timeline-icon img {width:100px}
.main-timeline .timeline-year {color:#333; font-size:40px; font-weight:700; line-height:40px; text-align:center; transform:translateY(-50%) rotate(90deg); position:absolute; top:50%; right:60px}
.main-timeline .title {color:#00C6DA; font-size:23px; font-weight:600; text-transform:uppercase; margin:0 0 5px}
.main-timeline .description {font-size:14px; margin:0}
.main-timeline .timeline:nth-child(even) {float:right; margin:0 0 0 5px}
.main-timeline .timeline:nth-child(even) .timeline-content {padding:30px 30px 30px 150px}
.main-timeline .timeline:nth-child(even) .timeline-content:before {right:auto; left:0}
.main-timeline .timeline:nth-child(even) .timeline-icon {right:auto; left:0}
.main-timeline .timeline:nth-child(even) .timeline-year {right:auto; left:60px}
@media screen and (max-width:767px) {
.main-timeline .timeline,  .main-timeline .timeline:nth-child(even) {width:100%; margin:0 0 30px}
}
@media screen and (max-width:576px) {
.main-timeline .timeline .timeline-content,  .main-timeline .timeline:nth-child(even) .timeline-content {text-align:center; padding:130px 25px 25px}
.main-timeline .timeline .timeline-content:before,  .main-timeline .timeline:nth-child(even) .timeline-content:before {height:70px; width:100%}
.main-timeline .timeline-icon,  .main-timeline .timeline:nth-child(even) .timeline-icon {transform:translateY(0) translateX(-50%); top:16px; left:50%; right:auto}
.main-timeline .timeline-year,  .main-timeline .timeline:nth-child(even) .timeline-year {transform:translateY(0) translateX(-50%); top:80px; left:50%; right:auto}
}
header.section-header {position:relative; width:100%; background:linear-gradient(to bottom,  rgba(17, 178, 224, 0.1) 10%, rgba(17, 178, 224, 0.2) 60%, rgba(17, 178, 224, 0.90) 80%, rgba(17, 178, 224, .95) 100%); padding:2rem; overflow:hidden; min-height:400px; margin-bottom:4rem}
header.section-header h2 {position:absolute; bottom:2rem; left:2rem; font-size:4em; font-weight:100; color:#fff}
header.section-header video.header-bg {position:absolute; top:0; left:0; width:100%; height:100%; min-width:100%; min-height:100%; z-index:-1; object-position:center; object-fit:cover}
header.section-header img.header-bg {position:absolute; top:0; left:0; width:100%; height:100%; min-width:100%; min-height:100%; z-index:-1; object-position:center; object-fit:cover}
.my-4 {margin-top:4rem; margin-bottom:4rem}
.text-white {color:#fff!important;}
.reveal {position:relative; opacity:0}
.reveal.active {opacity:1}
.active.fade-bottom {animation:fade-bottom .4s ease-in}
.active.fade-left {animation:fade-left .4s ease-in}
.active.fade-right {animation:fade-right .4s ease-in}
@keyframes fade-bottom {
0% {
transform: translateY(50px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-left {
0% {
transform: translateX(-100px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-right {
0% {
transform: translateX(100px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
article.page ul {margin:1px!important; padding:0; list-style:none}
article.page li:before {top:-1px!important}
.tree, .tree ul, .tree li {list-style:none; margin:0; padding:0; position:relative}
.tree {margin:0 0 1em; text-align:center}
.tree, .tree ul {display:table}
.tree ul {width:100%}
.tree li {display:table-cell; padding:.5em 0!important; vertical-align:top} .tree li:before {outline:solid 1px #666; content:""!important; left:0; position:absolute; right:0; top:0}
.tree li:first-child:before {left:50%}
.tree li:last-child:before {right:50%}
.tree span { border-radius:0; display:inline-block; margin:0 .2em .5em; padding:.2em .5em; position:relative}
.tree span.empty {padding:.2em 0; width:0; border-collapse:collapse; outline:solid 1px #666;} .tree ul:before,  .tree code:before,  .tree span:before {outline:solid 1px #666; content:""; height:.5em; left:50%; position:absolute}
.tree ul:before {top:-.55em}
.tree span:before {top:-.55em} .tree > li {margin-top:0}
.tree > li:before,  .tree > li:after, .tree > li > span:before {outline:none}
.tree span.l1, .bg-l1 {background:#11b2e022}
.tree span.l2, .bg-l2 {background:#11b2e066}
.tree span.l3, .bg-l3 {background:#11b2e0AA}
span.bg-l1, span.bg-l2, span.bg-l3, span.bg-l4 {display:inline-block; padding:0 1.5rem}
span.bg-l4, .bordered {border:1px solid #777}
footer#colophon {box-shadow: 0px -4px 8px rgba(50, 50, 50, 0.25)}
@media all and (max-width:1367px) {
#myCarousel .carousel-inner>.item {height:400px}
}
@media all and (max-width:1280px) {
#myCarousel .carousel-inner>.item {height: 415px}
#content {margin-top:9rem}
.navbar-nav {margin:20px 0 10px 0}
.navbar-default .navbar-nav > li > a {padding:0 10px}
a.thumbnail-link {max-height:171px}
}
@media all and (max-width:991px) {
h2.slider-title {top:40%; margin-right:15px}
#myCarousel .carousel-inner>.item {height:320px}
.navbar-nav {margin:20px 0 10px 0}
.navbar-default.shrink .navbar-nav {margin:25px 0 20px 0}
.navbar-default.shrink .navbar-nav > li > a {padding:0 5px; font-size:14px}
.navbar-default ul#menu-sub-menu {display:none}
.navbar-default #searchform {display:none}
#content {margin-top:0!important; padding-top:0!important}
}
@media all and (max-width:767px) {
.quick-links a {margin-bottom:15px; display:block; float:left; max-width:50%}
#myCarousel .carousel-inner>.item {margin-top:5rem; height:41vw; background-size:auto 100% !important}
footer#colophon .col-xs-4 {font-size:16px}
button.navbar-toggle {background:lightgrey; border:none; box-shadow:none; top:35px}
.shrink button.navbar-toggle {top:10px}
h2.slider-title {font-size:26px}
#menu-main-menu li {position:relative; display:block; margin-bottom:10px; padding:5px 0}
.navbar-nav {margin:30px 0 0 0; text-align:center}
.navbar-nav .open .dropdown-menu {text-align:center; margin-left:-15px}
#menu-main-menu li li {padding:0}
a.thumbnail-link {max-height:100%}
a.thumbnail-link:hover img {width:100% !important; max-width:100% !important; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.navbar-brand img {height:60px}
body {padding-top:90px}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color:#00bbe4; background-color:transparent}
.hero-section .container {padding:0}
#additional-section a {margin:1px 0; display:block; border:2px solid #fff}
}
@media all and (max-width:600px) {
#additional-section .col-xs-6 {width:100%}
#additional-section .col-xs-2 {width:33%}
footer .col-xs-4 {text-align:center !important; margin-bottom:15px; width:100% !important}
.home #primary .col-xs-6 {width:100%}
}
@media all and (max-width:480px) {
#additional-section .col-xs-2 {width:50%}
#additional-section .col-xs-2 a {margin:0 auto; display:inline-block; width:auto}
.nav-tabs>li>a {font-size:12px; padding:5px}
h2.section-title {font-size:26px}
a.see-all {display:inline-block; margin-top:5px; float:none; width:auto}
.tab-content h3 {font-size:18px; font-weight:300; margin-top:0}
.product-list {width:100%}
.product-list img {max-width:300px; margin:0 auto; display:block; width:100%}
.nav-links a {border:1px solid #aaa; padding:5px 10px; color:#aaa; font-size:13px; font-weight:300; display:block; height:28px; overflow:hidden}
.nav-links .nav-previous a {margin-right:10px}
.nav-links .nav-next a {margin-left:10px; text-align:left; position:relative}
.nav-next a i {margin-left:5px; position:absolute; top:6px; right:8px}
}