/*
 Theme Name:	JH Martin
 Theme URI:     http://www.jhmartinmechanical.com
 Description:   Custom theme built upon the SEOteric framework
 Author:        SEOteric
 Author URI:    http://www.seoteric.com
 Template:		SEOteric Framework
 Version:       2.0.0
*/


@import url("https://use.typekit.net/vln2ies.css");



/*////////////////////////////////////////////////
GENERAL STYLES
///////////////////////////////////////////////*/


html, body, body div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, section, time, mark, audio, video, details, summary, .topNav a[href^="tel"], footer a[href^="tel"],#content .su-spoiler-style-default > .su-spoiler-title {
	font-family: "ff-tisa-sans-web-pro",sans-serif;
    font-feature-settings: 'lnum' 1;
}
a {
    color: #a3181d;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color:#009CD7;
}
strong {
	font-weight:800;
}

.spacer {
	margin:0px;
	padding:60px 0;
}

.caps {
    text-transform: uppercase;
}
.center {
    text-align: center;
}
h1, h2, h3, h4, h5, h6,
p.subheader {
        color: #00121a;
        letter-spacing: normal;
}

h1, h2, h3, h4, h5, h6 {
        font-family: 'turnip', serif;
}
h3 {
    font-size: 32px;
    line-height: normal;
    font-weight: normal;
}
h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: normal;

}
h5 {
    font-size: 19px;
    font-weight: bold;
    line-height: normal;  
    margin-bottom: 10px;
}
p {
    font-size: 16px;
    margin-bottom: 20px;
}
p.tiny {
  font-size: 14px;
  color: #47545a;
}
#content ul {
    list-style-type: disc;
    padding: 0;
    margin: 20px 0 0 20px;
}
#content ul li {
    padding: 2px 0;
    font-size: inherit;
}
#content p:last-of-type {
    margin-bottom: 0;
}
/*/////////////////////////////////////////
CONTAINERS AND PANELS
//////////////////////////////////////////*/
.container {
    max-width: 1200px;
}
.panel {
	background-color: #FFF;
    background-size:cover;
    background-repeat: no-repeat;
}
.gray,
.panel.gray {
	background: #fafafb;
}

.fifty.contact {
    border-left: 1px solid #eeebcf;
}


    /*HOME PANELS*/
    .panel.features {
        position: absolute;
        left: 0;
        right: 0;
        margin: -170px auto auto auto;
        z-index: 4;
        background: transparent;
    }

    .panel.features .container {
        background-color: #ffffff;
        box-shadow: 0 6px 12px 0 rgba(0, 18, 26, 0.19);
        text-align: center;
        padding: 20px 0;
        border-bottom: 5px solid #a3181d;
    }

    .panel.works {
        
        padding-top: 200px;
        color: #303030;
    }
    .panel.heatingcooling {
        background-image: url(images/heating-cooling-services-bg.jpg);
        background-position: top center;
        color: #FFF;
        text-align: center;
    }
    .panel.serviceList {
        background: url(images/services-bg.svg);
        background-size: contain;
}
    .panel.heatingcooling .container .fifty {
        padding: 2% 4%;
    }
    .panel.serviceContact {
        background: url(images/conversion-bg.svg);

    }

    .panel.technicians {
        background-image: url(images/hvac-technicians.jpg);
        background-size:contain;
        background-position: bottom right;
    }
#announcement,
.wprmenu_bar #custom_menu_icon.hamburger {
    transition: all .5s linear;
}

body {
    background: url(images/page-bg.svg);
    background-size: contain;
    background-position: bottom left;
}

/*//////////////////////////////////////////
BUTTONS AND LINKS
///////////////////////////////////////////*/


a.arrow {
  
      font-size: 14px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #19ade3;
    text-transform: uppercase;
}
a.arrow:after {
    content: url(images/arrow-yellow.svg);
    margin-left: 4px;
    vertical-align: sub;    
}
.btn,
.btn.small, .older a, .newer a {
    border-radius: 100px;
    background: #a3181d;
    color: #FFF;
    border:1px solid transparent;
    padding: 15px 30px;
}

