/*********************************************************************

                          MAKE DYNAMIC

**********************************************************************/
.error404 main [type="search"]{width:70%}
.error404 main {padding:8rem 0}
 /* DROP DOWN MENU POSITION: Drop down menus should have a top position equal to height of parent list items and then padding-top equal to padding of main menu.   This will set the drop down perfectly.   You also have to adjust padding-top for anchored menu (when scrolling down) as the padding is smaller when the menu is stuck to top.   */

.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu,
.sticky .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {top:62px;padding-top:0}/* padding top should equal padding of sticky main menu */

.sticky.is-stuck .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {top:100px;padding-top:0}
.taptap-header-bg-image{display:none;}

/* MISC */
.bold{font-weight:700}
.info-box img {
  height: 100px;
  object-fit: contain;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.info-box h3, .info-box {
  text-align: center;
}
.info-box h3 {
  margin-bottom: .5rem;
}
/*********************************************************************
      TYPOGRAPHY

**********************************************************************/
/* FONT FAMILY */
body{ font-family: "roboto",sans-serif;}
p,ul li, a, h1,h2,h3,h4,h5,h6,input,select,.ui-widget select{ font-family: "roboto",sans-serif; }
body{font-size:1em}
p,li{font-size:1em}

/* FONT WEIGHT */
a.button,h1,h2,h3,h4,h5,h6{font-weight:700;}
body,p, ul li, a{font-weight:500}

/*HEADERS */
.location_header h1,
h2{font-weight:500;}
h2 span, 
h2 span a,
.location_header h1 span, 
.location_header h1 span a
{font-weight:900;}
h1,h2{text-transform:capitalize}

h1,
h2.section_title{font-size:2.5em}

body:not(.home) .top-banner {display: none;}
.top-banner a {
    color: #384657;
    font-weight: bold;
    font-size: 0.9em;
    padding: 0.5em 0;
    display: block;
}
.top-banner {
    background: #fed303;
    text-align: center;
    color: #fff;
}


/*********************************************************************

                 BLOG

**********************************************************************/
.blog-cta {
    text-align: center;
    margin: 10px 0;
    padding: 45px 30px;
    border-radius: 10px;
    background: #166a04;
background: linear-gradient(to bottom, #166a04 0%,#0b3802 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166a04', endColorstr='#0b3802',GradientType=0 );
    position: relative;
}
.cta-text {
    z-index: 9;
    position: relative;
}
.blog-cta h2, .blog-cta p {
    color: #fff!important;
}
.blog-cta a {
    border-radius: 25px;
    background-color: #fed303;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.22);
    padding: 15px 45px;
    display: inline-block;
    z-index: 9999;
    position: relative;
    color: #000;
}
/*********************************************************************

                 SPACING

**********************************************************************/
.page_intro h3{margin-bottom:.25rem}
.why_choose .columns,
.our_locations h2,
.services h2
{margin-bottom:3rem}
/* 1024px and up | Desktop +  */
@media screen and (min-width:64em){
    .float-left-right {
    float: left;
}
.float-left-mobile {
    float: right;
}
}

/* Up to 1023px | Tablet */
@media screen and (min-width:64em){}


/*  374px > 639px | Small - Mobile  */
@media screen and (max-width: 39.9375em) {
.location_wrapper{margin-bottom:2rem;}
.float-left-mobile{margin-bottom: 20px;}
  }

/* 0px > 373px | XSmall - Mobile */
@media screen and (max-width: 23.375em) {
    .float-left-mobile{margin-bottom: 20px;}
}

/*********************************************************************

                          THEME COLORS

green: #0B3802
yellow:  #FED303
bright yellow:  #FEEB7D
orange: #eea243
Grey: #DCDCDC
Blue: #00A7E1
Drk Blue: #006080
**********************************************************************/
body{background:#fff;color:#666; font-weight:300}


/* BUTTONS */
/* lead / submit - green */
.button{border:1px solid #fff;border-radius:3px;font-weight:700;padding-top:.79rem;padding-bottom:.79rem;text-shadow:1px 1px 1px #fff}
.cta_btn.button,
.lead.button{/*background-image:linear-gradient(#166A04, #0B3802);*/background:#166A04;color:#fff;text-shadow:1px 1px 1px #0B3802}
.cta_btn.button:hover,
.lead.button:hover{background-image:linear-gradient(#0B3802, #166A04);color:#fff;}
input.lead.button{line-height:1}
/* action - orange background */
.action.button{/*/background-image:linear-gradient(#FED303, #eea243);*/background:#FED303;color:#0B3802;}
.action.button:hover{background-image:linear-gradient(#eea243, #FED303);}

/* action - white background */
.action.white.button{background-image:linear-gradient(#fff, #e8e8e8);border:1px solid #eea243;color:#eea243;font-weight:normal;}
.action.white.button:hover{background-image:linear-gradient(#e8e8e8, #fff);color:#eea243;border:1px solid #eea243;font-weight:normal;}

/* action - no background */
.action.hollow.button{background:none;border:1px solid #eea243;color:#eea243;font-weight:normal;text-shadow:none}
.action.hollow.button:hover{background:#fff;color:#eea243;border:1px solid #eea243;}

/* chat - orange background */
.chat.button{/*background-image:linear-gradient(#00A7E1, #006080);*/background:#00A7E1;color:#fff;text-shadow:1px 1px 1px #006080}
.chat.button:hover{background-image:linear-gradient(#006080, #00A7E1);}

#menu-main-menu,
#main-menu #menu-main-menu li.is-active ul,
.banner-top,
.banner-bottom,
.button
{box-shadow: 0px 0px 4px 1px rgba(119,119,119,.5);-moz-box-shadow: 0px 0px 4px 1px rgba(119,119,119,.5);}
@media only screen and (max-width:63.9375em){
  .help .form-container{box-shadow: 0px 0px 4px 1px rgba(119,119,119,.5);-moz-box-shadow: 0px 0px 4px 1px rgba(119,119,119,.5);}
}

 /* headings*/
h1, h2, h1 a, h2 a {color:#0B3802}
h3,h4,h5,h6, h3 a, h4 a, h5 a, h6 a {color:#000 !important;}
h3{font-size:1.25em}
h4{font-size:1em}
.home h2.section_title{font-size:2.5em;}
h2, h2.section_title{color:#0B3802;font-size:1.5em;font-weight:700;margin-bottom:1rem;text-shadow:1px solid #fff}  
.section_header h2, .section_header h2.section_title{margin-bottom:.25rem}
h2.section_title+p{margin-top:-.75rem}
p+h2{margin-top:2rem}
.cta_bar .section_title{margin-bottom:.5rem}
/*#back-top a i,*/
.searchform input[type="submit"],
#sfm-sidebar .sfm-view-level-1 .sfm-menu li:hover,
#sfm-sidebar .sfm-view-level-1 .sfm-menu li:hover a,
#sfm-sidebar li:hover span,
.cta_bar h2
{color:#eea243;} /* orange */
#frm_form_6_container fieldset input[type="submit"]{color:#fff;padding-top:.5em;padding-bottom:.25em;width:auto;}
/* yellow */
.ceiling_nav a{color:#FED303;}

 /* Green */
/* drop down menu hover */
.top-bar-right #menu-main-menu li .submenu li a:hover,
/* search box and pagination hover - use lighter version of brand primary color */
.pagination .current,
.pagination li a:hover,
.searchford-box .searchford-foot,
/* formidable date picker */
.ui-widget-header
{background:#0B3802;}
#back-top a i,
.mobile_buttons a,
.mobile_buttons a i,
ul.check li:before{color:#0B3802} 

.underline-mark{background:url('/wp-content/uploads/underline-orange.png') no-repeat center bottom;background-size:contain;padding: 0 0 .15rem 0}

/*********************************************************************

                         FORMS

**********************************************************************/ 
[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="time"], [type="text"], [type="url"], [type="week"], textarea, [type="submit"], .form-field .button, select:active, input [type="text"], input .ui-widget select, .ui-widget input, .ui-datepicker .ui-datepicker-title select{font-size:1em}
select{font-size:.95em}
#frm_form_12_container label,
.no-labels label{display:none;}

/*********************************************************************

                          BODY

**********************************************************************/
body:not(.home){border-top: 10px solid #FED303;}
/*********************************************************************

                          OVERLAY

**********************************************************************/
.home.overlay{}
/*********************************************************************

                          HEADER

**********************************************************************/
header{border-bottom:1px solid #e8e8e8;z-index:9999}
.home header{background:transparent;}
header{background:#e8e8e8}
.livechat{background:url('/wp-content/uploads/chat-blue.png') 0 0 no-repeat;height:59px;position:fixed;right:0; width:139px}
.menu-service-years {float:left;height:41px;margin-top:11.5px}
.menu-service-years ul li{color:#0B3802;font-weight:700;font-size:1em;line-height:41px;padding:0;margin:0; text-transform:uppercase;text-shadow:1px 1px 1px #fff}
.menu-service-years,
.menu-ceiling-container{display:inline-block}
/*********************************************************************

                          CIELING

**********************************************************************/
.ceiling{padding-bottom:0}
.menu3 .ceiling #menu-ceiling a{color:#383838;font-size:1em;line-height:1.5em;font-weight:700;margin-top:11.5px;text-align:right;text-shadow:1px 1px 1px #fff}
.menu3 .ceiling #menu-ceiling a span.large{font-size:2em;}
.menu3 .ceiling #menu-ceiling a span.small{font-size:.85em}
/*********************************************************************

                         MISC

**********************************************************************/
/* box shadow */
ul.check li{ list-style:none; list-style-type:none;}
/*two sections on top of each other that are considered same content - remove top/bottom padding */
.section-top{border-bottom:none;padding-bottom:0;margin-bottom:1.5rem}
  
.section-bottom{border-top:none;padding-top:0}
/* pop up modal */
.reveal{background:none;border:none}
.reveal .form-container h2{color:#0B3802;font-size:1.75em;text-shadow:1px 1px 1px #fff;margin-bottom:1.5rem}
.reveal .form-container label{display:none}
 ul + hr{margin-top:3rem}
/*********************************************************************

                          NAVIGATION

**********************************************************************/
.top-bar{padding-top:0;padding-left:.9375rem;padding-right:.9375rem}

.menu3-wrapper{  background:#e6e6e6;
  box-shadow: 0 8px 6px -6px #666666;-moz-box-shadow: 0 8px 6px -6px #666666;}
#menu-main-menu{background:#fff; border:1px solid #fff;border-radius:3px;height:auto;padding-left:0;padding-right:0;}
/* menu item */
#main-menu #menu-main-menu a{border:none;transition: all ease 0.5s;color:#383838;font-weight:700;line-height:52px;padding-left:1rem;padding-right:1.3rem;margin:0}
/* first menu item hover */
#main-menu #menu-main-menu li:first-child a:hover{border-radius:3px 0 0 3px;}
/* active menu item & menu item hover*/
#main-menu #menu-main-menu li.is-active a,
#main-menu #menu-main-menu li a:hover{background:#e8e8e8;border-radius:0 0 0 0;opacity:1.0}

/* call to action menu item */
#main-menu #menu-main-menu li:last-child a,
nav#main-menu ul#menu-main-menu li:last-child a, .sticky nav#main-menu ul#menu-main-menu li:last-child a{background:#FED303;border:none;border-radius:0 3px 3px 0;color:#383838;height:52px;line-height:50px;text-shadow:1px 1px 1px #FEDF50;transition: all ease 0.5s;}
/* call to action menu item hover */
nav#main-menu ul#menu-main-menu li:last-child a:hover, .sticky nav#main-menu ul#menu-main-menu li:last-child a:hover{background:#eea243;}
/* drop down arrow */
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after{border-color: #383838 transparent transparent;right:.3rem}

/* drop down menu - no background */
#main-menu #menu-main-menu li.is-active ul {background:none;}

/*drop down menu items */
.menu3 .floor ul li .submenu li{top:0}
nav#main-menu ul#menu-main-menu li ul li a, 
.sticky nav#main-menu ul#menu-main-menu li ul li a{padding:0 1.5rem 0 1.5rem;margin:0;text-align:left;transition: all ease 0.2s;}
/* no cta button on drop down menus */
nav#main-menu ul#menu-main-menu li ul li:last-child a, 
.sticky nav#main-menu ul#menu-main-menu li ul li:last-child a
{border-radius:0;background:#e8e8e8;height:52px;text-shadow:none}
/* drop down menu hover */
nav#main-menu ul#menu-main-menu li ul li:last-child a:hover, 
.sticky nav#main-menu ul#menu-main-menu li ul li:last-child a:hover,
#main-menu #menu-main-menu li.is-active ul li a:hover{background:#fafafa;border-radius:0;opacity:1.0}

/* menu on scroll down (stuck) */
.is-stuck #menu-main-menu{border:none;background:none;box-shadow:none}
.is-stuck #main-menu #menu-main-menu li.is-active a{border-radius:3px;border:1px solid #c1c1c1;}
.is-stuck #main-menu #menu-main-menu li.is-active ul{box-shadow:none;border:1px solid #c1c1c1;border-radius:3px;}
.is-stuck.sticky nav#main-menu ul#menu-main-menu li ul li a{border:none}
.is-stuck.sticky nav#main-menu ul#menu-main-menu li ul li,
.is-stuck nav#main-menu ul#menu-main-menu li ul li a, 
.is-stuck.sticky nav#main-menu ul#menu-main-menu li ul li a,
.is-stuck.sticky nav#main-menu ul#menu-main-menu li ul li:last-child a{border-radius:0}
.is-stuck.sticky #main-menu #menu-main-menu li:last-child a{border-radius:3px}
/*********************************************************************

                          BANNER

**********************************************************************/
.home .banner{padding:6rem 0;border-bottom:10px solid #FED303}
.banner-top{background:#444444;
  background:rgba(68,68,68,0.8);margin-bottom:1rem}
.banner-top,
.banner-bottom{border:2px solid #fff;border-radius:3px;max-width:85%;margin-left:auto;margin-right:auto;padding:1.5rem}
.banner-top h1{color:#fff;font-size:3em;}
.banner-top h1,
.banner-top p{text-align:center;text-shadow:1px 1px 1px #383838;}
.banner-top p{color:#fafafa;font-size:1.25em;margin: 0 auto;max-width:75%;}
.banner-bottom{background:#FED303;
  background:rgba(254,211,3,0.8);text-align:center;padding:1.5rem}
.banner-bottom img:hover{opacity:0.8}.banner-bottom h2 {margin-top:1.5rem}
.banner-bottom h2 a{color:#4D4D4D;font-weight:700;font-size:.85em;text-align:center}
.banner-bottom p{display:none;margin:0}
.banner-bottom p + h2{margin-top:.5rem}

.banner-position {
    position: relative;
}

.inside-banner-cta {
    position: absolute;
    bottom: -4.8em;
    left: -0.1em;
}
.yellow-button {
    box-shadow: 0 0 4px 1px rgba(119,119,119,.5);
    border: 1px solid #fff;
    background: #fed303;

    color: #383838;
    font-weight: 700;

    padding: 14px 22px;
}

.yellow-button:hover {
    background: #eea243;
    color: #383838;
    opacity: 1;
    transition: all ease 0.5s;
}

.yellow-button:focus {
    color: #383838;
}

/*********************************************************************

                         SPRITES
**********************************************************************/
/* icons & recognition*/

.logo-generac-elite-dealer-370, .yelp-5-star, .logo-trane-comfort-specialist-85, .logo-acca, .logo-best-of-house-homes-2016-new, 
.logo-electrical-association-philadelphia-85, .img-100-percent-guarantee-85, .icon-heating, .icon-air-conditioning, .icon-electric, 
.icon-generator
{ max-width: 100%; background-size: 100%; background-image: url('/wp-content/uploads/sprite-icon-recognition.png'); }
 
.logo-generac-elite-dealer-370 { background-position: 0 0%; background-size: 100%; }
.yelp-5-star { background-position: 0 9.467456%; background-size: 139.393939%; }
.logo-trane-comfort-specialist-85 { background-position: 0 25.459689%; background-size: 343.925234%; }
.logo-acca { background-position: 0 37.48232%; background-size: 432.941176%; }
.logo-best-of-house-homes-2016-new { background-position: 0 49.50495%; background-size: 432.941176%; }
.logo-electrical-association-philadelphia-85 { background-position: 0 61.527581%; background-size: 432.941176%; }
.img-100-percent-guarantee-85 { background-position: 0 73.550212%; background-size: 438.095238%; }
.icon-heating { background-position: 0 81.208054%; background-size: 721.568627%; }
.icon-air-conditioning { background-position: 0 87.516779%; background-size: 782.978723%; }
.icon-electric { background-position: 0 93.699732%; background-size: 782.978723%; }
.icon-generator { background-position: 0 100%; background-size: 782.978723%; }


/* vendor responsive sprites  http://responsive-css.spritegen.com/ */
.logo-aprilaire-bw, .logo-bryant-bw, .logo-generac-bw, .logo-honeywell-bw, .logo-trane-bw, 
.logo-weil-mclain-bw
{ max-width: 100%; background-size: 100%; background-image: url('/wp-content/uploads/sprite-vendors.png'); }
 
.logo-aprilaire-bw { background-position: 0 0%; background-size: 100%; }
.logo-bryant-bw { background-position: 0 20.833333%; background-size: 100%; }
.logo-generac-bw { background-position: 0 41.666667%; background-size: 100%; }
.logo-honeywell-bw { background-position: 0 62.5%; background-size: 100%; }
.logo-trane-bw { background-position: 0 83.333333%; background-size: 100%; }
.logo-weil-mclain-bw { background-position: 0 100%; background-size: 100%; }

/*********************************************************************

                          HOME PAGE

**********************************************************************/
/* vendors */
.vendors{background:url('/wp-content/uploads/bg-vendors.jpg') top center no-repeat,#fff;border-bottom:none;min-height:212px;padding:3rem 0 0 0}

/* help */
.help,
main{background:url('/wp-content/uploads/bg-help2.png') bottom center no-repeat,linear-gradient(#fff, #e8e8e8);border-bottom:1px solid #d8d8d8;/*background-image:linear-gradient(#fff, #e8e8e8);*/padding-top:0}
  .help-headline{text-align:center;}
    .help-headline h2.section_title{margin-bottom:.95rem}
    .help-headline p.help-tagline{color:#888;font-size:1.5em;margin-bottom:4rem}
  .help hr{margin-top:3rem}
  .help .tabs{background:none;border:none;}
    .help .tabs li{display:inline-block;margin-top:0;width:14.28%}
    /*-- normal tab */
    .help .tabs-title>a{background:none;border-bottom:5px solid #c1c1c1;color:#999;font-size:1.15em;font-weight:700;text-transform:none;padding:0 0 1.5em 0;width:100%} 
    /*-- tab hover */
     .help .tabs-title>a:hover{background:none;border-bottom:5px solid #FED303;color:#0B3802}
    
    /*-- active tab */
    .help .tabs-title.is-active>a{background:none;border-bottom:5px solid #FED303;color:#0B3802}
    
    .help .tabs-content{background:none;border:none;color:#666;}
    .help .tabs-content .lead.button{margin-left:.25rem}
    .help .tabs-content h2{color:#0B3802;font-size:2rem;font-weight:700}
    .help .tabs-content h3{color:#383838}
    .help .tabs-content h2 + h3{margin-top:1.5rem}
    .help .tabs-content h3 + p{margin-top:1.5rem}
    .help .tabs-panel{padding-left:0;padding-right:0}
   .frm-show-form{background:none;border:none}
  .sidebar .form-container{background:#fff;}
  .form-container{background:#fafafa;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:5px solid #FED303;border-radius:3px;padding:2rem}
  .form-container h2,
  .form-container h3{text-align:center;}
  .form-container h2{color:#FED303;font-size:2em;font-weight:700; margin:1.5rem 0 1.5rem 0;text-shadow:1px 1px 1px #999;}
  .form-container h3{border-top:1px dotted #c1c1c1;border-bottom:1px dotted #c1c1c1;color:#666;margin-bottom:1.5rem;padding:.5rem 0;font-size:1em;font-weight:700;}
  form label{display:none;}
  .frm_description{display:none}
  .help ul{margin-left:0}
  /*recognition*/
  .recognition{margin-top:1.5rem}

/* financing */
.financing{/*background:url('/wp-content/uploads/bg-financing.png') top left no-repeat*/background:#0B3802}

.financing .section_header,
.financing h3{margin-bottom:1.5rem}
.financing,
.financing h2.section_title,
.financing h2,
.financing h3{color:#EBF5EE; text-shadow:1px 1px 1px #1A3A23}
.financing p.small{font-size:.85em}

/*********************************************************************

                         INSIDE PAGES

**********************************************************************/
.page .overlay{background:none;}
/* banner */
.bannerinside{background-image:linear-gradient(#0B3802, #156604);/*background:url('/wp-content/uploads/bg-bannerinside.png') 0 0 repeat;*/border-bottom:1px solid #e8e8e8;padding:4rem 0}
.bannerinside h1{color:#fff;}
.bannerinside h1,
.bannerinside p.subheadline{text-shadow:1px 1px 1px #0B3802}
.bannerinside p.subheadline{color:#c1c1c1}
.breadcrumbs {margin-top:1.5rem}
.breadcrumbs li,
.breadcrumbs li a,
.breadcrumbs span
.breadcrumbs a{color:#fff}
.breadcrumbs .trail-begin a{color:#c1c1c1;text-decoration:underline}
.breadcrumbs .trail-browse{display:none!important}
.breadcrumbs.breadcrumb-trail, .breadcrumbs.breadcrumb-trail a{
	color: #fff;
}
/* sidebar */
.content-sidebar.columns{padding-left:0}
.sidebar .widget{border:none;margin-bottom:1.5rem;}
.sidebar form input[type="search"]{width:70%}
.sidebar .widget ul{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}
.sidebar-coupon{margin-bottom:1.5rem}
.textwidget a.button{margin-bottom:1.5rem}
.textwidget a.button:last-child{margin-bottom:0}
.frm_form_widget .widgettitle{display:none}
.frm_form_widget fieldset{background:none;border:none;padding:0}
.frm_form_widget .form-container{padding:1rem;text-align:center}
.frm_form_widget .form-container h2 {font-size:1.5em;margin-top:1rem}
.frm_form_widget .form-container h3 {color:#999}
.frm_form_widget .form-container label{display:none}
#sidebar5 .frm_fields_container {background: #fff;border: 1px solid #ededed;border-radius: 5px;padding: 1em;}
#sidebar5 .frm_submit {
    text-align: center;
}

#sidebar5 .frm_submit button {
    background-image: linear-gradient(#0B3802,#166A04);
    color: #fff;
    /* display: inline-block; */
    padding: 0.7em 1.3em;
    border-radius: 5px;
    box-shadow: 0 0 4px 1px rgba(119,119,119,.5);
    -moz-box-shadow: 0 0 4px 1px rgba(119,119,119,.5);
    border: 1px solid #fff;
}
/*********************************************************************

                         ABOUT PAGE

**********************************************************************/
.service-list h3 a,
.service-list h3{color:#1779ba;font-weight:700}


/*********************************************************************

                         CONTACT PAGE

**********************************************************************/
.contact-page,
.contact-page p{text-align:center;}
.contact-page-form{border-radius:3px;}
.contact-page-form .form-container{border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-bottom:none;border-radius:0;}
.contact-page-form-top .row{background:#FED303;border-radius:3px 3px 0 0;margin:0}
.contact-page-form-top .columns{padding-top:1rem;padding-bottom:1rem; text-align:center;}
.contact-page-form-top a,
.contact-page-form-top i{color:#383838;font-weight:700; text-shadow:1px 1px 1px #FEDF50}
/*********************************************************************

                         ELECTRIC PAGE

**********************************************************************/
.electric .row{margin-bottom:1.5rem}
.electric ul{margin:0}

/*********************************************************************

                         ESTIMATE PAGE

**********************************************************************/
.help.estimate{padding-top:3rem}
.help.estimate form{margin:0 auto;max-width:65%}
  .help.estimate form label{display:block}



/*********************************************************************

                         FINANCING OPTIONS PAGE

**********************************************************************/ 
.finance-options span.or{font-size:2em;font-weight:700}
.finance-options h3{font-size:1.5em}
.finance-options h3 a{font-weight:700}  
.finance-options ul {margin-top:1rem;margin-bottom:1rem}
.finance-options ul + h3,
.finance-options h3 + p{margin-top:.5rem}
/*********************************************************************

                         SERVICE PLANS

**********************************************************************/ 
.plans-headline{text-align:center;}
    .plans-headline h2.section_title{margin-bottom:.95rem}
    .plans-headline p.plans-tagline{color:#888;font-size:1.5em;margin-bottom:4rem}
  .plan-intro{margin:3rem 0;text-align:left}
  .plan-intro p + p{margin-top:0}
.plans .underline-mark{padding-bottom:1rem}
.plans .tabs{background:none;border:none;}
    .plans .tabs li:first-child{width:28%}
    .plans .tabs li{display:inline-block;margin-top:0;width:18%}
    /*-- normal tab */
    .plans .tabs-title>a{background:none;border-top:5px solid #c1c1c1;border-bottom:5px solid #c1c1c1;color:#999;font-weight:700;text-transform:none;padding:1.5rem 0 1.25rem 0;width:100%} 
    .plans .tabs-title>a>span.plan-title{font-size:1.72em}
    .plans .tabs-title>a>span.plan-price{font-size:1.25em;line-height:2em}
    /*-- tab hover */
     .plans .tabs-title>a:hover{background:none;border-top:5px solid #FED303;border-bottom:5px solid #FED303;color:#0B3802}
    
    /*-- active tab */
    .plans .tabs-title.is-active>a{background:none;border-top:5px solid #FED303;border-bottom:5px solid #FED303;color:#0B3802}
    
    .plans .tabs-content{background:none;border:none;color:#666;padding-left:1.5rem}
    .plans .tabs-content h2{color:#0B3802;font-size:2em;font-weight:700}
    .plans .tabs-content h3{color:#383838;font-size:1.5em}
    .plans .tabs-content h2 + h3{margin-top:1.5rem}
    .plans .tabs-content h3 + p{margin-top:0}
    .plans .tabs-panel{padding-left:0;padding-right:0}
#frm_form_6_container label{display:none}
.service-faq{background:#fff;border:1px solid #e8e8e8;border-radius:3px;padding-bottom:1.5rem}
.service-faq h3{color:#fff;background:#383838;margin-bottom:1.5rem;padding:1.5rem;text-align:center}
.service-faq p,
.service-faq h4{font-size:.95em;padding:0 1.5rem}
/*********************************************************************

                        FAQ

**********************************************************************/
.faq-group h2{margin-top:3rem;font-weight:700}
.faq-group .accordion-title,
.faq-group .accordion-content{border-bottom:1px solid #e8e8e8;}
.faq_group .accordion{background:transparent}
/*********************************************************************

                         CTA BAR * COUPONS

**********************************************************************/
.page-coupon + .cta_bar{display:none}
aside.page-coupon{display:none;}
.page-coupon{padding:3rem 0;text-align:center}
.page-coupon h2{margin-bottom:1.5rem}
.coupons-wrapper{display:block;}
.page-coupon a.button{margin-top:1.5rem}
.coupons{padding-bottom:2rem}
.coupons p+div{margin-top:0!Important}
.coupons .columns img{margin-bottom:2rem}

.page-id-4539 .cta_bar,
.home .cta_bar{ display:none}
.cta_bar,
/*coupons */
.page-coupon{background-image:linear-gradient(#fff, #DEDEDE)}
.cta_bar,
.cta_bar p,
.coupon-specials p{color:#888;}
.cta_bar,
.cta_bar h2,
.coupon-specials h3,
.cta_bar h3{text-shadow:1px 1px 1px #fff}
.coupon-specials h2,
.cta_bar h2{color:#383838;}
.coupon-specials h3,
.cta_bar h3{color:#888;font-size:1.5em;font-weight:300}
.coupon-specials{background:#fff;}.coupon-specials p,
.cta_bar p{font-size:1.25em}
.cta_bar a.button{margin-top:0}
.coupon-wrapper{display:block;height:auto;margin:2rem auto 2rem auto;text-align:center;width:632px;}
/*********************************************************************

                         FOOTER

**********************************************************************/
#back-top{bottom:1.6%;right:20%}
#no-blog-sidebar footer,
#blog-sidebar footer{/*background:url('/wp-content/uploads/bg-cta-yellow.jpg') top left no-repeat;background-size:cover*/background-image:linear-gradient(#fff, #eaeaea);}

footer ul li{margin-bottom:.35rem}
footer li, footer a, footer, footer p{color:#555}
.footer-social li a i{color:rgb(59, 89, 152)}
.footer-social li a i.fa{padding-right:0}
.copyright{background:#383838;border-top:1px solid #d8d8d8;padding-bottom:0}
.copyright, .copyright p{color:#999}

.contractor{background:#FED303;padding-bottom:.5rem;padding-top:.5rem;margin-top:.5rem}
.contractor p{color:#222;}

/* -------------------------------------------------------------

                            Screen Size: Tablet - Large 

------------------------------------------------------------- */
@media only screen and (min-width: 63.9375em) {
	.financing .section_header.columns{padding-left:0}
      .financing .large-3.columns,
	  .financing .large-3 p.pad-none{padding-left:0;padding-right:0;}
.financing .large-3 p{padding-left:1rem;padding-right:1rem;}
 .financing .large-9 h3,
.financing .large-9 p,
.financing .large-9 ul{padding-left:1rem}
}
@media only screen and (min-width: 40em) {
  .page .estimate p.text-center{margin:0 auto;width:65%;}
  

  
  }
/* -------------------------------------------------------------

                            Screen Size: Tablet/Laptop

------------------------------------------------------------- */
      
  @media only screen and (min-width:40em) and (max-width: 63.9375em) {
    .plans .tabs-title > a > span.plan-title{font-size:1.15em}
    main .tabs li{padding-top:0;padding-bottom:0}
  
  }
  
  /* -------------------------------------------------------------

                            Screen Size: to 551px

------------------------------------------------------------- */
      
  @media only screen and (max-width: 551px) {
    .help .accordion-content .button{width:75%}
  .help .accordion-content .lead.button{margin-top:1.5rem;margin-left:0}
  }

/* -------------------------------------------------------------

                            Screen Size: Small & Tablet

------------------------------------------------------------- */

@media only screen and (max-width:63.9375em){
  
#back-top{left:2%;right:0}
  body{border-top:none}
  h1,
h2.section_title{font-size:1.5em}
.help-headline p.help-tagline{font-size:1.25em;margin-bottom:2rem}
h3{font-size:1em}

main ul{margin:1.5rem 0;padding:0;}
main ul li{ list-style:none; list-style-type:none;font-weight:normal;font-style:italic;margin:0 auto;padding-top:.5rem;padding-bottom:.5rem;text-align:center}
/*ul li{border-bottom:1px solid #e8e8e8; font-weight:700;margin-left: auto;margin-right:auto;padding-top:0;padding-bottom:.5rem;text-align:center;width:85%;}*/
main ul li:first-child{padding-top:0}
main ul li:last-child{border-bottom:none;padding-bottom:0;}
.coupon-wrapper {max-width:100%;width:100%;}
footer ul li{font-weight:normal}
/* MOBILE NAV */
  .taptap-logo-image img{max-height:50px}

/* HOME */
/* banner */
.banner-top h1{font-size:2em}
  .banner-top{padding:1rem}
  .banner-top p{font-size:1.25}
.banner-bottom h2{font-size:1em}
/*vendors*/
.vendors{padding-top:1rem;}
.vendors .columns:nth-of-type(4),
.vendors .columns:nth-of-type(5),
.vendors .columns:nth-of-type(6){margin-top:1rem}
/*help*/
.help .accordion{background:transparent}
.help .accordion-title{font-weight:700}
.help .accordion-content{border-top:none;border-bottom:1px solid #e8e8e8;margin-bottom:1.5rem;padding-top:0;padding-bottom:2rem}
.help .accordion-content p{font-size:1em}
.help .accordion-content h2{font-weight:700;padding-top:1.5rem}
.help .accordion-content h3,
.help .accordion-content p{margin-top:1.5em}
.help .accordion-item a.accordion-title{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fed303+0,fccd4d+50,eea243+50,fbdf93+100 */
background: #fed303; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fed303 0%,#fccd4d 50%,#eea243 50%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed303', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
border:1px solid #c1c1c1;color:#383838;font-size:1.25em;text-shadow:1px 1px 1px #fff}
.help .form-container{font-size:1em;margin:0 auto;max-width:85%;}
/*financing*/
  .financing .section_header{margin-bottom:0}
  .financing .large-3{border-bottom:1px solid #326A43;padding-bottom:1.5rem;margin-bottom:1.5rem}
  .financing li{border-bottom:none;font-weight:700; font-style:italic;padding-bottom:0} 
/* INSIDE PAGES */
/* service plans */
main .accordion li{font-style:normal}
main .accordion li p{max-width:75%;margin-left:auto;margin-right:auto}
.plans .accordion{background:transparent}
.plans .accordion-title{font-weight:700}
.plans .accordion-content{border-top:none;border-bottom:1px solid #e8e8e8;margin-bottom:1.5rem;padding-top:0;padding-bottom:2rem}
.plans .accordion-content p{font-size:1em}
.plans .accordion-content h2{font-weight:700;padding-top:1.5rem}
.plans .accordion-content h3{margin-top:1.5em}
.plans .accordion-item a.accordion-title{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fed303+0,fccd4d+50,eea243+50,fbdf93+100 */
background: #fed303; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fed303 0%,#fccd4d 50%,#eea243 50%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed303', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
border:1px solid #c1c1c1;color:#383838;font-size:1.25em;text-shadow:1px 1px 1px #fff}
.plans .form-container{font-size:1em;margin:0 auto;max-width:85%;}
/* coupons */
.coupons .columns img{margin-bottom:1.5rem}
.coupons .columns:last-child img{margin-bottom:0}
/*FOOTER */
#no-blog-sidebar footer, #blog-sidebar footer{background:#fff;}
footer h2,
footer h3, 
footer h4{color:#3b3b3b}
.footer .columns{border-bottom:1px solid #eaeaea}
h3.footer-social_header, .directions h3, .joinList h3{border-top:1px solid #eaeaea}
footer .joinList input[type="submit"],
footer .joinList .frm_forms .button,
footer .frm_form_fields .columns,
footer .joinList input[type="email"]{border:none}
footer .joinList input[type="email"],
footer .joinList{border-radius:3px 0 0 3px}

/* Call to action bar */
.cta_bar h2{margin-bottom:1rem;font-size:1.75em}
.cta_bar h3{font-size:1.25em}
.cta_bar p{font-size:.95em}
 /* FORM */
 .form_sidebar,
 .frm_checkbox:nth-child(odd),
 .frm_checkbox{background:none;border:none;}
 .appointment_step2{background:#fafafa;border:1px solid #e8e8e8;padding:1rem }
 .appointment_step2 h3{background:0;padding:0;border:none;}
fieldset{padding-left:0;padding-right:0}
fieldset .form-field{height:100%;}
label{font-size:.80em;text-align:left}
.shrink_line_height label{line-height:1rem}
select,
 textarea,
input[type="email"],
[type="tel"],
[type="email"],
[type="date"],
 [type="text"]
{font-size:1em;display:block;float:none;min-width:100%;width:100%}
.privacy_link p{font-size:.85em}.privacy_link a{font-size:1em}
.frm_form_field.frm_left_container label.frm_primary_label{display:block;float:none;max-width: 100%;width:100%}

}
/*********************************************************************

-------------  0 > 639px |Up to Landscape 

**********************************************************************/
@media screen and (max-width: 39.9375em) {
  .overlay{background:url('/wp-content/uploads/banner-home-mobile.jpg') bottom center no-repeat}
  /* HOME */
  .home .banner{padding:2.5rem 0}
  .banner-top{background:none;border:none;box-shadow:none;padding:0}
  .banner-top h1{margin-bottom:1.5rem;}
  .banner-top h1,
  .banner-top,.banner-top p{color:#fff;padding:0;text-shadow:1px solid #000;}
  .banner-top,
  .banner-top p,
  .banner-bottom{background:none;border:none;padding:0;width:100%;max-width:100%}
  .banner-bottom{max-width:85%;margin:0 auto}
  .banner-bottom .columns:nth-of-type(3),
  .banner-bottom .columns:nth-of-type(4){margin-top:1.5rem}
  .banner-bottom .mobile-block{background:#FED303;background:rgba(254,211,3,0.8); border: 2px solid #fff;border-radius:3px;box-shadow: 0px 0px 4px 1px rgba(119,119,119,.5);-moz-box-shadow: 0px 0px 4px 1px rgba(119,119,119,.5);padding:1rem}
  /*help*/
  .help .form-container{max-width:100%;}
  /*vendors*/
  .vendors{min-height:175px}
  
}
/*********************************************************************

-------------  374px > 639px | Small - Mobile (Landscape - 374px > 639px)

**********************************************************************/

@media screen and (max-width: 39.9375em) {
  /*HOME */
  .banner-top,
  .banner-top h1{font-size:1.35em;}
  .banner-top p{font-size:.95em;margin-bottom:1.25em;}
.banner-bottom h2{font-size:.95em;margin-top:.75rem}
  /*vendors*/
.vendors{padding-top:1.5rem}
.vendors .columns:nth-of-type(4),
.vendors .columns:nth-of-type(5),
.vendors .columns:nth-of-type(6){margin-top:1.5rem}
.coupon-wrapper {margin-bottom:0}
.coupon-specials h2.section_title,
.financing h2.section_title{font-size:1.5em}
.financing h3,
.coupon-specials h3{font-size:1em}
.coupon-wrapper img{float:none;margin:2rem auto 0 auto}
.coupon-wrapper img:first-of-type{margin-top:0} 
.financing h2.section_title{margin-bottom:1.5rem}
}


/*********************************************************************

-------------  0px > 373px | XSmall - Mobile (Portrait - 0px > 373px)

**********************************************************************/

@media screen and (max-width: 23.375em) {
  /* MOBILE BUTTONS */
  .mobile_buttons a{font-size:.90em}
  /* HOME */
  /*banner*/
  .banner-top p,
  .banner-bottom{max-width:100%;}
  .banner-bottom h2 a{font-size:.75em}
  
  
/*vendors*/
.vendors{padding-top:2rem}
.vendors .columns:nth-of-type(4),
.vendors .columns:nth-of-type(5),
.vendors .columns:nth-of-type(6){margin-top:2rem}
  
}



/*********************************************************************

-------------  BUILDING BLOCK:  BOXED MAIN
<main> element has class .main-boxed added to it.  This CSS adds a border and negative margin so it floats into banner area.  

**********************************************************************/
/*
@media screen and (min-width:64em){
  .main-boxed{background:#fff;border:1px solid #bdc3c7;border-radius:5px;margin-top:-6rem} 
}
*/
/*********************************************************************

-------------  BUILDING BLOCK:  CEILING TABS (LIKE FOLDER)
Menu items sit on top of main menu like folder tabs  

**********************************************************************/
/*
.ceiling{margin-top:1rem;padding-bottom:0}
.ceiling li {color:#fff;font-weight:700;text-shadow:1px 1px 1px #000}
.ceiling li a{background: #e8e8e8; border-left:1px solid #bdc3c7;border-right:1px solid #bdc3c7;border-top:1px solid #bdc3c7;
    border-image: none;border-radius: 5px 5px 0 0;color:#fff;font-size:1em;font-weight:700;padding:.5rem 1rem;text-shadow:1px 1px 1px #8D2929;text-align:right}
  .ceiling li:first-child a{margin-right:.5rem}
*/
/*********************************************************************

-------------  BUILDING BLOCK:  FLOATING NAV BACKGROUND
Adds a gradient background, curved edges and border to floating nav

**********************************************************************/
/*
.floating nav{
    background: #fff url("/wp-content/uploads/bg-ceiling.png") repeat-x scroll left top;
    border:1px solid #bdc3c7;
    border-image: none;
    border-radius: 5px}
/* remove floating nav on inside pages */
/* .menu1-wrapper.floating{margin-top:0} */

/* scroll tansition (keep background - add border) */
/* .is-stuck .floating{background: #fff url("/wp-content/uploads/bg-ceiling.png") repeat-x scroll left top;border-bottom:1px solid #e8e8e8}/*

*/