@charset "UTF-8";
/* CSS Document */

/* STANDARD STYLES USED THROUGHOUT THE CODING WITHIN THIS FRAMEWORK, THERE IS NO NEED TO TOUCH THESE STYLES */
html, body, header, nav, footer, ul, li, img, h1, h2, h3, h4, h5, h6, div, span, b, i, p, a{ margin:0px; padding:0px; border:none; font-family: 'Open Sans', sans-serif; }
body{ background-color:#f3f3f3; background-image:url('../../../../wp-content/themes/ableairheat/images/bg.jpg'); }
.slicknav_menu {display:none;}
.slide-parallax{ min-height:600px; background:transparent }
.pwrap{ min-width:300px; max-width:1200px; width:100%; margin:0 auto; }
.clear{ clear:both; }
.table{ display:table; width:100%; }
.row{ display:table-row; width:100%; }
.col{ display:table-column; }
.cell{ display:table-cell; }
.column75{ width:75%; }
.column50{ width:50%; }
.column25{ width:25%; }

.stickyblock{ position:fixed; top:-100px; left: 0; right: 0; }
.sticky {  z-index:999; transition:0.5s top cubic-bezier(.17, .67, .83, .67); }
.sticky.slideDown { top:0; }
.stickyTopLeft{ width:50%; float:left; }
.stickyTopRight{ width:50%; float:right; }


.tiledGallery{ list-style:none;margin:0px; padding:0px; display:block; width:100%; text-align:center; }
.tiledGallery li{ display:inline-block; margin:10px; }

.mosaicflow__column { float:left; }
.mosaicflow__item img { display:block; width:100%; height:auto; }

/* START - EDIT STYLES HERE - DESKTOP VERSION */

/* SET BODY FONT AND SIZE FOR SITE */
body{ font-size:1em; font-family: 'Open Sans', sans-serif; }

/* HEADER & LOGO */
header{ width:100%; height:108px; }
.headerblockfix{  } /* Fixes Sticky Nav Jump */
#logo{ position:relative;top:100px; }

/* HTAGS - STANDARD STYLES */
h1, h2, h3, h4, h5{ margin:0px; padding:0px;font-family: 'Oswald', sans-serif; }
h1{ text-transform:uppercase; color:#d2001d;  }
h2{ line-height:72px; font-weight:900; font-weight:48px; text-transform:uppercase; color:#656565; }
h3{ font-size:28px; }
h4{}
h5{ font-size:24px; font-weight:bold; }
h6{ font-size:18px; font-weight:bold; }

/* MAIN TOP NAV */
nav{ width:100%; display:block; text-align:right; background-color:rgba(0,0,0,.7); }
a.tnav:link, a.tnav:active, a.tnav:visited{ color:white; text-decoration:none; padding:15px; font-size:24px; text-align:center; display:block; text-transform:uppercase; font-family: 'Oswald', sans-serif;}
a.tnav:hover{ background-color:#d2001d; }
a.tnav img{ display:block; margin:0 auto; width:50px; }


/* NAV MENU LIST */
#navmenu{ display:table; }
#menunav{ display:block; list-style:none; margin:0 auto; text-align:right; }
#menunav li{ display:inline-block;  border-spacing: 10px; vertical-align:middle; }
#menunav li:hover{ background-color:#d2001d; }
#menunav li:hover ul.spages{ display:block; }
/*#menunav li:nth-child(1){ display:none; }*/

/* NAV SUB-PAGE DROP DOWN LIST */
#menunav li ul{ width:287px; background-color:#d2001d; position:absolute; display:none; padding:0px; list-style:none; text-align:left; box-shadow:1px 1px 5px black; border:  0;}
#menunav li ul li{ display:block; float:none; margin:0px; padding:0px; }
#menunav li ul li a:link, #menunav li ul li a:active, #menunav li ul li a:visited{width:285px; color:white; text-decoration:none; font-size:.9em; text-transform:uppercase; display:block; padding:15px 0px 15px 15px;   }
#menunav li ul li a:hover{ background-color:#fffc00; color:black; }
#menunav li ul li ul{ width:300px; background-color:#4a73ed; position:absolute; margin:-50px 0px 0px 300px; display:none; padding:0px; list-style:none; }
#menunav li ul li:hover{ background-color:#ff0000; }
#menunav li ul li:hover ul.sspages{ display:block; }
#menunav li ul li ul li a:hover{ background-color:#ffffff; color:#2546aa; }
#menunav li ul li:nth-child(1){ display:inline; }

/* FOOTER & FOOTER NAV */
footer{ clear:both; text-align:center;}
#foot-nav{ list-style:none; width:100%; padding:15px; }
#foot-nav li{ display:inline-block; }
a.fnav:link, a.fnav:active, a.fnav:visited{ color:white; text-decoration:none; font-size:0.8em; padding:10px; line-height:30px; }
.copywright{ font-size:.8em; display:inline-block; }
.designer{ font-size:.8em;  }
.designer a{  }

/* END - EDIT STYLES HERE - DEFAULT STYLES DESKTOP VERSION */

/* START - EDIT STYLES HERE - CUSTOM STYLES */
a:link, a:active, a:visited{ color:blue; }
a:hover{ color:red; }

section .pwrap, .seoTargeting .pwrap{ background-color:white; }
section .pwrap p, section .pwrap h1, section .pwrap h2, section .pwrap h3, section .pwrap h4, section .pwrap h5, section .pwrap h6, section .pwrap ul, section .pwrap div{ padding:10px; }

.topRight{ float:right; margin-top:10px; }
.topRight img{ float:left; margin-right:20px; }
a.phone:link, a.phone:active, a.phone:visited, .phone{ color:#d2001d; font-weight:bold;font-size:42px; background-color:rgba(0,0,0,.7); padding:0 15px; line-height:80px; text-shadow:1px 1px white; }
.blackbg, footer{ background-color:black; color:white; overflow:auto; }
.priceMatchBannerHolder{ margin:80px 0; }
.priceMatchBanner{ background-color:#656565; color:white; text-align:center; text-transform:uppercase; display:table-row;  }
.priceMatchBanner img{ float:left; }
.priceMatchBanner div{ display:table-cell; vertical-align:top; }
.priceMatchBanner p{ font-size:18px;font-family: 'Open Sans', sans-serif; }
.priceMatchBanner .yellowtxt{ font-size:24px; }
.priceMatchBanner .lgtxt{ font-weight:bold;font-family: 'Open Sans', sans-serif; }
.lgtxt{ font-size:48px; }
.yellowtxt{ color:#fffc00; }

.topServices{ list-style:none; display:block; text-align:center; width:100%; }
.topServices li{ display:inline-block; width:24%; text-align:center; }
.topServices li img{ display:block; margin:0 auto; }
.topServices li a:link, .topServices li a:active, .topServices li a:visited{ border:solid 2px white; padding:10px; line-height:62px; height:62px; border:none; font-size:16px; text-decoration:none; background-color:#d2001d; color:#fef200; text-transform:uppercase; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.topServices li a:hover{ border:solid 2px #d2001d; background-color:white; color:#d2001d; font-size:16px; }

.sameday{ display:block; text-align:right; }
.sameday img{ float:left; position:relative; top:15px; }
.sameday span{ font-weight:bold; font-size:36px; }

.italic{ font-style:italic; }

.angieslistbx, .yelpbx{ display:table-cell; vertical-align:top; width:40%; color:white; padding:20px 4%; text-align:center; }

.alignLeft{ display:inline-block; vertical-align:top; width:40%; text-align:left; padding:20px 4%;  }
.alignRight{ display:inline-block; vertical-align:top; width:40%; text-align:right; padding:20px 4%;  }
.alignRight iframe{ position:relative; width:100%; }

.copywright, .designer{ text-transform:uppercase; display:inline-block; width:49%; }
.copywright{ text-align:left; }
.designer{ text-align:right; }
.designer a{ color:white; text-decoration:none; }
.designer a:hover{ color:#d2001d; }

a.fnav:link, a.fnav:active, a.fnav:visited{ text-transform:uppercase; }
a.fnav:hover{ background-color:#d2001d;}

header{ position:relative; z-index:101; }
nav{ position:relative; z-index:100; }
.slideshow{ position: relative; z-index: 0; top: -263px; margin-bottom: -273px; text-align:center; }

.cform{ width:100%;  background-color:#d2001d; color:white;}
.cform h1{ color:white; margin:20px 0; }
.fldlbl, .fldinput{ display:block; line-height:30px; height:30px; width:90%; margin:0 auto; }
.cform a.yellowbtn:link, .cform a.yellowbtn:active, .cform a.yellowbtn:visited{ display:block; background-color:yellow; line-height:55px; height:55px; width:90%; text-decoration:none; color:black; margin-top:20px; }

.serviceImg{ margin:10px; float:left; }

a.redbtn:link, a.redbtn:active, a.redbtn:visited{ border:solid 2px #d2001d; background-color:#d2001d; color:yellow; text-decoration:none; margin:20px; padding:10px; line-height:30px; }
a.redbtn:hover{ background-color:yellow; color:#d2001d; border:solid 2px yellow; }

a.grnbtn:link, a.grnbtn:active, a.grnbtn:visited{ border:solid 2px #d2001d; background-color:white; color:#d2001d; text-decoration:none; margin:20px; padding:10px; line-height:30px; }
a.grnbtn:hover{ background-color:#d2001d; color:white; }


.servicesList{ display:block; }
.servicesList ul{ list-style:none; margin:0px; padding:0px; display:table; width:100%; }
.servicesList ul li{ display:table-row; width:100%; }
.servicesList ul li div{ display:table-cell; vertical-align:top; width:100%; padding-bottom:40px; }
.servicesList ul li div img{ margin:10px; }
.servicesList ul li div .right{ float:right; }
.servicesList ul li div .left{ float:left; }

.leftCol{ width:70%; float:left; }
.rightCol{ width:26%; float:left; }

.stickyTopLeft img{ width:150px; }
.stickyTopRight{ font-size:1.2em; text-align:right; margin:10px; width:45%; }

.rightOther{ margin:10px; background:#f6f5f3; border:solid 1px #e8e7e4; text-align:center; }
.rightOther ul{ list-style:none;margin:0px;padding:0px; }
.rightOther ul li{ margin-bottom:15px; }
.rightOther a{ text-decoration:none; color:black; font-weight:bold; }

.greybx{ margin: 10px; background: #ecebea; border: solid 1px #d6d5d3; }
.greybx img{ float:left; margin:15px; }
.greybx2{ margin: 10px; background: #ecebea; border: solid 1px #d6d5d3; display:inline-block; width:45%; }
.greybx2 img{ float:left; margin:15px; }

.servicecontractbanner{ max-width:900px; width:100%; }

.seoTargets a:link, .seoTargets a:active, .seoTargets a:visited{ text-decoration:none; padding:5px; margin:2px; border:none; background-color:#a29e9b; color:white; display:inline-block;}
.seoTargets a:hover{ background-color:#d2001d; }
/* END- EDIT STYLES HERE - CUSTOM STYLES */

/* START - EDIT STYLES HERE - MOBILE VERSION */

@media only screen and (max-width : 800px) {
    .greybx2{ width:95%; }
}
@media only screen and (max-width : 600px) {
	.slicknav_menu { display:block; width:auto; }
	/* nav{ display:none; } */
    header b, header strong{ display:none; }
	header .telephone{ float:none; text-align:center; display:block; padding:10px 0px 10px 0px; }
    #logo{ display:none;}
	.slide-parallax, #navmenu{ display:none; }
    a.tnav img{ display:inline-block; float:left; width:25px; margin-right:10px; }
    .img100{ width:100%; float:none; margin:0px; }
    h1{ font-size:30px; line-height:35px;  }
    h2, h3{ font-size:28px; line-height:35px; }
    h4{}
    h5{ font-size:24px; font-weight:bold; }
    h6{ font-size:18px; font-weight:bold; }
    .slicknav_menutxt img{ width:70%; float:left; }
    .slideshow{ position:static;margin:0px; }
    .topServices li{ display:block; width:100%; text-align:center; padding-top:100px; }
    .sameday{ text-align:center; }
    .sameday img{ float:none; display:block; position:static; margin:0 auto; }
    .sameday span{ font-size:28px; }
    .priceMatchBanner img{ float:none; display:none; }
    .priceMatchBanner div{ display:block; }
    .angieslistbx, .yelpbx, .alignLeft, .alignRight{ display:block; width:92%; text-align:center; }
    .copywright, .designer{ display:block; text-align:center; width:100%; }
    .topRight{ display:block; float:none; }
    .topRight img{ display:block; }
    .topRight a:link, .topRight a:active, .topRight a:visited, .phone{ text-decoration:none; color:#d2001d; font-size:38px; padding:0; background-color:white; line-height:80px; }
    
    
    .servicesList{ display:block; }
.servicesList ul{ list-style:none; margin:0px; padding:0px; display:table; width:100%; }
.servicesList ul li{ display:table-row; width:100%; }
.servicesList ul li div{ display:table-cell; vertical-align:top; width:100%; padding-bottom:40px; }
.servicesList ul li div .right, .servicesList ul li div .left{ float:none; display:block }
.servicecontractbanner{ width:100%; }

    .leftCol, .rightCol{ width:100%; float:none; }
    .img100{ width:100%; }
    section .pwrap p, section .pwrap h1, section .pwrap h2, section .pwrap h3, section .pwrap h4, section .pwrap h5, section .pwrap h6, section .pwrap ul, section .pwrap div{ padding:10px 0px; }
    .stickyblock{ display:none; }
    
    .greybx2{  display:block; width:95%; }
    .greybx2 img, .greybx img{ float:none; margin:15px auto; display:block;}

}

@media only screen and (max-width : 400px) {
    .topRight a:link, .topRight a:active, .topRight a:visited, .phone{ text-decoration:none; color:#d2001d; font-size:28px; padding:0; background-color:white; line-height:80px; }
}
/* END - EDIT STYLES HERE - MOBILE VERSION */