.btn.small, .older a, .newer a {
    text-transform: none;
    letter-spacing: normal;
    padding: 10px 15px;
    margin: 30px 0 20px 0;
    font-weight: 500;
}
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit]{
    border-radius: 100px;
    background:#009cd7;
    color: #FFF;
    border:1px solid transparent;
}

.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:hover {
    background: #FFF;
    color: #009cd7;
    border-color: #009cd7;
}
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input[type=submit] {
    background: url(images/icon-send.svg) no-repeat 25px 19px #009cd7;
    padding: 20px 40px 20px 55px;
}
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover {
    background-image: url(images/icon-send.svg);
    background-repeat:  no-repeat;
    background-position:  25px 19px !important;
    background-color: rgba(0, 156, 215,0.7);
    color: #FFF;
}
.btn:hover,
.btn.small:hover, 
.older a:hover, 
.newer a:hover,
.btn.white {
    background: #FFF;
    color: #a3181d;
    border:1px solid #a3181d;
}
.home #slider .btn.arrow {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 30px;
}
.homeslider a.arrow:after {
    content:url(images/arrow-next.svg);
    vertical-align: middle;
}

.homeslider .btn.white, 
.homeslider .btn.white:hover {
    border-color: #FFF;
}
.homeslider .btn.white:hover {
    background: rgba(255,255,255,0.65);
    box-shadow: 0 6px 12px 0 rgba(0, 18, 26, 0.4);
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 18, 26, 0.4);
}

.btn.ghost {
    background: transparent;
    border-color: rgba(255,255,255,0.5);
}
.btn.ghost:hover {
    background: #FFF;
    border-color: #FFF;
    color: #a3181d;
}
/*////////////////////////////////////////////////
HEADER AND NAV STYLES
///////////////////////////////////////////////*/
.home #slider {
    margin-top: 77px;
}
header,
header.sticky {
    background-color: #FFF;
    /*height: 77px;*/
    height: 100px;
    border-bottom: 5px solid #a3181d;

}
header.sticky {
    box-shadow: 0 2px 4px 0 rgba(0, 18, 26, 0.16);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 18, 26, 0.16);
    height: 63px;
    margin-top: -50px !important;
}

header.sticky .navWrapper {
    margin-top: 5px;
}

header img.custom-logo {
    max-width: 270px;
    top: 35px;
}
.marqueecontainer {
    background: #2e3192;
    padding: 6px 0 4px;
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
}
.marqueecontainer p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    line-height: normal;
    font-weight: 300;
    margin: 0;
    padding: 0;

}
.marqueecontainer a {
    color: #FFF;
    display: inline-block;
    border-radius: 14.5px;
    background-color: rgba(255, 255, 255, 0.16);
    padding: 3px 12px;
    font-family: "ff-tisa-sans-web-pro",sans-serif;
    font-size: 12px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}
