/*
Theme Name: Azul Solar
Theme URL: https://www.azulsolar.energy
Description: Tema para empresas de instalação, montagem e manutenção de painel solares.
Author: Manue Silva
Author URL: https://instagram.com/manuseiro
Version: 1.4.20
Tags: responsive, page-builder, drag&drop, clean, modern, corporate, multi-purpose, multi-color, business, clean, mobile
*/
/*BTN*/
body {
    top: 0;
    font-style: normal;
    line-height: 1.765;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.browsehappy {
    border-radius: 0;
    width: 100%;
    position: fixed;
    z-index: 9999999999;
}

.btn {
    padding: 7px 19px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-light {
    color: rgba(11, 124, 192, 1) !important;
}

.btn-primary {
    background: linear-gradient(57deg, rgba(11, 124, 192, 1) 0%, rgba(0, 41, 107, 1) 100%);
    box-shadow: 0px 4px 15px -5px rgba(11, 124, 192, 1);
}

.btn-primary:hover {
    background: linear-gradient(57deg, rgba(0, 41, 107, 1) 0%, rgba(11, 124, 192, 1) 100%);
    box-shadow: 0px 4px 15px -5px rgba(0, 41, 107, 1);
    transition: all 1s;
}

.btn-warning {
    background-color: rgba(249, 199, 44, 1);
    color: rgba(0, 0, 0, 1)
}

.btn-warning:hover {
    background-color: rgb(250, 190, 9);
}

.btn-facebook,
.btn-linkedin,
.btn-twitter,
.btn-email,
.btn-whatsapp {
    padding: 4px 8px;
    color: rgba(255, 255, 255, 1) !important;
}

.btn-facebook {
    border-color: transparent;
    background-color: #3b5998;
}

.btn-facebook:hover {
    background-color: rgba(0, 41, 107, 1) !important;
}

.btn-linkedin {
    background-color: #0077b5;
}

.btn-linkedin:hover {
    background-color: #0a66c2;
}

.btn-twitter {
    background-color: rgb(29, 161, 242);
}

.btn-twitter:hover {
    background-color: rgb(26, 145, 218);
}

.btn-whatsapp {
    background-color: #25d366;
}

.btn-whatsapp:hover {
    background-color: #00bfa5;
}

.btn-email {
    background-color: #0077b5;
}

.spt-whatsapp {
    position: fixed;
    margin: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    right: 20px; /*Posição horizontal do botão Whastapp*/
    bottom: 20px;
    border-radius: 50%;
    z-index: 7;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 230, 118, 1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);
}

.spt-whatsapp:hover,
.spt-whatsapp:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(1, 230, 117, 1);
    border-color: rgba(1, 230, 117, 1);
}

.spt-whatsapp i {
    font-size: 1.8rem;
    transition: box-shadow .08s cubic-bezier(.4, 0, .2, 1);
}

/*BG AZULSOLAR*/
.bg-azulsolar {
    background-color: rgba(11, 124, 192, 1) !important;
}

.text-as {
    color: rgba(11, 124, 192, 1) !important;
}

/*NAVBAR*/
.navbar-azulsolar {
    position: relative;
    width: 100%;
    z-index: 999999;
    border-bottom: 0;
    border-radius: 0;
    background-color: rgba(11, 124, 192, 1);
}

.navbar-azulsolar:hover {
    background-color: rgba(11, 124, 192, 1);
}

.navbar-azulsolar .navbar-brand {
    width: 150px;
    height: auto;
}

.navbar-azulsolar .navbar-brand img {
    width: 100%;
}

.navbar-azulsolar .navbar-brand svg {
    width: 100%;
    height: auto;
}

body.home .navbar-azulsolar .navbar-brand svg .fil0 {
    fill: none;
}

body.home .navbar-azulsolar .navbar-brand svg .fil3,
body.home .navbar-azulsolar .navbar-brand svg .fil4,
body.home .navbar-azulsolar .navbar-brand svg .fil1,
body.home .navbar-azulsolar .navbar-brand svg .fil2 {
    fill: #ffffff;
}

.navbar-light .navbar-toggler {
    border: 0;
    color: rgba(255, 255, 255, 0.9) !important;
}

.navbar-light .navbar-toggler:hover {
    background-color: white;
    color: rgba(11, 124, 192, 1) !important;
}

.navbar-azulsolar .navbar-toggler .bi {
    width: 2rem;
    fill: currentColor;
}

