/*
╔══════════════════════════════════════════════════════════════════════════════════════════════════╗
║  GERAL                                 
╚══════════════════════════════════════════════════════════════════════════════════════════════════╝*/

*{font-family: 'Poppins', sans-serif;}
h1, h2, h3, h4, h5, h6 {color:#126eb7!important; font-family: 'Poppins', sans-serif; font-weight: 300;}
body {font-size: 12pt; line-height: 1.6;}
h1 {font-size: 33pt; margin-top: px; margin-bottom: px;}
h2 {font-size: 29pt; margin-top: px; margin-bottom: px;}
h3 {font-size: 26pt; margin-top: px; margin-bottom: px;}
h4 {font-size: 22pt; margin-top: px; margin-bottom: px;}
h5 {font-size: 17pt; margin-top: px; margin-bottom: px;}
h6 {font-size: 13pt; margin-top: px; margin-bottom: px;}
p, ul, ol, blockquote, cite {  }
   
      
.margins0{margin-top: 0px!important; margin-bottom: 0px!important; }
.margins10{margin-top: 10px!important; margin-bottom: 10px!important; }
.margins20{margin-top: 20px!important; margin-bottom: 20px!important; }
.margins30{margin-top: 30px!important; margin-bottom: 30px!important; }
.margins40{margin-top: 40px!important; margin-bottom: 40px!important; }
.margins50{margin-top: 50px!important; margin-bottom: 50px!important; }
.margins60{margin-top: 60px!important; margin-bottom: 60px!important; }
.margins70{margin-top: 70px!important; margin-bottom: 70px!important; }
.margins80{margin-top: 80px!important; margin-bottom: 80px!important; }
.margins90{margin-top: 90px!important; margin-bottom: 90px!important; }
.margins100{margin-top: 100px!important; margin-bottom: 100px!important; }





.azul           {color:#126eb7!important;}
.amarelo        {color:#ffd12c!important;}
.preto          {color:#000000!important;} 

.azul_bg        {background-color:#126eb7!important;}
.amarelo_bg     {background-color:#ffd12c!important;}
.preto_bg       {background-color:#000000!important;} 

.azul_border    {border-color:#126eb7!important; border: 1px solid;}
.amarelo_border {border-color:#ffd12c!important; border: 1px solid;}
.preto_border   {border-color:#000000!important; border: 1px solid;} 

.azul2          {color:#00a7e6!important;}
.azul3          {color:#00b1d6!important;}
.azul4          {color:#00b1d6!important;}
.cinza          {color:#eef0f1!important;}

.azul2_bg       {background-color:#00a7e6!important;}
.azul3_bg       {background-color:#00b1d6!important;}
.azul4_bg       {background-color:#00b1d6!important;}
.cinza_bg       {background-color:#eef0f1!important;}

.azul2_border   {border-color:#00a7e6!important; border: 1px solid;}
.azul3_border   {border-color:#00b1d6!important; border: 1px solid;}
.azul4_border   {border-color:#00b1d6!important; border: 1px solid;}
.cinza_border   {border-color:#eef0f1!important; border: 1px solid;}


.danger         {color:#EF004F!important;}
.warning        {color:#AEEF00!important;}
.azul_escuro    {color:#006488!important;}
.azul_claro     {color:#91DCF8!important;}
.laranja        {color:#ffa720!important;}

   


.branco{color:#FFFFFF!important;}
.cinza_claro{color:#ECECEC!important;}

.branco_bg{background-color:#FFFFFF!important;}
.cinza_claro_bg{background-color:#ECECEC!important;}
.cinza_claro_borda{border-color:#ECECEC!important;}


.cinza1 {color:#b8b8b8!important;}
.cinza2 {color:#e5e5e5!important;}
.cinza3 {color:#a6b2b6!important;}
.cinza4 {color:#5b6b76!important;}

.cinza1_bg{background-color:#b8b8b8!important;}
.cinza2_bg{background-color:#e5e5e5!important;}
.cinza3_bg{background-color:#a6b2b6!important;}
.cinza4_bg{background-color:#5b6b76!important;}

.cinza1_borda{border-color:#b8b8b8!important;}
.cinza2_borda{border-color:#e5e5e5!important;}
.cinza3_borda{border-color:#a6b2b6!important;}
.cinza4_borda{border-color:#5b6b76!important;}

.p1 {font-size:42px!important;line-height: 1.4!important; margin-bottom: 5px!important;}
.p2 {font-size:36px!important;line-height: 1.4!important; margin-bottom: 5px!important;}
.p3 {font-size:32px!important;line-height: 1.4!important; margin-bottom: 5px!important;}
.p4 {font-size:28px!important;line-height: 1.4!important; margin-bottom: 5px!important;}
.p5 {font-size:24px!important;line-height: 1.4!important; margin-bottom: 5px!important;}
.p6 {font-size:20px!important;line-height: 1.4!important; margin-bottom: 5px!important;}
.p7 {font-size:16px!important;line-height: 1.4!important; margin-bottom: 5px!important;}
.p8 {font-size:12px!important;line-height: 1.4!important; margin-bottom: 5px!important;}
.p9 {font-size:8px!important;line-height: 1.4!important; margin-bottom: 5px!important;}
.p10{font-size:4px!important;line-height: 1.4!important; margin-bottom: 5px!important;}


strong{color:#126eb7!important;}

/*
╔══════════════════════════════════════════════════════════════════════════════════════════════════╗
║  Dispositivos extra pequenos (telefones, 600 px e inferior)                                   
╚══════════════════════════════════════════════════════════════════════════════════════════════════╝*/
@media only screen and (max-width: 600px) {
 
    h1 {font-size: 28pt;}
    h2 {font-size: 24pt;}
    h3 {font-size: 18pt;}
    h4 {font-size: 14pt;}
    h5 {font-size: 12pt;}
    h6 {font-size: 10pt;}  

    .links_contato {
        font-size: 18px;
    }

    .img-parceiros {
        margin-bottom: 45px!important;
    }


    element.style {
    }
    #imagem_calcule {
        background-image: none!important;
        background-color: #000000!important;
    }
    .box_servics {
        margin-bottom: 50px!important;
    }

    #imagem_contato {
        background-image: none!important;
    }  
    img.header_logo {
        max-width: 330px;
        margin-top: 20px;
        margin-bottom: 50px;
    }     
}





/*
╔══════════════════════════════════════════════════════════════════════════════════════════════════╗
║  HEADER            HEADER            HEADER            HEADER            HEADER                                   
╚══════════════════════════════════════════════════════════════════════════════════════════════════╝*/

#header {
    background-color: #000!important;
    padding: 10px 0px!important;
}

img.header_ico_redes_sociais {
    width: 30px!important;
    margin: 8px 12px!important;
    float: right;
}

img.header_logo {
    max-width: 210px;
    padding-left: 10px;
}




/*
╔══════════════════════════════════════════════════════════════════════════════════════════════════╗
║  HOME            HOME            HOME            HOME            HOME                                   
╚══════════════════════════════════════════════════════════════════════════════════════════════════╝*/

h2.tit_secao {
    text-align: center;
    margin: 10px 0px 30px !important;
    font-weight: bolder;
}




.box_servics{
    background: rgb(255,209,44);
    background: linear-gradient(162deg, rgba(255,209,44,1) 0%, rgba(255,178,44,1) 64%, rgba(255,160,44,1) 100%);
    -webkit-box-shadow: 2px 5px 11px -3px #000000; 
    box-shadow: 2px 5px 11px -3px #000000;
}


.box_servics {
    border-radius: 7px;
    margin: 10px;
    padding: 15px;
    height: 440px;
    text-align: center;
}
img.img-responsive.img-servics {
    margin: 0px auto;
    max-width: 135px;
    margin-top: 10px;
}
h3.tit_servics {
    font-size: 32px;
    font-weight: 500;
    color: #FFFFFF!important;
    margin-top: -20px;
}

p.txt_servics {
    font-size: 14px;
    font-weight: 600;
}


.parallax {
    background-attachment: fixed!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}


#imagem_calcule {
    background-size: cover;
    min-height: 400px;
    padding: 40px 0px!important;
    background-image: url(https://www.sabionisolars.com.br/wp-content/themes/baboo/assets/images/layout/fundo_calculo.jpg?2);
}



#imagem_contato {
    background-size: cover;
    min-height: 400px;
    padding: 40px 0px!important;
    background-image: url(https://www.sabionisolars.com.br/wp-content/themes/baboo/assets/images/layout/contato2.jpg?2);
}


img.img-responsive.img-parceiros {
    margin: auto;
    max-height: 83px;
}  



img.img-responsive.img-vantagens {
    /* float: left; */
    margin: auto;
    margin-top: 80px;
}


p.txt_vantagens {
    color: #ffffff!important;
    font-size: 19px;
    font-weight: 600;
    margin: 0px 30px 30px;
}



/*
╔══════════════════════════════════════════════════════════════════════════════════════════════════╗
║  Dispositivos médios (tablets paisagem, 768px e superior)                                   
╚══════════════════════════════════════════════════════════════════════════════════════════════════╝*/
@media only screen and (min-width: 768px) and (max-width: 951px) {
  
}



/*
╔══════════════════════════════════════════════════════════════════════════════════════════════════╗
║  Dispositivos grandes (laptops / desktops, 992px e superior)                                   
╚══════════════════════════════════════════════════════════════════════════════════════════════════╝*/
@media only screen and (min-width: 992px) {

}



/*
╔══════════════════════════════════════════════════════════════════════════════════════════════════╗
║  Dispositivos extragrandes (laptops e desktops grandes, 1200 px e superior)                                   
╚══════════════════════════════════════════════════════════════════════════════════════════════════╝*/
@media only screen and (min-width: 1200px) {


}