/* CSS Document */
/*  -----  Stuff  -----*/
html {
    font-size: 1rem;
}

body {
    font-family: "lato", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

/*  -----  Background  -----  */

.bg {
    width: 100%;
}


/*  -----  Header  -----  */

.fixed-header {
    position: relative;
    width: 100%;
    z-index: 50;
    top: 0;
    height: 145px;
}

.header-bg {
    background-color: #fff;
}

.logo > a > img {
    max-height: 120px;
    margin-top: 15px;
    margin-bottom: 15px
}

.header-contact {
    margin-top: 20px;
}

.header-contact p {
    margin-top: 6px;
    font-size: 16px;
    color: #fff;
    background-color: #0260ac;
    border-radius: 25px;
    padding: 10px 15px;
}

.header-contact p a {
    color: #fff;
}

.header-contact p a:hover,
.header-contact p a:focus {
    text-decoration: none;
}

.phone {
    margin-right: 10px;
}


/*  -----  Top Nav  -----  */
.nav-bg {
    background-color: #e61528;
    background-image: url("/images/bg/az-subtle.png");
}

.navbar {
    margin-bottom: 0;
    border: 0;
}

.navbar-brand {
    color: #fff;
}

.navbar-nav li a {
    color: #fff;
    padding: 15px 0;
}

.dropdown-menu li a {
    padding: 15px 10px;
}

.navigation .nav > li > a:focus,
.navigation .nav > li > a:hover {
    /*background-color: #BF1D32;*/
    background-color: #D01324;
    -webkit-box-shadow: inset 0 0 3px 3px rgba(100, 100, 100, 0.2);
    box-shadow: inset 0 0 3px 3px rgba(100, 100, 100, 0.2);
    color: #fff;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: #BF1D32;
}

.navbar-toggle {
    border-color: #fff;
    margin-right: 0;
}

.navbar-toggle span {
    background-color: #fff;
}


/*  -----  Page  -----  */

.page {
    width: 100%;
}

.carousel-inner img {
    min-height: 180px;
    object-fit: none;
    object-position: center;
}

.carousel-caption {
    left: 5%;
    right: 5%;
    background-color: rgba(2, 96, 172, 0.4);
    border-radius: 4px;
}

.carousel-text {
    padding-left: 10px;
    padding-right: 10px;
}

.carousel-text h3,
.carousel-text p {
    color: #fff;
}

.carousel-text h3 {
    padding-bottom: 5px;
    font-size: 20px;
}

.carousel-text p {
    margin: 0;
}

.main-bg {
    background-color: #fff;
    min-height: 500px;
    padding-bottom: 20px;
}

.primary-content h1,
.side-content h3 {
    margin-bottom: 20px;
}

.primary-content h1 {
    margin-top: 40px;
    font-size: 30px;
}

.primary-content h2 {
    margin-top: 30px;
}

.side-content h3 {
    margin-top: 30px;
}


/*  -----   Cards & Panels  -----  */

/*- Card -*/
.card-bg {
    background-color: #ddd;
    /*background-image: url("http://www.transparenttextures.com/patterns/subtle-stripes.png");*/
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
    background-image: url("/images/bg/subtle-stripes.png");
    padding-bottom: 10px;
    padding-top: 30px;
}

.card > .panel {
    padding: 10px 20px;
    background-color: #0260ac;
    background-image: url("/images/bg/exclusive-paper.png");
    color: #fff;
}

.card:hover > .panel {
    background-color: #2E91D5;
}

.card:hover {
    text-decoration: none;
}

/*- Panel Link -*/
.panel-link a:hover,
.panel-link a:focus {
    text-decoration: none;
}

.panel-link a:hover .panel-body,
.panel-link a:focus .panel-body {
    background-color: rgba(2, 96, 172, 0.1);
}

/*- Contact Panel & Areas Covered Panel-*/
.panel-contact .panel-heading,
.panel-area .panel-heading {
    background-color: rgba(2, 96, 172, 1);
    background-image: url("/images/bg/exclusive-paper.png");
}

.panel-contact .panel-body,
.panel-area .panel-body {
    background-color: rgba(2, 96, 172, 0.1);
}

.panel-contact h2,
.panel-area h2 {
    text-transform: none;
    color: #fff;
    margin-top: 10px
}

.panel-contact .panel-danger .panel-heading {
    background-color: #F2DEDE;
}

.panel-contact .panel-danger .panel-body {
    background-color: #fff;
}

.panel-area > .panel-body > .nav > li > a:hover,
.panel-area > .panel-body > .nav > li > a:focus {
    background-color: #639fcf;
    color: #fff;
}

.panel-testimonial .panel-footer {
    background-image: url("/images/bg/exclusive-paper.png");
    background-color: #0260ac;
}

.panel-testimonial .panel-footer p {
    margin-bottom: 0;
    color: #fff;
}

.panel-testimonial .fa {
    color: rgba(2, 96, 172, 0.3);
}

/*  -----  Footer  -----  */

.footer-bg {
    background-color: #0260AC;
    background-image: url("/images/bg/exclusive-paper.png");
    min-height: 150px;
    padding-top: 20px;
}

.footer {
    padding-bottom: 20px;
}

.footer-bg,
.footer-bg p,
.footer-bg a {
    color: #fff;
    text-decoration: none;
}

.footer-left,
.footer-center,
.footer-right {
    text-align: left;
}

.sub-footer {
    padding-top: 5px;
    background-color: rgba(2, 96, 172, 0.5);
}


/*  -----   Misc   -----  */

#map {
    height: 250px;
    width: 100%;
}