.home .navbar-azulsolar .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9);
    font-size: .8rem;
    font-weight: 600;
}

.navbar-azulsolar .navbar-nav .nav-link:focus,
.navbar-azulsolar .navbar-nav .nav-link:hover,
.navbar-azulsolar .navbar-nav .active>.nav-link {
    color: white;
}

.navbar-azulsolar .navbar-nav .current_page_item .nav-link {
    font-weight: 700;
}

.navbar-azulsolar .navbar-nav .nav-item {
    text-transform: uppercase;
}

.navbar-azulsolar .navbar-nav .btn {
    color: rgba(11, 124, 192, 1);
    background-color: white;
}

.navbar-azulsolar .navbar-nav .btn-midias {
    color: rgba(11, 124, 192, 1);
}

.fixed-top {
    position: fixed;
}

.fixed-top .navbar-brand {
    width: 150px;
    height: auto;
}

.fixed-top .navbar-nav .nav-link {
    padding: 10px 0px !important;
}

.fixed-top .navbar-social .nav-link {
    padding: 2.5px 6px !important;
}

/*CAROUSEL*/
.carousel {
    position: relative;
    top: 0;
}

.carousel .carousel-item {
    height: 200px;
    min-height: 350px;
    height: 424.5px;
    background: no-repeat center center scroll;
    background-size: cover;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0, 61, 136);
    background: linear-gradient(0deg, rgba(0, 61, 136, 0.5186274338837098) 31%, rgba(0, 61, 136, 1) 98%);
    opacity: .9;
}

.carousel-caption {
    bottom: 25%;
}

.carousel-caption .display-4 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: .67em;
    color: rgba(253, 197, 0, 1);
}

.carousel-caption .btn-light {
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
    border-radius: 5vh;
}

/*STYLE PARAGRAFO*/
p {
    font-size: 1rem;
    line-height: 1.3;
}

/*PAGE*/
.page-home h1,
.page-home h2 {
    font-weight: bold;
}

.page-home h3 {
    font-size: 1.2rem;
}

.header-page {
    position: relative;
    background-color: rgba(0, 0, 0, .6);
}

.header-page .header-title {
    position: relative;
    text-align: center;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}

/*SOBRE HOME*/
.about .btn,
.erro404-page .btn-lg {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 25px;
}

/*NOSSOS-NUMEROS*/
.nossos-numeros {
    color: white;
}

.nossos-numeros .counter-box {
    text-align: center;
}

.nossos-numeros .counter-icones {
    text-align: center;
    font-size: 4rem;
}

.nossos-numeros .counter-text {
    font-size: 1.5rem;
    line-height: 1.1em;
    color: rgba(249, 199, 44, 1);
    text-transform: capitalize;
    font-weight: 700;
}

.nossos-numeros-sobre {
    color: rgba(11, 124, 192, 1) !important;
}

.nossos-numeros-sobre .counter-text {
    color: #212529;
}

.nossos-numeros-sobre .counter-title {
    color: rgba(0, 0, 0, .5)
}

/*SEGUIMENTO*/
.seguimento h2 {
    color: rgba(11, 124, 192, 1);
    font-weight: bold;
}

.seguimento .content-text {
    background-color: rgba(11, 124, 192, 1);
    color: white;
    border-radius: 5px;
}

.seguimento .content-text i {
    color: white;
    font-size: 8rem;
}

/*VANTAGES*/
/*VANTAGES*/
.vantagens .icon {
    min-width: 3rem;
    min-height: 3rem;
    line-height: 3rem;
}

.vantagens .card {
    position: relative;
    min-height: 3rem;
    margin-bottom: 30px;
    border: 0;
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
}

.vantagens .card-body {
    color: #8492A6;
}

.vantagens .card h5 {
    color: #3C4858;
    font-weight: 600;
    font-size: 1.25rem;
}

.vantagens .icon i,
.vantagens .icon svg {
    font-size: 2.75rem;
}

/*HOME PROJETOS*/
.home-projetos h3 {
    font-size: 1.2rem;
}

/*HOME COMO-FUNCIONA*/
.como-funciona h3 {
    font-size: 1.2rem;
}

.como-funciona .vantagens-icon {
    font-weight: 600;
}

.como-funciona .vantagens-text h3 {
    margin-bottom: 1.5rem;
    font-weight: bold;
}