.marqueecontainer a:hover {
    background: #FFF;
    color: #a3181d;
}
.navWrapper {
    /*margin-top: 21px;*/
    margin-top: 55px;
    margin-bottom: 0;
    position: relative;
    right: 0;
    transition: all .5s linear;
}
.nav {
    text-align: right;
}
.nav li {
    font-family: "ff-tisa-sans-web-pro",sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: 0.8px;
    color: #1f2f36;
    text-transform: uppercase;
    margin-left: 20px;
}
.nav li:first-child {
    margin-left: 0;
} 
.nav li.btn {
    padding: 0 20px 0;
    margin-top: 0;
    margin-bottom: 0;
}
.nav li.btn a {
    color: #a3181d;
    line-height: normal;
}
.nav li.btn.red a {
    color: #FFF;
}
.nav li.btn.red a:hover,
.nav li.btn.white a:hover {
    border-color: transparent;
    color: #A3181D;
}
.nav li.btn.white:hover {
    color: #FFF;
    background: #A3181D;
}
.nav li.btn.white:hover a {
    color: #FFF;
}
.nav li.btn {
    font-size: 14px;
    margin-left: 8px;
/*    top: 10px;
    position: absolute;
    right: 10px;*/
    top: -45px;
    position: absolute;
    right: -8px;
}
.nav li.btn.white {
    margin-right: 200px;
}
.nav a {
    color:#00121a;
}
.nav a {
    border-top: 2px solid transparent;
    padding: 5px 0;
}
.nav a:hover {
    border-top-color: #009cd7;
}
.nav li > ul {
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(0, 18, 26, 0.16);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 18, 26, 0.16);
}
.nav li > ul li {
    margin: 0;
    padding:0;
    text-align: left;
    text-transform: none;
    border-bottom:1px solid #EFF0F1;
}
.nav li > ul li a {
    padding: 10px 15px;
}
.nav li > ul li a:hover {
    border-color:transparent;
    background: #009CD7;
    color: #FFF;
}
#page-banner {
    margin-top: 75px;
    height: auto;
    padding: 0;
}
#page-banner .container {
    padding: 0;
    max-width: 100%;
}
#page-banner .info {
    padding: 5%;
    display: block;
    margin: 0;
    max-width: 100%;
    background: rgba(0, 18, 26, 0.6);
}
#page-banner h1 {
    font-size: 80px;
    font-weight: 300;
}
#page-banner.noImage {
    background-image: url(images/no-banner.jpg);
}
#page-banner.noImage .info {
    background: none;
}

/*TESTIMONIALS SLIDER*/

.hometestimonials.flexslider img {
    max-width: 70px;
    border-radius: 50%;
}
.hometestimonials.flexslider {
    margin-top: -100px !important;
}
.hometestimonials.flexslider .flex-direction-nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    /* background: #333; */
    z-index: 500;
}

.hometestimonials.flexslider .slides > li {
    padding-top: 80px;
    padding-bottom: 80px;
}