.service-divide {
    margin-top: 40px;
    margin-bottom: 40px;
}

.fa-ul {
    margin-bottom: 20px;
}

.fa-ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.fa-ul li i {
    color: #0260AC;
    margin-top: 2px;
}

.heat-pumps .alt-outer {
    margin-left: 4.5em;
}

.heat-pumps .fa-ul li {
    margin-top: 20px;
    margin-bottom: 20px;
}

.heat-pumps .fa-ul li i {
    margin-top: 4px;
}

.alt-outer li {
    padding: 10px;
}

.alt {
    background-color: #E5EFF7;
}

.nav-tabs > li > a {
    background-color: #E5EFF7;
    border: 1px solid #b1cfe7;
}

.nav-tabs > li > a:hover {
    background-color: #639fcf;
    border: 1px solid #387eb6;
}

.nav-tabs > li.active > a {
    background-color: #fff;
}

.service-row img {
    margin-top: 40px;
}

#fadewrapper {
    position: relative;
    height: 180px;
    width: 100%;
    background-color: #fff;
}

.faderow {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
}

.current {
    display: block;
}

.txt-img {
    padding: 5px 0 0 20px;
}


/*  -----   Responsive   -----  */

@media (max-width: 767px) {
    .logo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .nav-tabs > li > a {
        background-color: #fff;
    }

    .navbar-nav li a {
        padding: 15px 10px;
    }

    .nav-tabs > li.active > a {
        background-color: #E5EFF7;
        border: 1px solid #b1cfe7;
    }

    .service-row h4,
    .service-row p,
    .service-row ul,
    .service-row ul li,
    .service-row fa {
        text-align: center;
    }

    .service-row img {
        margin-left: auto;
        margin-right: auto;
    }

    #fadewrapper {
        height: 270px;
    }

    .pad-sml {
        padding-top: 45px;
    }
}

@media (min-width: 768px) {
    .fixed-header {
        position: fixed;
        width: 100%;
        z-index: 50;
        top: 0;
        height: 130px;
    }

    .navigation {
        /*margin-top:10px;*/
    }

    .navbar-nav {
        width: 100%;
    }

    .navbar-nav li {
        width: 16.66%;
        text-align: center;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
    }

    .navbar-nav li ul li {
        width: 100%;
        text-align: left;
    }

    .navbar-nav li ul li a {
        color: #333;
    }

    .page {
        margin-top: 145px; /*Should match total header height*/
    }

    .carousel-caption {
        left: 30%;
        right: 30%;
        bottom: 30px;
    }

    .carousel-text h3 {
        padding-bottom: 10px;
        font-size: 24px;
    }

    #map {
        height: 400px;
    }

    #fadewrapper {
        height: 90px;
    }

    .card > .panel {
        min-height: 200px;
    }
}

@media (min-width: 992px) {
    .card > .panel {
        min-height: 185px;
    }

    .side-content h3 {
        margin-top: 52px;
    }

    .footer-center {
        text-align: center;
    }

    .footer-right {
        text-align: right;
    }

    .panel-area > .panel-body > .nav > li > a {
        padding: 10px;
    }
}

@media (min-width: 1200px) {
    .card > .panel {
        min-height: 160px;
    }

    .panel-area > .panel-body > .nav > li > a {
        padding: 10px 15px;
    }
}

/*Honeypot*/
.hold-up {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    tab-index: -1;
}