/*HOME INSTAGRAM*/
.instagram {
    text-align: center;
    background-color: rgba(11, 124, 192, 1);
    color: rgba(255, 255, 255, 1);
}

.instagram h2 {
    text-transform: uppercase;
}

.instagram h3 {
    font-size: 1.2rem;
}

.col-instagram {
    padding-right: 0;
    padding-left: 0;
}

/*BLOG-HOME*/
.blog-section b a {
    background-color: rgba(11, 124, 192, 1);
    color: #FFFFFF;
    padding: 5px 10px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5%;
}

.blog-section a:hover {
    text-decoration: none;
}

.blog-section img {
    width: 100%;
    height: auto;
}

.blog-section .thumbnail-blog,
.blog-section .header-blog {
    padding: 15px;
    width: 100%;
    height: auto;
}

.blog-section a h3 {
    color: #525252;
    margin-top: 10px;
    font-weight: bold;
    font-size: 1.7rem;
}

.blog-section a h3:hover {
    color: #666666;
}

.blog-section a p {
    color: #959595;
    line-height: 1.3;
}

.blog-section .btn {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    padding: 10px 25px;
}

/*ARTICLE-PAGE*/
.article-page h2 {
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.article-page .sidebar-widget {
    padding: 30px 25px;
    position: relative;
    background: linear-gradient(176deg, rgba(0, 80, 157, 1) 0%, rgba(11, 124, 192, 0.9) 100%);
    text-transform: uppercase;
    z-index: 0;
}

.sidebar-widget .sidebar-cover {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    background: no-repeat;
    background-image: url('images/bg-ads.png') !important;
    background-size: 100% 100%;
    z-index: -1;
    width: 100%;
    min-height: 100px;
}


.article-page .sidebar-widget .title-widget {
    text-align: left;
    font-weight: bold;
    color: rgba(249, 199, 44, 1);
}

.article-page .sidebar-widget .resume {
    text-align: left;
    margin-top: 20px;
    color: rgba(255, 255, 255, 1);
}

.article-page .sidebar-widget .btn {
    font-weight: bold;
    font-size: .8rem;
    margin-top: 20%;
    margin-bottom: 25%;
    padding: 13px 25px;
}

/*PAGE SOBRE*/
.page-sobre h3 {
    padding-bottom: 0.5rem;
    font-size: 2.5rem;
}

.page-sobre .text-sobre h3 span,
.page-sobre .text-sobre h4 span {
    display: block;
    width: 100px;
    height: 2.5px;
    margin-top: 10px;
    background-color: rgba(0, 41, 107, 1);
}

.page-sobre .solar-img {
    width: 25%;
}

.page-solar .col-sistem {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 41, 107, 1);
}

.page-solar .col-sistem:nth-child(2n) {
    background-color: rgba(0, 80, 157, 1);
}

/*HEADER-PAGE*/
.header-page {
    background: rgba(0, 0, 0, 1);
}

.header-page {
    z-index: 4;
    background-color: rgba(0, 80, 157, 1);
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    position: relative;
}

.header-page::before {
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0.4;
}

.header-page h1 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

/*SOBRE PAGE*/
.page-sobre h3,
.page-sobre h4,
.page-contato h3,
.page-contato h4 {
    font-weight: bold;
    color: rgba(0, 41, 107, 1) !important;
}

.page-sobre h3,
.page-contato h3 {
    font-size: 2.5rem;
}

.page-sobre p {
    padding-top: 1rem;
}

/*PROJETOS PAGE*/
.card-body .card-text {
    text-transform: uppercase;
    font-weight: bold;
    font-size: .9rem;
    color: rgba(0, 41, 107, 1);
}

.card-body .card-subtext {
    font-size: .8rem;
    color: rgba(0, 0, 0, .8);
}

/*PAGE BLOG*/
.page-blog a .card-title {
    color: #30303f !important;
    font-size: 1.2rem;
    font-weight: 600;
}

.page-blog a p {
    font-weight: 400;
    line-height: 150%;
    color: #333;
}

.page-blog a:hover .card-title {
    color: rgba(0, 0, 0, .9) !important;
}

/*PAGE CONTATO*/
.page-contato h4 {
    text-transform: uppercase;
    padding-bottom: 1rem;
}

.page-contato h5 {
    font-weight: bold;
}

.page-contato .card {
    border: 0;
}