.hometestimonials.flexslider .flex-direction-nav .flex-next,
.hometestimonials.flexslider .flex-direction-nav .flex-prev {
    right: 0;
    left: auto;
    opacity: 1;
}
.hometestimonials.flexslider .flex-direction-nav .flex-prev {
    right: 20px;

}
.hometestimonials.flexslider .flex-control-nav {
    bottom: 0;
}
.hometestimonials.flexslider .flex-control-nav li {
    margin: 0 1px;
}
.hometestimonials.flexslider .flex-control-paging li a {
    width: 45px;
    height: 3px;
    background:#C2C6C8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.hometestimonials.flexslider .flex-control-paging li a:hover,
.hometestimonials.flexslider .flex-control-paging li a.flex-active {
    background: #a3181d
}

.hometestimonials.flexslider .flex-direction-nav a:before {
    content: url(images/arrow-next.svg);
    text-shadow:none;
    height: 30px;
    font-size: 26px;
}
.hometestimonials.flexslider .flex-direction-nav a.flex-prev:before {
    transform: rotate(180deg); /* Equal to rotateZ(45deg) */ 
}


/*FOOTER STYLES*/
.panel.conversion, 
.page-template-page-flexible-content .panel.conversion {
    background: #FFF;
}
footer {
    background-image: url(images/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

footer,
footer p,
.copy,
.copy p,
.seoteric,
.seoteric p{
    color:#efefef;
    font-size: 14px;
}

footer a,
footer li a,
.copy a,
.seoteric a {
    color:#FFF;
}

footer h4 {

    color: #19ade3;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
}

footer .widget {
    width: 100%;
    box-sizing:border-box;
}
footer ul {
    margin-bottom: 20px;
    list-style-type: none;
}
footer li,
footer .widget_nav_menu li {
    display: list-item;
    font-size: 14px;
    padding: 0;
}
footer .widget_nav_menu li ul {
    display: none;
}
footer .btn,
footer .btn a,
footer .widget_nav_menu .btn,
footer .widget_nav_menu .btn a{
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    text-align: left;
    text-transform: none;
    font-size: 14px;
}

footer ul.socials li {
    font-size: 32px;
}
footer ul.socials li a {
    margin-right: 15px;
    margin-top: 0;
    height: 45px;
}
footer ul.socials li:last-child a {
    margin-right: 0;
}
footer a[href^="tel"] {
    margin: 0;
}
footer .twenty {
    margin: 0 0 0 5%;
}
footer .twentyfive.last {
    padding-left: 20px;
}
/*///////////////////////////////////////////////////////
CONTENT STYLES
////////////////////////////////////////////////////////////*/

.home #slider h1 {
  font-size: 44px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
    width: 75%;
    
}
h2, 
.contact .gform_wrapper h3.gform_title {
    font-size: 64px;
    margin-bottom: 0;
    line-height: 64px;

}
h3 {
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: normal;

}

.panel.features p {
    font-size: 14px;
}
.panel.features p.subheader {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00121a;    
}
.works p.subheader.caps,
.technicians p.subheader.caps,
.testimonials p.subheader.caps {
    letter-spacing: 1.5px;
    text-align: center;
    color: #009cd7;
    font-size: 14px;
    margin-bottom: 10px;
}
.works h2 {
    text-align: center;
    color: #202020;
}
.works img {
    margin-bottom: 20px;
}
.works ol {
    list-style: none; 
    counter-reset: li;
}
.works ol li::before {
    content: counter(li); 
    color: #009cd7;
    display: block;
    width: 1em;
    margin-left: -36px;
    float: left;
    font-size: 34px;
    margin-top: -4px;
}
.works ol li {
    counter-increment: li;
    margin-left: 34px;
    
}
.works li p.subheader {
    color: #202020;
    font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.44;
    margin-bottom: 0px;
}
.works ol .thirtythree:nth-child(3n+1) {
    clear: left;
}
.heatingcooling h3 {
    
    font-size: 56px;
    margin: 20px 0;
    color: #FFF;
    line-height: 52px;
}
.heatingcooling p.subheader {
    font-size: 24px;
    color: #eeebcf;  
}
.heatingcooling p {
    font-size: 18px;
}
.technicians p.subheader.caps {
    text-align: left;
}
.callout {
    margin: 40px 0;
    padding: 15px;
    border-radius: 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 18, 26, 0.16);
    background-color: #ffffff;
    border: solid 1px #ebeced;
}
.callout p.subheader {
    color: #00121a;
    font-size: 18px;
}
.callout p {
    font-size: 16px;
    color: #707a7f;
}
.callout a.arrow {
    color:#A3181D;
    font-weight: 600;
}
.callout a.arrow:after {
    content:url(images/arrow-next.svg);
}
ul.logos li {
    margin: 25px 0px;
    width: 19%;
}

.testimonials p.subheader.caps {
    text-align: left;
}
.testimonials h2,
.contact .gform_wrapper h3.gform_title {
    font-size: 48px;
    margin-bottom: 35px;
    font-weight: normal;
}
.hometestimonials p.name {
    font-size: 14px;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 1.5px;
    color: #00121a;
    margin-bottom: 0;
}
.hometestimonials p {
    font-size: 24px;
    font-style: italic;
    letter-spacing: normal;
    margin-bottom: 50px;
    
}
.hometestimonials p.tiny {
  font-size: 14px;
  color: #47545a;
}
.fifty.testimonials {
    padding-right: 5%;
}
.fifty.contact {
    padding-left: 5%;
}


/*FORM STYLES*/
.contact .gform_wrapper h3.gform_title {
    margin-bottom: 15px;
}
.conversion .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, 
.conversion .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, 
.conversion .gform_wrapper .top_label .gfield_label {
    display: block;
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: uppercase;
    color: #47545a;
    line-height: normal;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea.small {
    background: transparent;
    border: none;
}
.gform_wrapper ul.gform_fields li.gfield {
    padding: 5px 10px !important;
    letter-spacing: normal;
    border-radius: 8px;
    background-color: #f0f1f2;
    border: solid 2px #ebeced;
}

.gform_wrapper .top_label div.ginput_container {
    margin-top: 0;
}

#sidebar.thirty {
    background: none;
    float: right;
}
#sidebar .hometestimonials.flexslider {
    margin-top: 0 !important;
}
#sidebar .hometestimonials ul {
    background: transparent;
    margin: 0   
}
#sidebar .hometestimonials ul li {
    padding: 50px 0;
    border: none;
}
#sidebar .hometestimonials p {
    font-size: 18px;
    line-height: 24px;
}
#sidebar .gform_wrapper {
    border: 1px solid #ebeced;
    border-radius: 16px; 
}
#sidebar .gform_heading {
    border-radius: 16px 16px 0 0;
    background: #F5F6F6;
    padding: 0 20px 10px;
}
#sidebar .gform_body {
    padding:0 20px 10px;
}
#sidebar .gform_wrapper h3.gform_title {
    margin: 0;
    padding: 15px 0 5px;
}
#sidebar .gform_wrapper .gform_footer {
    padding: 0 20px 30px;
}
#sidebar .widget {
    border-radius: 16px;
    background-color: #ffffff;
    border: 1px solid #707a7f;
    padding: 0;
    margin: 0 0 40px;    
}
#sidebar .widget-title {
    color: #FFF;
     background-color: #009cd7;
    border-radius: 16px 16px 0 0;
    padding: 15px 5px 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}
