/*
Theme Name: HVAC Lite
Theme URI: http://namastestudio.com/downloads/namastestudio-lite-wordpress-theme/
Author: namastestudio
Author URI: http://namastestudio.com
Description: HVAC lite is WordPress theme, probably the lightest theme in WordPress for HVAC, Designed considering site speed in mind. It Consist of Blog Layout as well Corporate Look with Awesome Slider, Service Section, About Section, Blog Section, Portfolio Section, Testimonial Section, Counter Section and Client Section. HVAC lite has many features like multiple sidebar,list layout, grid layout specially designed for the Blog and Agency.view full demo at http://namastestudio.com/view?theme=hvaclite
Version: 1.8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hvaclite
Tags: two-columns,three-columns,full-width-template,sticky-post,grid-layout,custom-logo,right-sidebar,translation-ready, custom-background, theme-options,featured-images, custom-menu, threaded-comments, blog, footer-widgets

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

HVAC Lite is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    padding:15px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: sans-serif;
    line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
p {
    margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    
    box-sizing: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul,
ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    
    max-width: 100%;
    /* Adhere to container width. */
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: royalblue;
}
a:visited {
    color: purple;
}
a:hover,
a:focus,
a:active {
    color: midnightblue;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin:-15px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
/*--------------------------------------------------------------
## Main style starts here
--------------------------------------------------------------*/


img,input,.btn,nav,div,a,a:hover,a:active,a:focus {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: 0;
}


/*Header*/

/*social*/
.social-icon a.social_gbl {background: url(images/review-google.png) left center no-repeat;width: 135px;background-size: 90%;border-radius:0;}
.social-icon a {float: left;background: url(images/social-icons.png);display: inline-block;width: 30px;height: 30px;background-size: 360px;background-position: 30px 60px;}
a.social_facebook {background-position: 0px 60px;}
a.social_twitter {background-position: 120px 60px;}
a.social_youtube {background-position: 60px 60px;}
a.social_linkedin {background-position: 240px 60px;}
a.social_gplus {background-position: 270px 60px;}
a.social_yelp {background-position: 210px 60px;}
a.social_angieslist {background-position: 300px 60px;}
a.social_bbb {background-position: 330px 60px;}


.spacer{padding:90px 0;}

/*menu-top*/
.menu-top-wrapper {background: #414a4e;}
.menu-top-wrapper .menu-fixed-top ul {list-style: none; padding: 0; margin: 0;}
.menu-top-wrapper .menu-fixed-top ul>li {display: inline-block; text-align: center;position:relative;float:left;}
.menu-top-wrapper .menu-fixed-top ul li a {color: #fff; padding: 5px 10px;float:left;width:100%;}
.menu-top-wrapper .menu-fixed-top ul li a:hover {background:#444;}
.menu-top-wrapper .menu-fixed-top ul>li:hover ul{display:block;}
.menu-top-wrapper .menu-fixed-top ul>li ul {display:none; position:absolute; background:#000; top:30px; left:0;width:100px;z-index: 100;}
.menu-top-wrapper .menu-fixed-top ul>li ul li{display:block;width:100%;text-align:left;}

.fixed-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: -100px;
    z-index: 10000;
}
.fixed-menu.fix-top{top:0;}
.logged-in .fixed-menu.fix-top { top: 30px; }






/*menu-top*/

/*phone-address*/
.phone-address{margin:15px 0 0 0;}
.phone-address span{margin-right: 30px;display: inline-block;    width: 280px;float:left;}

.phone-address span .fa{margin-right: 10px;color: #fff;text-align: center;width: 40px;height: 40px;line-height: 40px;font-size: 15px;}

.phone-address span b{font-weight: 300;padding-top: 2px;display: inherit;}
/*phone-address*/


/*header logo*/
header .logo-tag h1 {margin: 6px 0 0 0;font-size: 1.5em;}
header .logo-tag h1 a:hover {text-decoration: none;}
header .logo-tag h2 {
    margin: 0;
    color: #666;
    font-size: 0.8em;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
}

header .logo-tag img{height: 78px;width: auto;}
header .navbar-collapse {
    padding: 0;
}
header .navbar-form {
    margin-top: 0;
    margin-bottom: 0;
}

header .navbar-form .main-search {
    position: relative;
}
header .navbar-form .main-search .btn .fa {
    font-size: 1.5em;
}
header .navbar-form .btn {
    background: #0786ec;
    padding: 0 21px;
    box-shadow: none;
    border: none;
    color: #fff;
    text-shadow: none;
    line-height: 55px;
    border-radius: 0;
    outline: none !important;
}
header .navbar-form .search-box {
    position: absolute;
    right: 0;
}
header .navbar-form .search-box .well {
    border: none;
    border-radius: 0;
    padding: 10px;
    background: #fff;
    width: 250px;
}
header .navbar-form .search-box .well input {
    border: 0;
    border-radius: 0;
    background: #ddd;
    color: #000;
    font-size: 0.8em;
    width: 100%;
    box-shadow: none;
    padding: 10px;
}
header .navbar-form .nav {
    margin: 0;
}
header .navbar-default {
    border: none;
    margin: 0;
}
header .navbar-default .navbar-nav li a {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 15px;
    color: #fff;
}
header .dropdown-menu > li > a{padding: 10px 20px;}
header .dropdown-menu > li > a:hover,header  .dropdown-menu > li > a:focus{background-color: #222;}

header .header-wrapper {
    padding: 15px 0;background:#fff;
}

.navbar-nav>li>.dropdown-menu {
    border: none;
    border-radius: 0;
    padding: 0;background: #000;
}
.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
    box-shadow: none;
}
.navbar-right .dropdown-menu .dropdown-menu {
    left: 160px;
    top: -2px;
    border: none;
    border-radius: 0;
    padding: 0;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #222
}

.main {
    padding-top: 250px;
}


section.footer .widget{background:none;padding:0;}
.footer .footer-contact span{display:inline-block;padding-left:10px;}
.footer .footer-contact>div{margin-bottom:15px;}
.footer .footer-contact i.fa {text-align: center;width: 20px;line-height: 36px;font-size: 20px;}
.footer .footer-email i.fa {line-height:19px;}
.footer .footer-email a{color:#fff;}

.footer-menu {margin-top: 30px;padding-top:30px;border-top: 1px dashed rgba(0, 0, 0, 0.15);}



#menu-service-areas {
  list-style: none;
  padding:0;margin:0;
}

#menu-service-areas li{
    display: inline-block;
    width: 15%;
    padding: 10px 20px;
}



/*Header Top Section*/

.hvac-page-header h1.hvac-main-title {
    text-transform: capitalize;
}
.hvac-page-header {
    background: #ebebeb;
}

.hvac-page-header .container{
    padding:20px;
}
ul#breadcrumbs {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

ul#breadcrumbs li {
    display: inline-block;
    padding: 0 3px;
}

/*Main Section*/
section.main {
    padding-top: 40px;
}

/*Sidebar*/

#secondary .widget ul li {padding: 9px;border-bottom: 1px solid #ebebeb;list-style: none;}


#secondary .widget ul li {
    padding: 10px 15px !important;
}

#secondary .widget ul {
    padding: 0;
    margin: 0;
}

#secondary .widget ul li a {
    cursor: pointer;
}

h4.widget-title {
    padding-left: 8px;
}

.widget_search {
    padding: 10px;
}

.widget_search input.search-field {
    padding: 10px;
    width: 208px;
}

.widget_search input.search-submit {
    padding: 11px 30px;
    background: none;
    border: none;
    cursor: pointer;
    border: 1px solid #ebebeb;
    #fcfcfc:
}

.widget.widget_search {
    margin-bottom: 0px;
}


/*Carousel arrows*/
#owl-rebates.owl-theme .owl-controls .owl-nav [class*=owl-]{border-radius: 50%  !important;text-indent: -99999px;width: 34px;height: 34px;}
#owl-rebates  .owl-prev,#owl-rebates  .owl-next {position: absolute;top: 45%;}
#owl-rebates  .owl-prev{left: 10px;background: url(images/left.png) center  #337ab7 !important; background-size: 80% !important;}
#owl-rebates  .owl-next {right: 10px;background: url(images/right.png) center  #337ab7 !important; background-size: 80%  !important;}


.owl-carousel .owl-stage-outer{cursor: move;}
.owl-controls .owl-dots{text-align:center;margin-top:15px;}
.owl-controls .owl-dots .owl-dot{display: inline-block;margin: 0 4px;}
.owl-controls .owl-dots .owl-dot span {border-radius:50%;width: 10px;height: 10px;display: inline-block;background: #888;}
.owl-controls .owl-dots .owl-dot.active span{background: #000;}


.feature-manufature {background: #f7f7f7;}
.feature-manufature .cta-layout-3 {position: relative;}
.feature-manufature .cta-text-col {position: absolute;top: 20%;right: 40px;}

.cta-layout-bg .overlay {background: rgba(0, 0, 0, 0.8);}

/*troubleshooter*/
.ci-hvac-container.has_image {border: none;background: none;margin: 0;padding: 0;}
.ci-hvac-container.has_image:after,.ci-hvac-container.has_image:before {display:none;}

/*Testimonials Home Page*/
.testimonials .client-info img {width: 100px; display: inline;}
.testimonials .client-info{  text-align: center; }

/*Slider Home Page*/
.top-banner img {width: 100%;}

/*Sidebar Blog Post widget*/
.hvac-blogs-widget {
    padding: 15px;
}

.hvac-blogs-widget p {
    margin: 0;
    padding: 0;
}

img.media-object.hvac-blog-sidebar-image {
    max-width: 300px;
    top: -30px;
    position: relative;
}


/*Pagination Navigation*/
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}

.navigation li {
    display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}


.display-none{
    display: none;
}




@media (max-width: 767px) {

.hamburger,.hamburger::before,.hamburger::after {content: '';display: block;background: #EBEBD3;height: 3px;width: 2em;border-radius: 3px;-webkit-transition: all ease-in-out 350ms;transition: all ease-in-out 350ms;}
.hamburger { height:20px; background:none; border-top:3px solid #ebebd3; }
.menu-toggle {top: 5px;right: 0; z-index:999; height:24px; cursor:pointer;}
.hamburger::before {-webkit-transform: translateY(14px);transform: translateY(14px);}
.hamburger::after {-webkit-transform: translateY(3px);transform: translateY(3px);}
.menu-fixed-top { position:absolute; right:0; top:30px; margin:0; background:#ccc; z-index:9999; }
.menu-top-wrapper .pull-right { float:left !important; }
.menu-toggle { position:relative; float:right; }
ul.menu {display: flex;display: none;}
ul.menu.opening {display: block;height: 30px;}
  .menu-top-wrapper .menu-fixed-top ul>li{width: 100%;display: block;text-align: left;border-bottom: 1px solid #333;}
  .menu-topmenu-container {width: 100%;}
  .menu-top-wrapper .menu-fixed-top ul>li ul{display:block;position:static;width:100%;}
  .menu-top-wrapper .menu-fixed-top ul>li ul li{border:none;}

.navbar-nav>li>.dropdown-menu{display:block;width:100%;position: static;}
}