.page-contato .card .icon {
    font-size: 5rem;
    color: rgba(11, 124, 192, 1);
}

.page-contato .icon-text p {
    color: #8492A6;
}

.page-contato .card .nav a {
    color: rgba(11, 124, 192, .9);
}

.page-contato .card .email a {
    font-weight: bold;
    color: rgba(0, 41, 107, .8)
}

.page-contato .card .nav a:hover,
.page-contato .card .email a:hover {
    color: rgba(0, 80, 157, 1);
}

.contato-map iframe {
    height: 250px;
    width: 100%;
    padding-bottom: 0;
}

/*SINGLE-PROJETO*/
.single-projeto h4 {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 1rem;
    color: rgba(0, 41, 107, 1);
}

.single-projeto h4 span {
    display: block;
    width: 100px;
    height: 2.5px;
    margin-top: 10px;
    background-color: rgba(0, 41, 107, 1);
}

.single-projeto b {
    text-transform: uppercase;
}

/*SINLGE BLOG*/
.header-single {
    z-index: 4;
    padding-top: 10%;
    background: rgba(11, 124, 192, 1);
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    position: relative;
}

.header-single::before {
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0.35;
}

.header-single .content-title {
    background: linear-gradient(to bottom, rgba(0, 80, 157, 1, 0) 0%, rgba(0, 80, 157, 1, 0.41) 100%);
    color: rgba(255, 255, 255, 1);
    padding-top: 40px;
    padding-bottom: 40px;
}

.header-single nav ol.breadcrumb {
    background-color: transparent;
}

.header-single .breadcrumb-item {
    color: rgba(255, 255, 255, .5);
}

.header-single .post-categories {
    padding-left: 0;
    list-style: none;
}

.header-single .post-categories li {
    display: inline-block;
}

.header-single .post-categories li:not(:first-child)::before {
    font-weight: 600;
    color: rgba(255, 255, 255, .7);
    content: '\eb9f';
    font-family: unicons-line;
    background: no-repeat center center/contain;
    background-image: none;
}

.header-single .post-categories li a {
    font-weight: 600;
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
}

.header-single .post-categories li a:hover {
    color: rgba(255, 255, 255, .8);
}

.header-single nav li a {
    color: rgba(255, 255, 255, 1) !important;
}

.header-single nav li a:hover {
    color: #F9C72C !important;
}

.header-single h1 {
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    font-size: 1.9rem;
}

/*SINGLE-RELATED*/
.article-related a {
    text-decoration: none;
}

.article-related .picture {
    overflow: hidden;
}

.article-related .picture .card-img-top {
    max-width: 100%;
    transition: all 500ms ease-in-out 0s;
}

.article-related .picture:hover img {
    transform: scale(1.1)
}

.article-related a .card-body .card-title {
    color: #30303f !important;
    font-size: 1.2rem;
    font-weight: 600;
}

.article-related a:hover .card-body .card-title {
    color: #242424 !important;
}

/*404 ERROR*/
.erro404-page {
    position: relative;
    text-align: center;
}

.erro404-page img {
    height: 266px;
}

/*FOOTER*/
footer {
    background: linear-gradient(50deg, rgba(0, 80, 157, 1) 0, rgba(11, 124, 192, .9) 100%) !important;
}

footer .img-brand {
    width: 236px;
    height: auto;
}

footer .sub-footer h5 {
    text-transform: uppercase;
    color: white;
    font-weight: bold;
}

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

footer .sub-footer .link-rede {
    font-size: 1.160rem;
    margin-right: 1rem;
}

.sticky-footer .sub-footer a {
    color: rgba(255, 255, 255, .8);
    text-decoration: none;
}

.sticky-footer p a:hover {
    color: rgba(249, 199, 44, 1) !important;
}

.sticky-footer .heading {
    font-weight: 600;
}

.sticky-footer .sob-footer-links .nav-link {
    padding: .15rem 0;
}

.delimiter-top,
.delimiter-bottom {
    position: relative;
    border: 0;
}

.delimiter-top:before {
    content: '';
    display: block;
    width: 80%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;
    background: radial-gradient(ellipse at center, rgba(222, 228, 239, 0.2) 0, rgba(255, 255, 255, 0) 75%);
}