#sidebar ul li {
    list-style-type: none;
    border:none;
}
#sidebar ul.menu {
    margin: 0 20px 20px;
    border-left:1px solid #707a7f;
}
#sidebar ul.menu li {
    padding: 0;
}
#sidebar ul.menu li a {
    color: #00121a;
    display: block;
    padding: 15px 15px 15px 20px;

}
#sidebar ul.menu li a:hover {
    color:#a3181d;
}
#sidebar ul.menu li:hover:before {
    content: url(images/arrow-next.svg);
    height: 23px;
    width: 15px;
    padding: 0px 5px;
    margin-top: 17px;
    margin-left: -14px;
    margin-right: 0;
    background: #FFF;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
}
.panel.faqs {
    background-image: url(images/faq-bg.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
}
.faq {
    box-sizing: border-box;
    border-left: 2px solid #a3181d;
    width: 50%;
    padding: 10px 30px 20px;
    margin-bottom: 40px;
    border-radius: 8px;
    background: #FFF;
}
}
.faq h4 {
    margin-bottom: 1px;
    margin-top: 0;
    line-height: normal;
}

.faq p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #47545a;    
}
.faqs .faq:first-of-type {
    margin-top: 40px;
}
.faqs .faq:last-of-type {
    margin-bottom: 0px;
}

.page-template-page-faqs .faq {
    width: 100%;
    background: rgba(250, 250, 252,0.75);
}

.page-template-page-faqs .faqs .faq:first-of-type {
    margin-top: 0;
}
.page-heating-services #page-banner,
.page-cooling-services #page-banner {
    margin-bottom: 0;
}
.panel.red h1, 
.panel.red h2,
.panel.red h3,
.panel.red h4,
.panel.red h5,
.panel.red h6,
.panel.blue h1,
.panel.blue h2,
.panel.blue h3,
.panel.blue h4,
.panel.blue h5,
.panel.blue h6 {
    color: #FFF;
}
.panel.red .btn {
    background-color:#61B4DB; 
    margin: 0;
}
.panel.red .btn:hover    {
    background-color: #FFF;
    color: #61B4DB; 
}
.panel.red {
    background-color: #A41E25;
    color: #FFF;
}
.panel.red.heating,
.panel.blue.cooling {
    background-image: url(images/icon-heating-panel.png);
    background-repeat:  no-repeat;
    background-position:  10% center ;
    background-size: auto 90%;
    padding: 70px 15%;
}
ul.services {
    text-align: center;
}
.services li {
    text-align: center;
    width: 24%;
    float: none;
    display: inline-block;
    vertical-align: text-top;
}
.page-cooling-services .services li a {
    color:#009CD7;
}

.page-cooling-services .services li a:hover {
    color: #a3181d;
}

.panel.blue {
    background-color: #61B4DB;
    color: #FFF;
    padding: 30px 0;
}
.panel.blue h4 {
    color: #FFF;
    font-weight: normal;
}
.panel.blue .btn {
    margin: 0 auto;
}
.panel.blue.cooling {
    background-image: url(images/icon-cooling-archive.png);
}
.panel.red.locations {
    padding: 20px 0;
}
.panel.intro h2 {
    color: #A41E25;
    margin-bottom: 20px;
    display: inline-block;
}
.panel.intro h2:after {
    content:'';
    display: inline-block;
    height:5px;
    width:300px;
    background:#A41E25;
    margin-left:10px;   
    margin-bottom:10px; 
}
.single.single-locations #page-banner {
    margin-bottom: 0;
}
.single.single-locations .btn.schedule {
    display: inline-block;
    margin: 0;
    float: right;
}

ul.location {
    margin: 0;
    padding: 0;
}
ul.location li {
    display: inline-block;
    width: 33%;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    padding:5px 0 5px 50px;
}

ul.location li.address {
    background: url(images/icon-address.svg) left center no-repeat;
}
ul.location li.phone {
    background: url(images/icon-phone.svg) left center no-repeat;
}
ul.location li.hours {
    background: url(images/icon-hours.svg) left center no-repeat;
}
ul.location li a {
    color: #FFF;
}
.single-locations .callout {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.single-locations .panel.clients {
    margin-top: -50px;
    position: relative;
    z-index: 0;
}
.single-locations .hometestimonials.flexslider {
    margin: 50px 0 !important;
}
.single-locations .hometestimonials.flexslider .slides > li {
    padding: 0;
}
.single-locations .hometestimonials p.subheader {
    margin-bottom: 0;
}
.single-locations .hometestimonials.flexslider .flex-control-nav {
    bottom: -20px;
}

.panel.contactpanel {
    padding: 0;
    background-image:url(images/location-map-bg.svg);
    background-position: bottom right;
}
.panel.contactpanel .gform_wrapper {
    margin: 0;
}
.panel.contactpanel .gform_wrapper form {
    background: #FFF;
    border-radius: 16px;
}
/*///////////////////////////////////////////////////////
RESPONSIVE STYLES
////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1100px) /*and (min-width: 980px)*/  {
header img.custom-logo {
    max-width: 230px;
    top: 7px;
    }
.nav li {
/*    font-size: 19px;*/
    margin-left: 8px;
}
}
@media only screen and (max-width: 979px) {
header, header.sticky {
    background-color: #FFF;
    height: 100px;
}
.nav li {
    font-size: 19px;
}
/*.navWrapper {
    margin-top: 55px;
}
.nav li.btn {
    font-size: 19px;
    margin-left: 8px;
    top: 10px;
    position: absolute;
    right: 10px;
}
.nav li.btn.white {
    margin-right: 190px;
}*/
    .works ol .thirtythree {
        width: 50%;
    }
    .works ol .thirtythree:nth-child(3n+1) {
    clear: none;
    }
    
}

@media only screen and (max-width: 900px) {
.wprmenu_bar #custom_menu_icon.hamburger {
    border-radius: 3px;
    top: 10px;
    right: 10px;
}    
header, 
header.sticky {
    height: 68px;
}
header img.custom-logo,
header.sticky img.custom-logo {
    max-width: 175px;
    top: 2px;
}
 .navWrapper {
    margin-top: 17px;
    margin-right: 60px;
}
 .nav {
    display: block;
}
.nav li {
    display: none;
    }
    .nav li.btn {
        display: -webkit-inline-box !important;
        margin-left: 8px;
        top: auto;
        position: relative;
        right: auto;
        padding: 0 10px;
    } 
    .nav li.btn.white {
        margin-right: 0;
    }
    .nav li.btn a {
        padding: 5px;
    }
    #mg-wprm-wrap ul li.btn,
    #mg-wprm-wrap ul li.btn.white  {
        background: none;
        padding: 0;
        color: #FFF;
        display: block;
        text-align: left;
    }
    .panel.works {
        background-repeat: repeat; 
        background-size: auto; 
    }

    .faq {
        width: 100%;
    }
    .single .faq {
        background: rgba(255,255,255,0.85);
    }
    #sidebar.thirty {
        float: right;
        width: 30%;
    }
}

@media only screen and (max-width: 767px) {
/*.wprmenu_bar #custom_menu_icon.hamburger {
    border-radius: 3px;
}    
header, 
header.sticky {
    height: 68px;
}
header img.custom-logo,
header.sticky img.custom-logo {
    max-width: 175px;
    top: 2px;
}
 .navWrapper {
    margin-top: 17px;
}
 .nav {
    display: block;
}
.nav li {
    display: none;
    }
    .nav li.btn {
        display: -webkit-inline-box !important;
        margin-left: 8px;
        top: auto;
        position: relative;
        right: auto;
        padding: 0 10px;
    } 
    .nav li.btn.white {
        margin-right: 0;
    }
    .nav li.btn a {
        padding: 5px;
    }
    #mg-wprm-wrap ul li.btn,
    #mg-wprm-wrap ul li.btn.white  {
        background: none;
        padding: 0;
        color: #FFF;
        display: block;
        text-align: left;
    }*/
    .home #slider .slides li {
        padding: 10% 0 0;
    }
    #sidebar.thirty {
        float: none;
        width: 100%;
    }
    .panel.features {
        position: relative;
        margin: 0;
    }
    .panel.features .container {
            box-shadow: none;
            padding: 0 10px;
    }
    .panel.works {
        padding-top: 40px;
        background-repeat: repeat; 
        background-size: auto; 
    }
    .works ol .thirtythree {
        width: 50%;
        float: left;
    }
    .panel.heatingcooling,
    .panel.heatingcooling .container {
        background: none;
        padding: 0;
    }
    .panel.heatingcooling .container .fifty {
        background-image: url(images/heating-cooling-services-bg.jpg);
        padding:15%; 
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 200% 200%;

    }
    .panel.heatingcooling .container .fifty:first-of-type {    
        background-position: top left;
    }
    .panel.technicians {
        background-image: url(images/content-page-bg.svg);
    }
    .single-locations .panel.clients {
        margin-top: 20px;
    }
    ul.location li {
        width: 50%;
        display: block;
        margin: 0 auto 15px;
        text-align: left;
    }
    ul.logos li,
    .services li {
        width: 32.3333333%;
    }
    footer .twenty {
        margin: 0;
    }
    footer h4,
    footer ul,
    footer li,
    footer .btn, 
    footer .btn a, 
    footer .widget_nav_menu .btn, 
    footer .widget_nav_menu .btn a{
        text-align: center;
    }
    footer .twentyfive.last {
        float: none;
        width: 100%;
        text-align: center;
    }
    footer .copy p, .terms, .seoteric {
        text-align: center;
        margin-bottom: 0;
    }

}

@media only screen and (max-width:599px) {
    .home #slider h1 {
        font-size: 36px;
    }
    .panel.heatingcooling .container .fifty {
        background-size: cover;
    }
    .services li {
        width: 48.3333333%;
    }
    h2, .contact .gform_wrapper h3.gform_title {
    font-size: 5vh;
    line-height: normal;
    }
    h4,
    .hometestimonials p{
    font-size: 19px;
    }
    ul.location li {
        width: 100%;
    }
    .works ol .thirtythree {
        width: 100%;
        float: none;
    }
    
    
}

@media only screen and (max-width: 559px) {
    
.nav li.btn {
        display: none !important;
    }
    ul.logos li {
        width: 48%;
    }
    
}
@media only screen and (max-width: 480px) {
    .services li {
        width: 100%;
    }
    footer img.custom-logo {
        max-width: 100%;
        margin: 0 auto 40px;
    }
    
}