.delimiter-bottom:after {
    content: '';
    display: block;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;
    background: radial-gradient(ellipse at center, rgba(222, 228, 239, 0.2) 0, rgba(255, 255, 255, 0) 75%);
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    body.home .navbar-azulsolar {
        background: transparent !important;
        box-shadow: none;
    }

    .navbar-azulsolar,
    .navbar-azulsolar:hover {
        position: absolute;
        background: white;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    }

    .navbar-azulsolar .navbar-brand {
        width: 220px;
        height: auto;
    }

    .navbar-azulsolar .navbar-brand svg {
        width: 100%;
    }

    .navbar-azulsolar .navbar-brand .fil0 {
        fill: none
    }

    .navbar-azulsolar .navbar-brand .fil3,
    .navbar-azulsolar .navbar-brand .fil1 {
        fill: #0B7CC0;
    }

    .navbar-azulsolar .navbar-brand .fil4,
    .navbar-azulsolar .navbar-brand .fil2 {
        fill: #F9C72C;
    }

    .navbar-azulsolar .navbar-nav .nav-link {
        color: rgba(11, 124, 192, .9);
        font-size: .7rem;
        font-weight: 600;
        margin: 0px 16px;
        padding: 29px 0px;
    }

    body.home .navbar-azulsolar .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.9);
    }

    .navbar-azulsolar .navbar-nav .nav-link:focus,
    .navbar-azulsolar .navbar-nav .nav-link:hover {
        color: rgba(11, 124, 192, 1);
        text-shadow: -.04ex 0 rgba(11, 124, 192, 1), .04ex 0 rgba(11, 124, 192, 1);
    }

    body.home .navbar-azulsolar .navbar-nav .nav-link:focus,
    body.home .navbar-azulsolar .navbar-nav .nav-link:hover {
        color: white;
        text-shadow: -.04ex 0 white, .04ex 0 white;
    }

    .navbar-azulsolar .navbar-social .nav-link {
        margin: 0px 5px;
        padding: 1px 6px;
        border-radius: 25%;
        background-color: rgba(11, 124, 192, 1);
        color: white !important;
    }

    body.home .navbar-azulsolar .navbar-social {
        color: rgba(11, 124, 192, 1) !important;
    }

    .navbar-azulsolar .navbar-social .btn-orcamento {
        font-size: .8rem;
        font-weight: bold;
        text-transform: uppercase;
    }

    body.home .navbar-azulsolar .navbar-social .btn-orcamento,
    body.home .navbar-azulsolar .navbar-social .btn-midias {
        color: rgba(11, 124, 192, 1) !important;
    }

    .navbar-azulsolar .navbar-social .btn-midias {
        padding: .5px 6px;
        margin-left: 5px;
        font-size: 1.2rem;
    }

    .navbar-azulsolar .navbar-social .social-name {
        font-size: .8rem;
        display: inline;
    }

    .navbar-azulsolar .navbar-nav .btn {
        color: white;
        background-color: rgba(11, 124, 192, 1);
    }

    .navbar-azulsolar .navbar-nav .btn-orcamento:hover {
        background-color: rgba(11, 124, 192, .9);
    }

    body.home .navbar-azulsolar .navbar-nav .btn {
        color: rgba(11, 124, 192, 1);
        background-color: white;
    }

    body.home .fixed-top {
        background: rgba(11, 124, 192, 1) !important;
    }

    .fixed-top {
        position: fixed !important;
    }

    .carousel .carousel-item {
        height: 100vh;
        min-height: 350px;
        height: 424.5px;
        background: no-repeat center center scroll;
        background-size: cover;
    }

    .carousel-caption .display-4 {
        font-size: 2.7rem;
    }

    .header-page {
        padding-top: 77.2px;
    }

    /*BLOG*/

    .blog-section .thumbnail-blog,
    .blog-section .header-blog {
        width: 50%;
        float: left;
    }

    /*COMO-FUNCIONA*/
    .como-funciona .vantagens-text {
        margin-left: 4rem;
        margin-bottom: 2rem;
    }

    /*SINLGE BLOG*/
    .header-single {
        text-align: left;
    }

    .header-single h1 {
        font-size: 2.4rem;
    }

    /*404 ERROR*/
    .erro404-page {
        padding-top: 77.2px;
        text-align: left;
    }

    .erro404-page h2 {
        font-weight: bold;
        text-transform: uppercase;
    }

    .h3f-center {
        text-align: left;
    }

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .navbar-azulsolar .navbar-nav .nav-link {
        font-size: .8rem;
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {}